![Business Pressのトップバーのフォントサイズを変える方法](https://samurai-hp.net/wp-content/uploads/2024/01/06ef38038bd8a78742664b1bb7e1045e.png)
更新日: 2024年2月7日
Business Pressのトップバーのフォントサイズを変える方法
ワードプレスの日本語テーマである「Business Press」のカスタマイズです。
ビジネスプレス(Business Press)はワードプレスの日本語テーマにしては、めちゃくちゃイケてるテーマなのでお勧めです。
(前提)トップバーを表示させる設定
そもそも、Business Pressのトップバーを表示させる設定をしていることが前提になります。
表示方法
「カスタマイズ」→「トップバー」→「トップバーを有効にする」
![ビジネスプレス](https://samurai-hp.net/wp-content/uploads/2024/01/4475d1789bde0c3ab14cfa8736471e9f-wpp1704896621886.png)
このフォントサイズが小さいなと思う人がいれば、テーマのCSSをいじってください。
トップバーのフォントをカスタマイズする場所
フォントサイズを変更する方法
「テーマファイルエディタ」→「BusinessPress: スタイルシート (style.css)」の644行目
.top-bar-main {
color: #888;
font-size: 80%;
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
font-size: 80%;をfont-size: 100%;にしてみてください。
大きくなりました。
![](https://samurai-hp.net/wp-content/uploads/2024/01/38da9d576b16426191f5fb83f26e43e2.png)
フォントカラーを変更する方法
フォントサイズの1行上の643行目
color: #888;
ここを変えてください。
例えば、color: #FFFFFF;にするとこうなります。
![](https://samurai-hp.net/wp-content/uploads/2024/01/53fe224e808339841cd299a528d1f002.png)
変更できない場合
キャッシュが残っているのかもしれません。
キャッシュ削除か、Windowsなら、「[Ctrl]+[F5]」Macなら「shiftボタン+更新ボタン」を教えてください。