この記事では THE THORのメニューの文字色の設定方法とCSSを使用してメニューの文字色を自分の好きな色にカスタマイズする方法を紹介します♪
【THE THOR】メニューの文字の色の種類
【THE THOR】ザ・トールでは、メニューの文字は黒文字（デフォルト）と白文字の２種類が用意されています。
この2色から選択して使用します。
【THE THOR】グローバルメニューの文字色の設定
ダッシュボード刷毛のマークの「外観」 → 「カスタマイズ」をクリックしてください。
PR【THE THOR】グローバルメニューをヘッダーエリアに表示
ダッシュボード「外観」→「カスタマイズ」→「共通エリア」→「ヘッダーエリア設定」の順にクリックしてください。
「ヘッダーエリア」設定が表示されます。
ヘッダーのテキストカラーを選択
この場所で、文字色を変更することが出来ます。
「白文字」になっている場合は「黒文字」を選択して、 画面上部のボタン「公開」をクリックしてください。
【THE THOR】グローバルメニューバー文字色カスタマイズ設定
ここからはデフォルトの文字色（黒色）を、好きな色にカスタマイズしていく紹介になります。
【THE THOR】グローバルメニューの文字色をカスタマイズ
「外観」 → 「カスタマイズ」をクリックしてください。
【THE THOR】グローバルメニュー文字色変更♪追加CSSにコードを張り付ける
下にスクロールさせて、「追加CSS」をクリックしてください。
この「追加CSS」の場所にコピペします♪
【THE THOR】メニュー文字色カスタマイズ コピペ文説明
上から順に、
・何もしてない時の文字色 （メニューの文字色変更）
・マウスが乗った時の文字色（リンクとホバーの文字色変更）
となっております。
下の文はコピペ文になります。
/*メニューの文字色*/
.globalNavi__list li a{
color:PINK;
}
/*リンクとホバーの文字色変更*/
.globalNavi__list .current_page_item > a,
.globalNavi__list .current-menu-item > a,
.globalNavi__list .page_item a:hover,
.globalNavi__list .menu-item a:hover {
border-bottom:2px solid BLUE; color:RED;
} }
【THE THOR】グローバルメニューの文字色を自分好みに
色のコードがわからない方は下の記事の中にまとめてありますので参考になさってください。
>>>カラーコードまとめ＆ クラシックエディタで コードを取得
THE THOR(ｻﾞ･ﾄｰﾙ)メニュー文字色設定＆カスタマイズ まとめ
メニューバーの文字色、無事変更できましたでしょうか？cssで見えないところに全角文字が隠れている場合もあります。（あったらごめんなさい。）もしうまくいかない時は全角がないかチェックしてみてください。
が、それでも環境によってうまく文字色が変更できない場合もあるかもしれません。ｃｓｓでのカスタマイズについては自己責任でお願いいたします。