このサイトでは、Cocoon(コクーン)という無料テーマを使って作成しています。

WordPressテーマCocoonのCSSカスタマイズ例

テーマに関する記事

WordPress テーマCocoonのCSSカスタマイズ例

このサイトでカスタマイズした事を備忘録として書いておきます。

抜粋記事カード形式のに枠線と影を付ける(カードの枠線を表示するのチェックを入れておく)
#list a{ box-shadow:0px 0px 4px 0px #333333; }
抜粋記事のフォント14pxにして、行間を24pxにする
#list .entry-card .entry-card-snippet{ line-height:24px; }
@media (min-width:768px)
#list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{ font-size:14px !important; }
関連記事のフォントを14pxにして、行間を24pxにする
.related-entry-card .related-entry-card-snippet{ line-height:24px; }
.related-entry-card .related-entry-card-snippet{ font-size:14px; }
一番下にあるページネーション記事のフォントを14pxに変更する
#pager-post-navi .prev-post .prev-post-title{ font-size:14px; }
まとめて書くと・・・
#list .entry-card .entry-card-snippet{
line-height:24px;
}

.related-entry-card .related-entry-card-snippet{
line-height:24px;
}

#pager-post-navi .prev-post .prev-post-title{
font-size:14px;
}

#list a{
box-shadow:0px 0px 4px 0px #333333;
}

@media (min-width:768px){

#list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{
font-size:14px !important;
}

#container #content #content-in #main #list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{
font-size:14px !important;
}

.related-entry-card .related-entry-card-snippet{
font-size:14px;
}
}

この記事を書いた人

JWC横須賀
JWC横須賀CEO
バンコク在住、(株)ジェイ・ウェッブ・クリエーション代表。1997年にバンコクへ移住し、現地工場長を経て2005年10月に会社設立。
現在は医療系の情報提供とアテンド業務そしてタイでの個人起業支援を中心に活動中。
日本国内で年に2回ほど個別相談会も開催しています。1952年生まれで茨城県水戸市出身、在タイ20年超えたところです。
PAGE TOP