TCDテーマ「CORE」で新着記事に付く”NEW”の文字色と背景色の変更方法


スポンサードリンク


こんにちは、マツコ・ミニマムです。

今回はTCDのテーマ「CORE」で新着記事に付く”NEW”の文字色と背景色の変更方法について紹介していきます。

私のTCDカスタマイズ備忘録も兼ねているので同じような環境の方の参考になればと思います。

“NEW”の文字色と背景色の変更方法

WordPress管理画面から「外観 > テーマの編集」へと進み、「style.css」を開きます。

次に、F3キーで以下の文字を検索してください。

これが新着記事に”NEW”と表示させるための文字列です。

color:#fff」が文字色

background:#333」が背景色

を表しているので「#〇〇〇」という部分を変更することで色が変わります。

色コードはこちらのサイトで探すと見やすくて便利です。

“NEW”以外の文字にする場合

新着記事の表示を”NEW”意外にする場合、上記のコード内にあるNEWの文字を変更します。

ただし、全角で5文字以上だとレイアウトが崩れる可能性があるので、もし崩れた場合は「width:45px」の数字の箇所を変更すれば解決できます。

 

最後まで読んでいただきありがとうございました。


当ブログでは TCDのWordPressテーマ「CORE」を使用しています。

WordPressテーマ「CORE (TCD027)」



スポンサードリンク



スポンサードリンク



いいねと思ったらSNSでシェア!

関連記事 こちらの記事もオススメです。



誰でも簡単に本格的なブログが作れる「STORK」






誰でも簡単にブログが作れるワードプレスのテーマ「STORK」を私も使っています