WordPressテーマ Cocoon カスタマイズ

WordPressテーマのCocoonをカスタマイズする方法をまとめているサイトを集めてみました。カスタマイズを行う時はいつも参考にさせてもらっています。

何種類かのテーマを使ってきましたが、 Cocoonは機能が豊富で使用するプラグインの数も少なくなる、設定がわかり易い、カスタマイズする時にソースが見やすいことからCocoonに落ち着きました。テーマのバージョンアップも行われており、無料といえど安心して使えるテーマです。

Cocoon

ブロックエディターの文字装飾に個別のテキストCSS装飾を設定する方法
記事中の任意のテキストを任意のCSSで装飾するには、「カスタムテキスト」を使用します。 カスタムテキスト カスタムテキストはブロックエディターの段落などでテキストを選択して、「文字」→「カスタムテキスト (番号)」を利用
新着記事ショートコードを利用して任意の記事を任意の順番で表示させる方法
任意の記事を任意の順番で表示させるにはナビカードという機能で表示させることは可能です。 意図した記事一覧を作成できる「ナビカード」ショートコードの使い方サイト訪問者を的確に誘導するために、意図したリンクリストを作成するシ
Cocoon 2.7.5公開。CTAブロック追加。WordPress 6.6向けの不具合修正など
Cocoon 2.7.4からの変更点です。 機能追加 CTAブロック追加 ブロックエディターツールバーの「文字」オプションに「カスタムテキスト」メニューを追加 新着記事ショートコード(new_list)にordered_

Cocoonテンプレートカスタマイズ

コメントウィジェットの日時フォーマットを変更する方法
ボックスメニューで外部リンクの場合は「新しいタブ」で開くカスタマイズ方法
Cocoonのリンクマネージャー機能を無効にする方法

ビバ★りずむ

RSSフィードを取得できません

リスブロ

RSSフィードを取得できません

WEB-ASHIBI

Parallels Desktop のアップグレード方法や注意点を解説!
macOS Sierra から Catalina にアップグレードしてみた結果
【Cocoon】ヘッダー下にピックアップコンテンツを表示する方法
【Cocoon】ヘッダーのシンプルなカスタマイズ
【Cocoon】サイドバーにおすすめ記事一覧を表示する方法
【MW WP Form】郵便番号で住所自動入力をボタンで実装する
7 Plus から iPhone 11 に機種変更しなかった3つの理由
【Cocoon】アフィリエイトリンクをオリジナルボタン化する方法
簡単!イラストレーターでオシャレなアイキャッチ画像を作るコツ
【保存版】無料で商用利用も可能なフリーイラスト素材サイト58選

Purple Life

『Cocoon』SNSボタン/ソーシャルボタンのカスタマイズ(コピペ)
『Cocoon』お好きな記事の一覧がカンタンに作れるショートコード
『Cocoon』細かいカスタマイズ(まとめ&備忘録)CSSコピペでOK!
WordPressテーマ『Cocoon』に変更Simplicity2後継テーマはマジでスゴイ

PLUS PLUS

Cocoonの投稿記事タイトル上部か下部にカテゴリ・タグを表示させるカスタマイズ
Cocoonのpreで表示させるコードの行間を小さくしてコンパクトにするカスタマイズ
【初心者向け】無料テーマCocoon搭載ショートタグ機能の便利な使い方!
cocoonのサイドバーにあるカテゴリ・アーカイブをカスタマイズ!
Cocoonの目次をおしゃれっぽくカスタマイズする【WordPress】
Cocoonのブログカードラベルの色をそれぞれ変えるカスタマイズ!
Cocoonの新着一覧をオシャレな感じにカスタマイズ【WordPress】
Cocoonでコンテンツエリアをフェードイン表示させるカスタマイズ
Cocoonのプロフィールボックスを有料テーマJIN風にカスタマイズ
【WordPress】Cocoonのヘッダーロゴ表示に動きを付けるカスタマイズ

コメント