【THE THOR】ナビゲーションメニューフォントのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

The main blog of masaa powered by WordPress.
スマホ、ガジェット、食玩などの記事をWordPressブログに毎日更新中!中の人はこれでもパパ。

以前、WordPressテーマ THE THOR(ザ・トール)の「ナビゲーションメニュー」に関するカスタマイズについてのエントリー記事をアップしました。

【THE THOR】ナビゲーションメニューのカスタマイズ
WordPressテーマ THE THOR(ザ・トール)の「ナビゲーションメニュー」のカスタマイズについてまとめてみました。今回の「ナビゲーションメニュー」のカスタマイズは、全体的にコンパクトにしてみました。

今回は、そのエントリー記事では触れていなかったWordPressテーマ THE THOR(ザ・トール)の「ナビゲーションメニューフォント」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR ナビゲーションメニューフォント

WordPressテーマ THE THOR(ザ・トール)の「ナビゲーションメニューフォント」の表示は次の様になっています。

【THE THOR】ナビゲーションメニューフォントのカスタマイズ

今回「ナビゲーションメニューフォント」の気になる点として、

  • フォントサイズが小さい
  • フォント太さが小さい

の2点が挙げられます。

これらを改善するカスタマイズを行ってみました。

ナビゲーションメニューフォントのカスタマイズ

「ナビゲーションメニューフォント」のカスタマイズを行います。

カスタマイズ内容

「ナビゲーションメニューフォント」のカスタマイズは、下記の通りです。

このカスタマイズ内容をthe-thor-childフォルダ内の「スタイルシート(style-user.css)」に追記します。

.menu-headermenu-container { /*ナビゲーションメニューフォント調整*/
	font-size: 15px; /*フォントサイズ*/
	font-weight: 700; /*フォント太さ*/
}

カスタマイズ後のナビゲーションフォント

今回の「ナビゲーションメニューフォント」のカスタマイズによって、「ナビゲーションメニューフォント」の表示は次の様になりました。

【THE THOR】ナビゲーションメニューフォントのカスタマイズ

今回の「ナビゲーションメニューフォント」のカスタマイズで、

  • フォントサイズを大きく調整(15px)
  • フォント太さを大きく調整(700)

の2点について修正を行いました。

最後に

今回は「ナビゲーションメニューフォント」だけのカスタマイズなので、「ナビゲーションメニュー」のカスタマイズを行うには、以前エントリー記事として掲載した『【THE THOR】ナビゲーションメニューのカスタマイズ』と合わせて行う必要が有ります。

【THE THOR】ナビゲーションメニューのカスタマイズ
WordPressテーマ THE THOR(ザ・トール)の「ナビゲーションメニュー」のカスタマイズについてまとめてみました。今回の「ナビゲーションメニュー」のカスタマイズは、全体的にコンパクトにしてみました。

次のエントリー記事で「ナビゲーションメニュー枠」の表示設定についてアップしたいと思います。

コメント