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

2020年1月17日

Photo by Brooke Cagle

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

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; 
}

 

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

2020年1月17日WordPressweb, WordPress

Posted by まーちん