カスタマイズCocoonのグローバルナビメニューにアイコンフォントとカスタマイズ
Cocoonのメニューは、補足説明を出せる機能があります。グローバルナビメニューの設定方法とアイコンフォントを表示する方法、更に少しデザインカスタマイズもしてみます。 グローバルナビの設定 ...
カスタマイズ
使い方Cocoonで簡単にカテゴリーごとのページをデザイン設定
Cocoonはカテゴリーのデザインを編集し、カテゴリーアーカイブページの上部を簡単にカスタマイズする機能があります。 カテゴリーアーカイブページの上部表示例 カテゴ...
カスタマイズCocoonのアイコンや画像も使えるボックスメニューのカスタマイズ
Cocoonには、便利に使えるショートコードが複数ありますが、今回はアイコンフォントや画像も使えるボックス型のメニューをカスタマイズしてみます。 ボックスメニューの使い方 ショートコード１つで記事...
スキンCocoonのスキン「シックな黒を基調にビビッドカラー５パターン」
Cocoonの独自スキン「黒」を基調にしたバージョンを作成しました。 ※2020年3月29日 ブルーとグリーンの２色追加しました。 画面サンプル 基本カラー Cocoo...
カスタマイズCocoonでビジュアルエディタ見出しやスタイルを思い通りにカスタマイズ
Cocoonの文字装飾デザインは膨大に用意されていますが、 ちょっと色を変えたい もう１色欲しい 独自のデザインも便利に使いたい などといった場合に、スタイルから挿入出来るデザインを編集する方...
設定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に初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。 文字装飾の一覧は以下にまとめています。 この記...