Cocoon・カスタマイズ Cocoonのページトップボタンの設定と位置を変えるカスタマイズ
各ページで、右下に表示される矢印マークのページトップボタンの設定と、少しだけ位置を変えるカスタマイズです。 ページトップボタンの設定 Cocoon設定→ボタン 設定項目 トップへ戻るボタンの表示・非表...
Cocoon
Cocoon・カスタマイズ 
Cocoon・カスタマイズ コピペで！CocoonのSNSフォローボタンデザインカスタマイズ
Cocoonで表示できるSNSフォローボタンやシェアボタンの色やデザインをカスタマイズする方法です。 初期デザイン カスタマイズ方法 簡単なCSS追記のみです。 CSS追記は以下のいずれかから行って下...
Cocoon・カスタマイズ Cocoonのグローバルナビのアニメーション効果カスタマイズ
Cocoonのグローバルメニューの動きをカスタマイズしてみるサンプルです。 その他のカスタマイズは以下にもまとめています。 カスタマイズ方法 簡単なCSS追記のみです。 CSS追記は以下のいずれかから...
Cocoon・使い方 Cocoonショートコード-人気記事一覧の使い方と表示サンプル
人気記事一覧ショートコード 投稿ページ・固定ページ・カスタム投稿ページを表示できます。 件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、...
Cocoon・使い方 Cocoonで目次の非表示をページ単位に設定する方法
Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありません。 個別に目次を表示したくないページがある場合の設定も簡単に行えます。 目次設定 Cocoon設定→目次タブから...
スキン Cocoonのスキン：プロ野球シリーズ「広島東洋カープ」
Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。 こちらは広島東洋カープカラーのスキンです。 2020/05/25 少しデザイン追加し、ダウンロードファイルは軽量化しまし...
スキン Cocoonオリジナルスキン：ビビッドカラー（黒×朱）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「朱色」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020...
Cocoon・設定 Cocoonのフォント設定方法と字体サンプル一覧
Cocoonは、サイト全体のフォントを字体、サイズ、太さや、行間、行の高さなど細かく設定する事が出来ます。 Webフォントもいくつか用意されていて、選択するだけで利用可能です。 Cocoonの設定画面...
Cocoon・カスタマイズ コピペで！Cocoonの記事タイトルや見出し(H1～H5）をカスタマイズ
Cocoonで見出しのデザインを好みのものにカスタマイズする方法です。 見出し１（H1)は記事のタイトルで使われますので、記事本文中はH2～を利用します。 デザイン設定する為の指定方法と、まるごとコピ...
Cocoon・カスタマイズ Cocoonの新着記事ウィジェット（＆ショートコード）のデザインカスタマイズ
Cocoonの新着記事ウィジェットのカードをカスタマイズしてみます。 新着記事ウィジェットはCocoonオリジナルウィジェットと 記事内などにも使えるショートコードもあり カスタマイズを行うとどちらも...