Cocoonに「サムライブルー」スキンを同梱追加。サッカー日本代表ユニホーム(勝色モデル)がモチーフ。
テーマ全般
Cocoon設定の「カラム幅変更」で変わる場所の説明。
カラム幅設定により太さなどが変更される位置を詳しく説明。
Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】
Cocoonのカスタマイズを有料で請け負っておられる方々の紹介です。Cocoonを大きくカスタマイズして、思い通りの表示にしたい場合にご依頼ください。
Cocoonのコードハイライト機能で多言語に対応する方法(highlight.js)
highlight.jsがハイライト表示できる全ての言語に対応させる方法です。
Google検索結果に星評価を表示する方法(レビュー構造化データの出力)
レビュー用のJSON-LD構造化データを出力して、Google検索結果などに星評価を表示させることができます。
バリューコマースのLinkSwitchに対応させる方法【AMP対応】
CocoonをバリューコマースのLinkSwitchに対応させる方法です。通常リンクがアフィリエイトリンクに置き換わります。AMPページにも対応しています。
ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。
ナビカードウィジェットの使い方
ナビカードウィジェットを利用するには、メニュー設定を行ってからウィジェット設定をする必要があります。
投稿・固定ページのcanonicalタグを変更してURLを正規化する方法
canonical属性を変更して、コンテンツのキーワードカニバリゼーションを防ぐための設定です。
ページ送りナビに表示させたくないカテゴリーを除外する方法
カテゴリー単位でページ送りナビに表示する投稿を制御する方法です。
同一のカテゴリーに属する投稿をページ送りナビに表示させる方法
ページ送りナビに同一カテゴリー設定をする方法です。
ページ送りナビの表示位置を変更する方法
ページ送りナビの位置を本文下、関連記事上、関連記事下、コメント下に
Google Fontsの非同期読み込み設定について
Web Font Loaderを用いてGoogle Fontsを高速化する際の説明。
ヘッダーモバイルボタンの設定方法
スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
パンくずリストのルートテキストを変更するカスタマイズサンプル集
パンくずリストの「ホーム」部分のテキストを変更する方法。
Cocoon各部分のサムネイルサイズを変更するカスタマイズサンプル集
Cocoonのサムネイルサイズを制御するサンプルコード集。
ランダムな投稿にリンクされるボタンショートコードのつくり方
どの記事に飛ぶかわからないランダムリンクボタンの生成方法です。
奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱
Cocoon用のハイセンスなデザインスキンです。
モバイルスライドインメニューを独自メニューに変更する方法
デフォルトだとスマホのスライドインメニューは「PC用のグローバルメニュー」になりますが、独自のメニューを設定する方法です。
サムネイル上のカテゴリーラベルの表示を切り替えるカスタマイズ方法
サムネイルやアイキャッチの上に重なっているカテゴリーラベルの表示切替フックの利用方法です。
フッターモバイルボタンの設定方法
スマホ画面のフッターに表示されるスライドインメニューボタンのカスタマイズ方法の解説です。