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

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

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

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

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

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

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

Font Awesome5を利用する方法

サイトで利用されているアイコンフォントをFont Awesome5に変更したり、Font Awesome4に戻したりする方法です。
2019.11.16 2
投稿・固定ページ

Gutenbergカラーパレットに好みの色を追加する方法

Gutenbergのカラーパレットに好みの色を追加する方法。
0
投稿・固定ページ

レスポンシブテーブルを利用している際に1列目を固定表示する方法

テーブルをレスポンシブ表示にしている際に、テーブルの最初の列を固定表示する設定方法です。
0
投稿・固定ページ

Cocoonの画像拡大効果(Lightbox)ライブラリ各々お勧めの使いどころ

写真を暗転し拡大して表示するLightbox効果のあるJavaScriptライブラリの使いどころを紹介しています。
2019.09.30 0
ウィジェット

おすすめカードウィジェットの使い方

画像付きのおすすめメニューをテーマ内の好きな位置に挿入できる「おすすめカードウィジェット」の利用方法の説明です。
0
Amazon商品リンク

Amazon商品リンクでデフォルトの説明文を表示させる方法

PA-APIから自動的に説明文を取得したい場合はこの設定を行ってください。
2019.09.21 2
テーマ設定

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

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

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

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

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

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

Google検索結果に星評価を表示する方法(レビュー構造化データの出力)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

スマホ画面でヘッダーに操作ボタンを表示させる設定方法です。
5
スポンサーリンク
タイトルとURLをコピーしました