【WordPress】トップページのカスタマイズ【Simplicity2】

2017年1月22日2020年1月17日

こんにちは、マーチンです。

WordPressのテーマ「Simplicity2」のカスタマイズの紹介です。

トップページのカスタマイズ

記事と記事の間に線を引く

トップページのエントリーカードはデフォルトでは下記の様に記事と記事の間は何もなしです。

子テーマのスタイルシート（style.css）に次のコードを記載します。

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 15px;
}

【dotted】を【solid】に変更すると直線になりますのでお好みで。

線が引かれるだけでスッキリ読みやすくなりましたね。

関連記事の間にも線を引く

同じように子テーマのスタイルシート（style.css）に次のコードを記載します。

/* 関連記事の間に線を引く */ 
#main .related-entry { 
 border-bottom: 1px dotted #333333; 
 padding-bottom: 15px; 
}

これで関連記事にも線が引けみやすくなりました。