WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマVOGUE:トップページにニュースのみを表示し、背景色を変更する方法

この記事は2018年11月28日に更新されたもので、内容が古い可能性がありますのでご注意ください。

Q.トップページにニュースだけ表示させ、その背景色を通常「黒色」から「白色」に変えることは可能でしょうか。

A.下記の方法でカスタマイズください。

外観>TCDテーマオプション>基本設定
にある「カスタムCSS」にて、
下記内容をご記述頂くことで実現可能です。

.p-content03__blog {
    display: none;
}
.p-content03__news {
    width: 100%;
    background-color: #FFF !important;
}
.p-content03__news-catch {
    color: #000;
}
#cb_3 .p-content03__news-list-item a:hover {
    background: #DDD;
}
.p-article05__date {
    color: #000;
}
.p-article05__title {
    color: #000;
}
.p-content03__news-archive-link {
    color: #000;
}

以上です。
お好みの色へご変更ください。

その他の箇所をご変更されたい場合は、
該当箇所の要素を指定頂きまして、
設定内容をご記述ください。

VOGUEデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。