WordPressテーマ Cocoon
このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。
今回は、WordPressテーマ Cocoonでの「カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする」カスタマイズについてまとめてみました。
ウィジェット テキストのコンテンツ
現在MASAa.blogのトップページには、「ウィジェット テキスト」を使用したコンテンツ（注意書き）を設定しています。
この「ウィジェット テキスト」を使用したコンテンツですが、トップページ以外にカテゴリーページ及びアーカイブページにも表示されます。
今回の「ウィジェット テキスト」のコンテンツ（注意書き）は、カテゴリーページ及びアーカイブページに必要ありません。
そこで、カテゴリーページ及びアーカイブページの「ウィジェット テキスト」のコンテンツを表示させないカスタマイズを行います。
カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にするカスタマイズ
WordPressテーマ Cocoonでの「カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする」カスタマイズを行います。
カスタマイズ内容
カスタマイズを行う前に、カテゴリー/アーカイブページで非表示にしたい「ウィジェット テキスト」のコンテンツのIDを調べます。
ブログサイトを表示させて、カテゴリー/アーカイブページで非表示にしたい「ウィジェット テキスト」のコンテンツ上で右クリックします。
メニューが表示されるので一番下の【検証(I)】を選択します。
その「ウィジェット テキスト」のコンテンツのIDをメモしておきます。
「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を追記します。
なお、カスタマイズには自分がメモしたアイコンIDを入力する必要があります。
下記のカスタマイズで【text-6】（2箇所）となっている部分に先ほどメモしたIDを入力します。
/************************************
** ■カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする
************************************/
.archive.date #text-6,
.archive.category #text-6 {
display: none!important;
}
カスタマイズ後のウィジェット テキストのコンテンツ
今回のカスタマイズによって、カテゴリーページ及びアーカイブページで設定した「ウィジェット テキスト」のコンテンツは次の様になりました。
今回のカスタマイズでは、カテゴリーページ及びアーカイブページで、特定の「ウィジェット テキスト」のコンテンツを非表示にしました。
最後に
トップページだけ表示させたい場合に便利なカスタマイズです。
なお、今回は「ウィジェット テキスト」についてのカスタマイズでしたが、他のウィジェットでも同様のカスタマイズが可能です。
コメント