• このエントリーをはてなブックマークに追加

賢威7のパンくずリストのテキストリンクのフォントカラーを変更する方法

どうも。葉です。

この記事では、賢威7のパンくずリストのテキストリンクのフォントカラーを変更する方法を解説していきます。

1.この記事を読んでできるようになること

まず、この記事を読んでできるようになることを、「変更前」→「変更後」の画像で確認してください。

変更前

賢威7のパンくずリストのテキストリンクのデフォルトフォントカラー

変更後

賢威7のパンくずリストのテキストリンクのフォントカラー変更後

このように、パンくずリストのテキストリンクになっている部分のフォントカラーを変更することができるようになります。

では、実際の作業に移っていきます。

2.パンくずリストのテキストリンクのフォントカラーを変更する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7のパンくずリストのテキストリンクのフォントカラーを変更する手順1

「base.css」をクリックしてください。

賢威7のパンくずリストのテキストリンクのフォントカラーを変更する手順2

「base.css」を開いたら、次のコードが記述されている場所を探してください。

.breadcrumbs-in a

その内部に、「color: ○○○」と記述されているので、〇〇○の部分に好きな色のコードを貼り付けましょう。サンプルとして、次のコードを貼り付けてみてください。

    color: #03c;

※カラーコードは、「WEB色見本 原色大辞典 – HTMLカラーコード」を参考にしてください。

賢威7のパンくずリストのテキストリンクのフォントカラーを変更する手順3

これで、パンくずリストのテキストリンクのフォントカラーが変更されているはずです。

3.まとめ

この記事では、賢威7のパンくずリストのテキストリンク部分のフォントカラーを変更する方法を解説しました。

この他にも、賢威7のパンくずリストのデザイン変更を行いたい方は、次の記事を参考にして下しさい。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

WordPress 賢威カスタマイズ