Cocoon・カスタマイズ

Cocoonにはサイトマップを自動生成するショートコード機能があり、記事一覧、固定ページ一覧、カテゴリー、アーカイブを表示出来ますが、 カテゴリー単位に分ける 並び変えるなどが出来ない為、カテゴリー単...

Cocoonのヘッダー下に表示できる「アピールエリア」をカスタマイズしてみます。背景の色を変える簡単なカスタマイズから、ボタンの位置などデザインを変えるものなど、あれこれと。アピールエリアの設定は、C...

各ページで、右下に表示される矢印マークのページトップボタンの設定と、少しだけ位置を変えるカスタマイズです。ページトップボタンの設定Cocoon設定→ボタン設定項目 トップへ戻るボタンの表示・非表示 ボ...

Cocoonで表示できるSNSフォローボタンやシェアボタンの色やデザインをカスタマイズする方法です。初期デザインカスタマイズ方法簡単なCSS追記のみです。CSS追記は以下のいずれかから行って下さい。外...

Cocoonのグローバルメニューの動きをカスタマイズしてみるサンプルです。その他のカスタマイズは以下にもまとめています。カスタマイズ方法簡単なCSS追記のみです。CSS追記は以下のいずれかから行って下...

Cocoonで見出しのデザインを好みのものにカスタマイズする方法です。見出し１（H1)は記事のタイトルで使われますので、記事本文中はH2～を利用します。デザイン設定する為の指定方法と、まるごとコピー利...

Cocoonの新着記事ウィジェットのカードをカスタマイズしてみます。新着記事ウィジェットはCocoonオリジナルウィジェットと記事内などにも使えるショートコードもありカスタマイズを行うとどちらも同じよ...

グローバルナビメニューには、簡単にアイコンフォントを設定できますが、そのアイコンフォントの色を変更したり、ラベル（メニュー）ごとに色分けする方法についてです。Cocoonに限らず、FontAwesom...

Cocoonには、記事の文字数によって自動計算してどのくらいの時間で読めるかを表示する機能があります。この部分の使い方と、表示したくないページがある場合の設定方法について。更にデザインカスタマイズ方法...