(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連Cocoon

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

アイキャッチ画像 Cocoon
この記事は約3分で読めます。

【広告】

※ 本ページには【広告】が含まれています

WordPressテーマ Cocoon

このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。

MASAa.net | WordPressとPCのある生活を楽しむための情報発信サイト
WordPress、WordPressテーマ Simplicity / Cocoon / THE THORに関するカスタマイズ、自作PC、ガジェット、デスク環境に関する情報発信サイトです。

今回は、WordPressテーマ Cocoonでの「カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする」カスタマイズについてまとめてみました。

ウィジェット テキストのコンテンツ

現在MASAa.blogのトップページには、「ウィジェット テキスト」を使用したコンテンツ(注意書き)を設定しています。

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

この「ウィジェット テキスト」を使用したコンテンツですが、トップページ以外にカテゴリーページ及びアーカイブページにも表示されます。

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

今回の「ウィジェット テキスト」のコンテンツ(注意書き)は、カテゴリーページ及びアーカイブページに必要ありません。

そこで、カテゴリーページ及びアーカイブページの「ウィジェット テキスト」のコンテンツを表示させないカスタマイズを行います。

カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にするカスタマイズ

WordPressテーマ Cocoonでの「カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする」カスタマイズを行います。

カスタマイズ内容

カスタマイズを行う前に、カテゴリー/アーカイブページで非表示にしたい「ウィジェット テキスト」のコンテンツのIDを調べます。

ブログサイトを表示させて、カテゴリー/アーカイブページで非表示にしたい「ウィジェット テキスト」のコンテンツ上で右クリックします。

メニューが表示されるので一番下の【検証(I)】を選択します。

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

その「ウィジェット テキスト」のコンテンツのIDをメモしておきます。

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を追記します。

なお、カスタマイズには自分がメモしたアイコンIDを入力する必要があります。

下記のカスタマイズで【text-6】(2箇所)となっている部分に先ほどメモしたIDを入力します。

/************************************
** ■カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする
************************************/
.archive.date #text-6,
.archive.category #text-6 {
  display: none!important;
}

カスタマイズ後のウィジェット テキストのコンテンツ

今回のカスタマイズによって、カテゴリーページ及びアーカイブページで設定した「ウィジェット テキスト」のコンテンツは次の様になりました。

【Cocoon】カテゴリー/アーカイブでウィジェット テキスト非表示

今回のカスタマイズでは、カテゴリーページ及びアーカイブページで、特定の「ウィジェット テキスト」のコンテンツを非表示にしました。

最後に

トップページだけ表示させたい場合に便利なカスタマイズです。

なお、今回は「ウィジェット テキスト」についてのカスタマイズでしたが、他のウィジェットでも同様のカスタマイズが可能です。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 記事内には【広告】が含まれています
MASAa.net

コメント

【広告】