WordPressテーマ Cocoon
このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。
MASAa.net | WordPressとPCのある生活を楽しむための情報発信サイト
WordPress、WordPressテーマ Simplicity / Cocoon / THE THORに関するカスタマイズ、自作PC、ガジェット、デスク環境に関する情報発信サイトです。
masaa.net
今回は、WordPressテーマ Cocoonでの「ウィジェット人気記事のパーティション（仕切り線）」のカスタマイズについてまとめてみました。
WordPressテーマ Cocoon ウィジェット人気記事のパーティション（仕切り線）
現在のWordPressテーマ Cocoonの「ウィジェット人気記事のパーティション（仕切り線）」は次の様になっています。
ほとんどのライン（線）についてはサイトカラーに合わせてカスタマイズを行ってきました。
この「ウィジェット人気記事のパーティション（仕切り線）」についてはデフォルトのままだったので、今回カスタマイズを行ってみたいと思います。
ウィジェット人気記事のパーティション（仕切り線）のカスタマイズ
WordPressテーマ Cocoonの「ウィジェット人気記事のパーティション（仕切り線）」のカスタマイズを行います。
カスタマイズ内容
「ヘッダー上のメニュー表示」のカスタマイズの内容は、下記の通りです。
「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を追記します。
/************************************
** ●パーテーション（区切り線）カスタマイズ 人気記事
************************************/
.border-partition a:first-of-type {
border-top: 2px dotted #ffddee;
padding-top:4px;
}
.border-partition a {
border-bottom: 2px dotted #ffddee;
}
カスタマイズ後のウィジェット人気記事のパーティション（仕切り線）
今回のカスタマイズによって、「ウィジェット人気記事のパーティション（仕切り線）」は次の様になりました。
今回のカスタマイズで、「ウィジェット人気記事のパーティション（仕切り線）」をサイトカラーに合わせたカラーに変更しました。
最後に
記事にするほどのカスタマイズ内容ではないのですが、自分の備忘禄として残したいと思います。
また、今回のカスタマイズによって更に統一感が出たことにより、更にサイトカラーの重要性を認識することができました。
コメント