デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。
けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
スキン Simplicityのようなスキン「Like Simplicity」を作成しました
Cocoon独自のテーマ変更機能のまとめ
テーマ設定
テーマ設定ページ送りナビに表示させたくないカテゴリーを除外する方法
カテゴリー単位でページ送りナビに表示する投稿を制御する方法です。
テーマ設定同一のカテゴリーに属する投稿をページ送りナビに表示させる方法
ページ送りナビに同一カテゴリー設定をする方法です。
テーマ設定ページ送りナビの表示位置を変更する方法
ページ送りナビの位置を本文下、関連記事上、関連記事下、コメント下に
開発者向けアニメーションのキーフレーム用CSSファイルkeyframes.cssについて
AMPの50KB制限に引っ掛かるのをできるだけ回避するために、アニメーションキーフレーム用のCSSを書くファイルを作成しました。
テーマ設定Google Fontsの非同期読み込み設定について
Web Font Loaderを用いてGoogle Fontsを高速化する際の説明。
テーマ設定ヘッダーモバイルボタンの設定方法
スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
スキン奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱
Cocoon用のハイセンスなデザインスキンです。
テーマ設定モバイルスライドインメニューを独自メニューに変更する方法
デフォルトだとスマホのスライドインメニューは「PC用のグローバルメニュー」になりますが、独自のメニューを設定する方法です。
投稿・固定ページ「記事を読む目安時間」の表示をページ毎に切り替える方法
トップページやサイトマップページで「読み時間の目安」表示を非表示にしたい場合などにどうぞ。
投稿・固定ページブロックエディターのショートコードドロップダウン表示を切り替える方法
ショートコードのドロップダウンツールボタンの表示を切り替える方法です。
投稿・固定ページブロックエディターのスタイルドロップダウン表示を切り替える方法
ブロックエディターのインラインスタイルドロップダウンのツールバーの表示切り替え方法です。
スキン四季をコンセプトにした優しいデザインの「Season」スキンを4種追加
ぽんひろさんが作成された「Season」スキンの紹介です。
テーマ設定詳細なタグページを作る方法
タグページを作り込む機能の説明。
投稿・固定ページ「記事を読む目安時間」を表示する方法
記事を読む際に「この記事はどれくらいの時間かかるのか？」ということを訪問者にわかりやすく伝えます。
テーマ設定Facebookのシェア数を表示させる方法（アクセストークンの取得）
Facebook for Developersにアプリを作成して、アクセストークンを取得しシェアカウントを取得する方法です。
楽天商品リンク楽天商品リンクを手っ取り早く作成する方法
楽天の商品ページへのリンクをブログカード形式で手軽に作成する方法です。
Amazon商品リンクPA-APIを使えずとも手っ取り早くAmazon商品リンクを作成する方法
URLを貼り付けるだけで、手軽にAmazonアソシエイト商品リンクを作成する方法です。
Amazon商品リンクAmazon商品リンクにレビューリンクを表示する方法
阿波像商品リンクショートコードでのレビューリンクの表示設定方法。
投稿・固定ページ文章に挿入した拡張インラインスタイルを解除する方法【ブロックエディター】
Cocoonで文章に装飾したインラインスタイルタグを削除する方法。
Amazon商品リンクAmazon・楽天商品リンクが切れていた時にメール通知を行う設定方法
Amazon商品リンク、楽天商品リンクの商品情報が取得できない際にメールでメッセージを送信する機能です。