wordpressテーマ「Cocoon」ヘッダーやブログカードの表示カスタマイズとプレビュー非表示変更メモ

wordpressのテーマを「Simplicity」から「Cocoon」に変えたときに設定した基本的な部分の表示方法などのカスタマイズのメモ。

style.css

Cocoonヘッダー設定ロゴとキャッチフレーズを左寄せ

ヘッダー設定で、「センターロゴ」選択時、メニューはセンターのままロゴとキャッチフレーズは左寄せにしたい場合。

CSS

/*センター設定時のロゴとキャッチフレーズ左寄せ*/
.header-in .tagline {
  text-align:left;
  padding-left: 20px;
}
.header-in .logo {
  text-align: left;
  padding-left: 20px ;
}

ブログカードのカスタマイズ

「内部ブログカード」のURL非表示と背景色変更。「internal-blogcard」が内部カード

CSS

/*内部ブログカード*/
.internal-blogcard-footer{
  display:none;
}
.blogcard-wrap .internal-blogcard {
  background-color: #ffffff;
}
.blogcard-wrap .internal-blogcard:hover {
  background-color: #fcfdfd;
}

固定ページのシェア・フォローボタンの非表示

CSS

/*固定ページでシェア・フォローボタン非表示*/
.page .sns-share,
.page .sns-follow {
  display: none;
}

functions.php

Cocoon設定プレビューの非表示

小テーマの「functions.php」に追加

PHP

//全てのCocoon設定プレビューを非表示（フォント以外）//
add_filter('cocoon_setting_all_previews', '__return_false');