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

Cocoon

Cocoon・使い方

Cocoonで複数カテゴリー設定時のメインカテゴリー指定方法

CocoonのVer.2.2~の新機能です。 ひとつの記事に複数のカテゴリーを指定した場合、アイキャッチに出る「カテゴリーラベル」や、パンくずリストに意図したものが表示されない事があります。 そういっ...
スキン

Cocoonのスキン:プロ野球シリーズ「千葉ロッテマリーンズ」

Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。 こちらは千葉ロッテマリーンズカラーのスキンです。 2020/05/25 少しデザイン追加し、ダウンロードファイルは軽量化...
スキン

Cocoonオリジナルスキン:ビビッドカラー(黒×オレンジ)

Cocoonの独自スキン「黒」を基調にしたシリーズ(5色)の「オレンジ」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 20...
Cocoon・設定

簡単!CocoonをAMP化する方法・ロゴやCSSのサイズとエラー時の対処

CocoonはAMPやPWAにも対応していて、簡単に対応できます。 PWAについては以下にまとめています。 AMPの設定方法とAMPページの確認方法、またCSS内容などによりGoogle Search...
Cocoon・カスタマイズ

Cocoonの記事一覧エントリーカードのデザインカスタマイズ

Cocoonの記事一覧エントリーカードをカスタマイズしてみます。 カスタマイズ方法 簡単なCSS追記のみです。 CSS追記は以下のいずれかから行って下さい。 外観→カスタマイズ→追加CSS 外観→テー...
Cocoon・カスタマイズ

Cocoonでビジュアルエディタ見出しやスタイルを思い通りにカスタマイズ

Cocoonの文字装飾デザインは膨大に用意されていますが、 ちょっと色を変えたい もう1色欲しい 独自のデザインも便利に使いたい などといった場合に、スタイルから挿入出来るデザインを編集する方法です。...
Cocoon・カスタマイズ

Cocoonのスキン「和の色」用部品:カテゴリー、タグウィジェット

Cocoonの独自スキン「和の色」6色バージョンに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 タブ切替メニュー部品もあります。 サンプル カスタマイズ方法 簡単なCSS追記のみです...
Cocoon・カスタマイズ

Cocoonの記事内に開閉するBOX(トグルボックス)表示とカスタマイズ

Cocoonには、記事内に「アコーディオン開閉」するボックス(トグルボックス)を埋め込む機能があり、簡単に挿入して使えます。 閉じた状態   開いた状態 その使い方と、簡単カスタマイズ方法です。 使い...
Cocoon・使い方

Cocoonで簡単にカテゴリーごとのページをデザイン設定

Cocoonはカテゴリーのデザインを編集し、カテゴリーアーカイブページの上部を簡単にカスタマイズする機能があります。 カテゴリーアーカイブページの上部表示例 カテゴリー名の背景色、文字色を任意の色に変...
Cocoon・使い方

Cocoonのアイキャッチサイズはいくつにすればいい?比率ごとのサイズサンプル

テーマによってアイキャッチ画像のサイズ(縦横比率)が適当だと、拡大や縮小されて間延びしたり、画像が切れてしまったりします。 Cocoonの場合は、画像の縦横比を設定する事が出来る為、その設定に沿った比...
スポンサーリンク