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

Googleの無料ブログサービス「Blogger」の設定情報について解説します。

Bloggerのサイドメニューの文字の大きさが、初期設定では正直かなり小さいです。

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

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

スポンサーリンク
アドセンス広告(PC)

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

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

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

スポンサーリンク
アドセンス広告(PC)
アドセンス広告(PC)

フォローする

テキストのコピーはできません。