Cocoonカスタマイズ

WordPress,Cocoon

[Cocoon] パンくずリストのアイコンを非表示にする方法

WordPressの神テーマCocoonのパンくずリストでは、各タイトルの前にデフォルトでアイコンが表示されます。 パンくずリストとは Webサイト内の現在位置を、ツリー状にわかりやすく表示したものです。リンクで各項目に飛べるのが一般的。英...
WordPress,Cocoon

[Cocoon] 投稿日や更新日を消したりする方法

WordPressの新しいエディタ Gutenberg(グーテンベルク) では各投稿ごとに、更新日を消したり任意の日付にする、「更新日の変更」エリアがありますが、一括で非表示したい場合や、投稿日の非表示設定は、css記述で行います。Word...
WordPress,Cocoon

[Cocoon] カスタマイズ用CSS classリスト

「cssファイルを一から読むの面倒くさい」「Cocoonカスタマイズさえできればいいしcssがっつり勉強する気ないし」そんな方のお役にたちそうな、Cocoonでよく使うであろうクラス指定リストです。備忘録を兼ねて随時追記していきます。 「使...
WordPress,Cocoon

[Cocoon] 独自ブロック一覧と、Gutenbergでの使い方

Gutenbergでも使える、Cocoon独自のブロック一覧と、Gutenbergでのボックス設定方法です。※CSSで見た目を触っていて、デフォルトと表示が違う場合があります。予めご容赦下さい。 Gutenbergでのボックス設定エリアの出...
WordPress,Cocoon

[Cocoon] 特定のページでサイドバーを表示させる方法

WordPressの神テーマ Cocoon では、サイドバーの位置や表示非表示を設定することが可能です。まるごと設定するのは普通にできるのですが、特定ページで設定するには少しコツが要ったので、記しておきます。※Gutenbergでの方法です...
WordPress,Cocoon

[Cocoon] 目次をカスタマイズする (カード風)

Cocoonの設定でできる目次のカスタマイズと、CSSを使ったアレンジをご紹介します。 設定画面でできるカスタム 設定する場所 Cocoon設定 > 目次タブ 設定でできること 設定画面(上半分) 目次の表示目次の表示非表示 表示ページ「投...
WordPress,Cocoon

[Cocoon] フッターのカスタマイズCSSと、CSSが効かない時の対処法 2021

ワードプレスのアップデートか何かで、これまで使えていたClass指定が反映されなくなっている様です。2021年10月時点での対処法をご紹介します。「How toブログ見てコピペしたcssが効かない」「ある日突然反映されなくなった」「!ipo...
WordPress,Cocoon

プレートっぽい見出しを作るCSS

見出し(h2タグ)がかわいくできたので、作り方をご紹介します。ビスでとめたプレートっぽいイメージです。見えるかな? ※ある日突然見た目が変わったので少し書き直しました。/2021.10.11 見出し(h2) ↑こんなやつです。CSSを使って...