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

Cocoon

Cocoon・使い方

Cocoonショートコード-人気記事一覧の使い方と表示サンプル

人気記事一覧ショートコード投稿ページ・固定ページ・カスタム投稿ページを表示できます。件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、思い...
Cocoon・使い方

Cocoonで目次の非表示をページ単位に設定する方法

Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありません。個別に目次を表示したくないページがある場合の設定も簡単に行えます。目次設定Cocoon設定→目次タブから、表示...
スキン

Cocoonのスキン:プロ野球シリーズ「広島東洋カープ」

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

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

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

Cocoonのフォント設定方法と字体サンプル一覧

Cocoonは、サイト全体のフォントを字体、サイズ、太さや、行間、行の高さなど細かく設定する事が出来ます。Webフォントもいくつか用意されていて、選択するだけで利用可能です。Cocoonの設定画面には...
Cocoon・カスタマイズ

コピペで!Cocoonの記事タイトルや見出し(H1~H5)をカスタマイズ

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

Cocoonの新着記事ウィジェット(&ショートコード)のデザインカスタマイズ

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

簡単!グローバルメニューのアイコンやラベルを色分けする

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

Cocoonの「この記事は約〇分で読めます」の設定とカスタマイズ

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

Cocoonショートコード-サイトマップの使い方と表示サンプル

サイトマップ生成ショートコードサイト内のページ一覧を簡単に作成する事が出来ます。 投稿ページ 固定ページ カテゴリーページ 月別アーカイブページそれぞれの表示・非表示を指定できます。出来ない事 個別に...
スポンサーリンク