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

Cocoon

スキン

Cocoonのオリジナルスキン「和の色」6色を作りました(Ver2.1.6~対応)

Cocoonの独自スキン「和の色」6色を作成しました。2020年5月 薄いブルーを追加しました。2020/05/25・カテゴリー・タグウィジェットデザインを追加。・Ver2.1.6~の新機能「フロント...
スキン

Cocoon用オリジナルスキン24種:ビビッドカラー・和色・プロ野球など

Cocoon用のオリジナルスキンまとめです。Cocoonに標準装備の同梱スキン一覧は以下をご覧ください。2020/05/25 すべてのスキンを更新しました。各スキンに、Ver2.1.6~の新機能「フロ...
Cocoon・設定

Cocoonでヘッダーレイアウトやロゴを設定する方法と表示パターン

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...
スポンサーリンク