Cocoonの使い方やカスタマイズとオリジナルスキン

Cocoon

Cocoon・設定

SerchConsoleで「HTML タグに必須属性がありません」対処法(Cocoon)

Google Serch Console で、以下のようなエラーが出た場合HTML タグに必須属性がありません。AMPのロゴ画像を適切なサイズで設定する事で、簡単に解決できます。解決方法Cocoon設...
Cocoon・カスタマイズ

Cocoonの文字装飾ボックススタイルをカスタマイズ(アイコン)

Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。文字装飾の一覧は以下にまとめています。この記事はボックス(アイコン)のカスタマイズ方法です。カスタマ...
Cocoon・カスタマイズ

コピペで!Cocoonトップページなどに使えるタブ切替メニュー18色

タブで切り替えて、カテゴリーごとの最新記事一覧などを表示するサンプルです。2カラムレイアウトやボタンなどのデザインや人気記事一覧表示のショートコードも、Cocoon標準の機能を利用しています。サンプル...
Cocoon・カスタマイズ

Cocoonで評価・ランキングの★を好きな場所で表示する方法

Cocoonにはランキング機能があり、評価の★を5段階(0.5刻み)に表示する機能があります。ランキング機能のサンプルこの機能で設定されている★を使って、好きな場所で5段階評価を表示する方法です。使い...
Cocoon・使い方

Cocoonのヘッダーアピールエリアを設定する

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、ヘッダーに表示できる「アピールエリア」の使い方についてです。以下、サンプルです。赤枠内が「ヘッダーアピールエリア」になります。ヘッ...
Cocoon・使い方

Cocoonの記事内で2~4カラムのエリアを自在に配置する方法

Cocoonには、ページ内で2~3カラムの並列記述を可能にするデザインCSSが標準に用意されていて、クラシックエディタを利用していても、そのクラス名を使う事で簡単に横並びに好きな配置利用する事が出来ま...
スキン

Cocoonオリジナルスキン:和の色(薄いブルー)

この記事は、Cocoonの独自スキン「和の色」6色の薄いブルーバージョンの詳細になります。その他のカラーは以下をご覧ください。2020/05/25・カテゴリー・タグウィジェットデザインを追加。・Ver...
Cocoon・設定

Cocoon・おすすめ記事やカテゴリー画像などをカードで表示(おすすめカード)

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、おすすめしたい記事やカテゴリーの画像リンクをヘッダー下の目立つ部分に表示できる「おすすめカード」の使い方についてです。以下、サンプ...
Cocoon・カスタマイズ

Cocoonの文字装飾ボックススタイルをカスタマイズ(案内)

Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。文字装飾の一覧は以下にまとめています。この記事はボックス(案内)のカスタマイズ方法です。カスタマイズ...
Cocoon・カスタマイズ

Cocoonのトップページをデザイン:カテゴリー別記事を横並び表示

トップページなどに、カテゴリー別の記事を横並びに見やすく表示してみます。トップページデザインの一部として利用したり、その他の好きなページに表示する事も可能です。表示サンプル方法や手順について解説してい...
スポンサーリンク