現在デフォルトスキンとして「Season (Autumn)」を適用中。

Cocoon独自のテーマ変更機能のまとめ

Cocoon独自のテーマ変更機能のまとめテーマ設定

デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。

けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。

テーマのカスタマイズ機能は豊富

わいひら
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
テーマ設定

インデックスページのエントリーカード毎にPV数を表示する方法

インデックスページで一覧でPV数を把握したい場合の設定。
2019.09.150
テーマ設定

Cocoon設定の「カラム幅変更」で変わる場所の説明。

カラム幅設定により太さなどが変更される位置を詳しく説明。
0
投稿・固定ページ

Cocoonのコードハイライト機能で多言語に対応する方法(highlight.js)

highlight.jsがハイライト表示できる全ての言語に対応させる方法です。
0
投稿・固定ページ

Google検索結果に星評価を表示する方法

レビュー用のJSON-LD構造化データを出力して、Google検索結果などに星評価を表示させることができます。
2
広告設定

バリューコマースのLinkSwitchに対応させる方法【AMP対応】

CocoonをバリューコマースのLinkSwitchに対応させる方法です。通常リンクがアフィリエイトリンクに置き換わります。AMPページにも対応しています。
0
テーマ設定

ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方

サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。
2019.09.130
ウィジェット

ナビカードウィジェットの使い方

ナビカードウィジェットを利用するには、メニュー設定を行ってからウィジェット設定をする必要があります。
2019.08.190
投稿・固定ページ

投稿・固定ページのcanonicalタグを変更してURLを正規化する方法

canonical属性を変更して、コンテンツのキーワードカニバリゼーションを防ぐための設定です。
0
テーマ設定

ページ送りナビに表示させたくないカテゴリーを除外する方法

カテゴリー単位でページ送りナビに表示する投稿を制御する方法です。
2019.07.130
テーマ設定

同一のカテゴリーに属する投稿をページ送りナビに表示させる方法

ページ送りナビに同一カテゴリー設定をする方法です。
0
テーマ設定

ページ送りナビの表示位置を変更する方法

ページ送りナビの位置を本文下、関連記事上、関連記事下、コメント下に
0
開発者向け

アニメーションのキーフレーム用CSSファイルkeyframes.cssについて

AMPの50KB制限に引っ掛かるのをできるだけ回避するために、アニメーションキーフレーム用のCSSを書くファイルを作成しました。
2019.06.290
テーマ設定

Google Fontsの非同期読み込み設定について

Web Font Loaderを用いてGoogle Fontsを高速化する際の説明。
2
テーマ設定

ヘッダーモバイルボタンの設定方法

スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
3
スキン

奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱

Cocoon用のハイセンスなデザインスキンです。
0
テーマ設定

モバイルスライドインメニューを独自メニューに変更する方法

デフォルトだとスマホのスライドインメニューは「PC用のグローバルメニュー」になりますが、独自のメニューを設定する方法です。
0
投稿・固定ページ

「記事を読む目安時間」の表示をページ毎に切り替える方法

トップページやサイトマップページで「読み時間の目安」表示を非表示にしたい場合などにどうぞ。
0
投稿・固定ページ

ブロックエディターのショートコードドロップダウン表示を切り替える方法

ショートコードのドロップダウンツールボタンの表示を切り替える方法です。
2019.06.080
投稿・固定ページ

ブロックエディターのスタイルドロップダウン表示を切り替える方法

ブロックエディターのインラインスタイルドロップダウンのツールバーの表示切り替え方法です。
0
スキン

四季をコンセプトにした優しいデザインの「Season」スキンを4種追加

ぽんひろさんが作成された「Season」スキンの紹介です。
0
スポンサーリンク
タイトルとURLをコピーしました