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

Cocoonのグローバルナビメニューにアイコンフォントとカスタマイズ

Cocoonのメニューは、補足説明を出せる機能があります。グローバルナビメニューの設定方法とアイコンフォントを表示する方法、更に少しデザインカスタマイズもしてみます。 グローバルナビの設定 ...
使い方

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

Cocoonはカテゴリーのデザインを編集し、カテゴリーアーカイブページの上部を簡単にカスタマイズする機能があります。 カテゴリーアーカイブページの上部表示例 カテゴ...
カスタマイズ

Cocoonのアイコンや画像も使えるボックスメニューのカスタマイズ

Cocoonには、便利に使えるショートコードが複数ありますが、今回はアイコンフォントや画像も使えるボックス型のメニューをカスタマイズしてみます。 ボックスメニューの使い方 ショートコード1つで記事...
スキン

Cocoonのスキン「シックな黒を基調にビビッドカラー5パターン」

Cocoonの独自スキン「黒」を基調にしたバージョンを作成しました。 ※2020年3月29日 ブルーとグリーンの2色追加しました。 画面サンプル 基本カラー Cocoo...
カスタマイズ

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

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

PWAって?Cocoonで簡単にPWA対応する方法詳細と動作確認方法

CocoonはAMPやPWAにも対応していて、簡単に対応できます。 AMPについては以下にまとめています。 PWAって? PWAとはサイト内で、AppStoreなどを経由する...
設定

Cocoonの設定画面「Cocoon設定」の使い方・38個のタブ一覧まとめ

Cocoon設定画面から出来る設定項目のまとめです。 Cocoon設定 スキン スキンとはあらかじめ用意されたデザインファイルです。 70種類近くあるスキンから選択する...
設定

Cocoonの設定 やりたい事の逆引きで編集箇所がわかる50音順一覧

Cocoonで設定できる項目は膨大にあり、いざ何かをしたい時、どこで設定するのか探すのが大変です。 この記事では、やりたい事から設定箇所を探せる逆引きの一覧にまとめています。 Cocoon...
設定

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

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

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

Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。 文字装飾の一覧は以下にまとめています。 この記...
スポンサーリンク
タイトルとURLをコピーしました