デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。
けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
開発者向け アニメーションのキーフレーム用CSSファイルkeyframes.cssについて
Cocoon独自のテーマ変更機能のまとめ
テーマ設定
テーマ全般Font Awesome5を利用する方法
サイトで利用されているアイコンフォントをFont Awesome5に変更したり、Font Awesome4に戻したりする方法です。
2019.11.14 2019.11.16 2
2テーマ全般テーマ設定
投稿・固定ページGutenbergカラーパレットに好みの色を追加する方法
Gutenbergのカラーパレットに好みの色を追加する方法。
2019.11.14 0
0投稿・固定ページ
投稿・固定ページレスポンシブテーブルを利用している際に1列目を固定表示する方法
テーブルをレスポンシブ表示にしている際に、テーブルの最初の列を固定表示する設定方法です。
2019.11.14 0
0投稿・固定ページ
投稿・固定ページCocoonの画像拡大効果（Lightbox）ライブラリ各々お勧めの使いどころ
写真を暗転し拡大して表示するLightbox効果のあるJavaScriptライブラリの使いどころを紹介しています。
2019.09.28 2019.09.30 0
0投稿・固定ページ
ウィジェットおすすめカードウィジェットの使い方
画像付きのおすすめメニューをテーマ内の好きな位置に挿入できる「おすすめカードウィジェット」の利用方法の説明です。
2019.09.28 0
0ウィジェット
Amazon商品リンクAmazon商品リンクでデフォルトの説明文を表示させる方法
PA-APIから自動的に説明文を取得したい場合はこの設定を行ってください。
2019.09.20 2019.09.21 2
2Amazon商品リンク
テーマ設定インデックスページのエントリーカード毎にPV数を表示する方法
インデックスページで一覧でPV数を把握したい場合の設定。
2019.09.14 2019.09.15 0
0テーマ設定
テーマ設定Cocoon設定の「カラム幅変更」で変わる場所の説明。
カラム幅設定により太さなどが変更される位置を詳しく説明。
2019.09.09 0
0テーマ設定
投稿・固定ページCocoonのコードハイライト機能で多言語に対応する方法（highlight.js）
highlight.jsがハイライト表示できる全ての言語に対応させる方法です。
2019.09.05 0
0投稿・固定ページ
投稿・固定ページGoogle検索結果に星評価を表示する方法（レビュー構造化データの出力）
レビュー用のJSON-LD構造化データを出力して、Google検索結果などに星評価を表示させることができます。
2019.09.05 2019.09.24 4
4投稿・固定ページ
広告設定バリューコマースのLinkSwitchに対応させる方法【AMP対応】
CocoonをバリューコマースのLinkSwitchに対応させる方法です。通常リンクがアフィリエイトリンクに置き換わります。AMPページにも対応しています。
2019.08.19 0
0広告設定
テーマ設定ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。
2019.08.19 2019.09.26 0
0テーマ設定
ウィジェットナビカードウィジェットの使い方
ナビカードウィジェットを利用するには、メニュー設定を行ってからウィジェット設定をする必要があります。
2019.07.30 2019.08.19 0
0ウィジェット
投稿・固定ページ投稿・固定ページのcanonicalタグを変更してURLを正規化する方法
canonical属性を変更して、コンテンツのキーワードカニバリゼーションを防ぐための設定です。
2019.07.25 0
0投稿・固定ページ
テーマ設定ページ送りナビに表示させたくないカテゴリーを除外する方法
カテゴリー単位でページ送りナビに表示する投稿を制御する方法です。
2019.07.12 2019.07.13 0
0テーマ設定
テーマ設定同一のカテゴリーに属する投稿をページ送りナビに表示させる方法
ページ送りナビに同一カテゴリー設定をする方法です。
2019.07.12 0
0テーマ設定
テーマ設定ページ送りナビの表示位置を変更する方法
ページ送りナビの位置を本文下、関連記事上、関連記事下、コメント下に
2019.07.12 3
3テーマ設定
開発者向けアニメーションのキーフレーム用CSSファイルkeyframes.cssについて
AMPの50KB制限に引っ掛かるのをできるだけ回避するために、アニメーションキーフレーム用のCSSを書くファイルを作成しました。
2019.06.28 2019.06.29 0
0開発者向けスキンカスタマイズ
テーマ設定Google Fontsの非同期読み込み設定について
Web Font Loaderを用いてGoogle Fontsを高速化する際の説明。
2019.06.28 2
2テーマ設定
テーマ設定ヘッダーモバイルボタンの設定方法
スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
2019.06.24 5
5テーマ設定