デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。
けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
スキン Cocoonに同梱追加した「いつもの」スキン3種の紹介
Cocoon独自のテーマ変更機能のまとめ
テーマ設定
テーマ設定インデックスページのエントリーカード毎にPV数を表示する方法
インデックスページで一覧でPV数を把握したい場合の設定。
2019.09.142019.09.150
0テーマ設定
テーマ設定Cocoon設定の「カラム幅変更」で変わる場所の説明。
カラム幅設定により太さなどが変更される位置を詳しく説明。
2019.09.090
0テーマ設定
投稿・固定ページCocoonのコードハイライト機能で多言語に対応する方法（highlight.js）
highlight.jsがハイライト表示できる全ての言語に対応させる方法です。
2019.09.050
0投稿・固定ページ
投稿・固定ページGoogle検索結果に星評価を表示する方法
レビュー用のJSON-LD構造化データを出力して、Google検索結果などに星評価を表示させることができます。
2019.09.052
2投稿・固定ページ
広告設定バリューコマースのLinkSwitchに対応させる方法【AMP対応】
CocoonをバリューコマースのLinkSwitchに対応させる方法です。通常リンクがアフィリエイトリンクに置き換わります。AMPページにも対応しています。
2019.08.190
0広告設定
テーマ設定ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。
2019.08.192019.09.130
0テーマ設定
ウィジェットナビカードウィジェットの使い方
ナビカードウィジェットを利用するには、メニュー設定を行ってからウィジェット設定をする必要があります。
2019.07.302019.08.190
0ウィジェット
投稿・固定ページ投稿・固定ページのcanonicalタグを変更してURLを正規化する方法
canonical属性を変更して、コンテンツのキーワードカニバリゼーションを防ぐための設定です。
2019.07.250
0投稿・固定ページ
テーマ設定ページ送りナビに表示させたくないカテゴリーを除外する方法
カテゴリー単位でページ送りナビに表示する投稿を制御する方法です。
2019.07.122019.07.130
0テーマ設定
テーマ設定同一のカテゴリーに属する投稿をページ送りナビに表示させる方法
ページ送りナビに同一カテゴリー設定をする方法です。
2019.07.120
0テーマ設定
テーマ設定ページ送りナビの表示位置を変更する方法
ページ送りナビの位置を本文下、関連記事上、関連記事下、コメント下に
2019.07.120
0テーマ設定
開発者向けアニメーションのキーフレーム用CSSファイルkeyframes.cssについて
AMPの50KB制限に引っ掛かるのをできるだけ回避するために、アニメーションキーフレーム用のCSSを書くファイルを作成しました。
2019.06.282019.06.290
0開発者向けスキンカスタマイズ
テーマ設定Google Fontsの非同期読み込み設定について
Web Font Loaderを用いてGoogle Fontsを高速化する際の説明。
2019.06.282
2テーマ設定
テーマ設定ヘッダーモバイルボタンの設定方法
スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
2019.06.243
3テーマ設定
スキン奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱
Cocoon用のハイセンスなデザインスキンです。
2019.06.110
0スキン
テーマ設定モバイルスライドインメニューを独自メニューに変更する方法
デフォルトだとスマホのスライドインメニューは「PC用のグローバルメニュー」になりますが、独自のメニューを設定する方法です。
2019.06.080
0テーマ設定
投稿・固定ページ「記事を読む目安時間」の表示をページ毎に切り替える方法
トップページやサイトマップページで「読み時間の目安」表示を非表示にしたい場合などにどうぞ。
2019.05.150
0投稿・固定ページ
投稿・固定ページブロックエディターのショートコードドロップダウン表示を切り替える方法
ショートコードのドロップダウンツールボタンの表示を切り替える方法です。
2019.05.152019.06.080
0投稿・固定ページ
投稿・固定ページブロックエディターのスタイルドロップダウン表示を切り替える方法
ブロックエディターのインラインスタイルドロップダウンのツールバーの表示切り替え方法です。
2019.05.150
0投稿・固定ページ
スキン四季をコンセプトにした優しいデザインの「Season」スキンを4種追加
ぽんひろさんが作成された「Season」スキンの紹介です。
2019.05.110
0スキン