2017年05月01日

Bloggerのサイドメニューの文字の大きさを変更する

GoogleのブログサービスBloggerのサイドメニューの文字の大きさが、初期設定ではかなり小さいです。

Bloggerサイドメニューの文字の大きさ変更1

これを改善するために、サイドメニューの文字の大きさを変更した設定について解説します。

Bloggerの[テーマ]をクリックして開き、[カスタマイズ]をクリックします。

Bloggerサイドメニューの文字の大きさ変更2

Bloggerテーマデザイナーが開くので、[上級者向け]をクリックして、[CSSを追加]クリックします。
(下にスクロールするとでてきます)

Bloggerサイドメニューの文字の大きさ変更3

[カスタムCSSを追加]に次のCSSを追加します。


.widget-content{
font-size: 15px;
}


※ 15pxには、自分の指定したい文字の大きさ(数値)にします。

ここでは、文字の大きさが変わったことがわかりやすいように22pxに指定しました。

Bloggerサイドメニューの文字の大きさ変更4

画面右上の[ブログに適用]をクリックして、設定を反映させます。

Bloggerサイドメニューの文字の大きさ変更5

実際にブログを確認してみると、文字が大きくなっているのがわかります。
(Bloggerテーマデザイナーの下側に表示されるプレビューでも確認できます)

Bloggerサイドメニューの文字の大きさ変更6

メニューの文字が大きくなって、ブログの幅の調整が必要な場合は、同じ[Bloggerテーマデザイナー]の[幅を調整]で変更することができます。

Bloggerサイドメニューの文字の大きさ変更7

(変更後は、右上の[ブログに適用]を忘れずにクリックします)

posted by 管理人 at 00:00 | TrackBack(0) | Blogger | このブログの読者になる | 更新情報をチェックする


新着記事一覧