Cocoon「文字色をカスタマイズ」

こんにちは、シャトーブリアンです。

WordPressテーマ「Cocoon」で文字色を好きなように変えてみたメモ。

文字色を変更する場合、Cocoon設定で文字色を変えることができる。

Cocoon設定 → 全体

サイトフォント → 文字色

「色を選択」を押すと好きな色に変更することができる。

全体設定で文章などの文字色は変更されたんだけど、他にも変えたい場所がいくつかある！そんなときはCSSにコードを追加して変えることができる♪

1、外観 → テーマファイルエディター

2、コードをコピーして貼り付け
「#000000」のところを好きな色に変えればOK♪

インデックスカードとはホーム画面に並んでいる記事一覧のカード。

追加コード

/* インデックスカードタイトル文字色 */
.entry-card-title,
.e-card-info > span{
color: #000000;
}

サイドバーに表示させているカテゴリーのタイトル色。

/*サイドバー　カテゴリーのタイトル文字色 */
.widget_categories ul li a{
color: #000000;
}

パンくずリストとは今どこにいるのか？がわかるもの。

/*パンくずリストの文字色 */
.breadcrumb a {
color: #000000;
}

前の記事、次の記事を案内するところ。

/*前へ次へのタイトル文字色*/
.prev-post .prev-post-title {
color: #000000;
}
.next-post .next-post-title {
color: #000000;
}

prev-post：前
next-post：次

ブログカードとは記事にリンクを貼り付けるときのカードタイプのもの。

/*ブログカードタイトル文字色 */
.blogcard-title {
color: #000000;
}

最後に「ファイルを更新」を押せば完了！

好きな色に変えられてうれしい♪

Cocoon の文字色カスタマイズでした！

できた！

吹き出しの文字色も！