Cocoon・カスタマイズ コピペで！CocoonのFacebookボックスのデザインカスタマイズ
Cocoonの便利なオリジナルウィジェット「 Facebookボックス」の色をサイトに合わせてカスタマイズする方法についてです。簡単なCSSの追記のみなので、一瞬で終わります。Facebookボックス...
Cocoon
Cocoon・カスタマイズ 
Cocoon・使い方 Cocoonの吹き出しの使い方と設定項目のサンプル
Cocoonには、キャラクターや自分のアバターなどのアイコンで会話形式 の吹き出しを表示する機能があります。今回はその使い方をまとめています。吹き出しのカスタマイズについては以下をご覧ください。吹き出...
スキン Cocoonのスキン：プロ野球シリーズ「読売ジャイアンツカラー」
Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。こちらはジャイアンツカラースキンです。2020/05/25少しデザイン追加し、ダウンロードファイルは軽量化しました。Ver...
スキン Cocoonオリジナルスキン：和の色（橙）
この記事は、Cocoonの独自スキン「和の色」６色の橙バージョンの詳細になります。その他のカラーは以下をご覧ください。2020/05/25・カテゴリー・タグウィジェットデザインを追加。・Ver2.1....
Cocoon・設定 Cocoon管理者パネルの設定とサンプル＋表示ボタンのリンク先一覧
Cocoonには、色々な便利な機能やエリアが用意されています。今回は、PV数、編集リンクや、スピードチェック、レスポンシブチェックなどのチェックツールへのリンクを表示できる管理者パネルについてです。以...
Cocoon・カスタマイズ Cocoon記事一覧ページのカードをカスタマイズ
Cocoonのトップページやアーカイブ、カテゴリーページでの記事一覧カードを以下のサンプルのようにカスタマイズする方法です。カスタマイズサンプル アイキャッチ画像の角を丸める 枠の角を丸める カード枠...
Cocoon・カスタマイズ Cocoonの記事下ページャーをカスタマイズ
Cocoonの記事下に出る「次の記事」「前の記事」へのリンク部分をカスタマイズしてみます。カスタマイズサンプルBeforeAfter 枠線をつける ページャー左右の矢印マークの色変更ホバー時 背景色を...
Cocoon・カスタマイズ Cocoonのスキン「黒×ビビッドカラー」用部品：タブ切替メニュー
Cocoonの独自スキン「黒」を基調にしたバージョンに使えるタブ切替メニューのデザインです。元のスキンは以下です。カテゴリー・タグウィジェット用の部品もあります。タブ切替メニューサンプル初期表示の１つ...
Cocoon・カスタマイズ Cocoonのフロントページ・カテゴリー別一覧をカスタマイズ
Cocoonでは、フロントページ（トップページ）の記事一覧を、カテゴリー単位に横並びやタブメニューで表示する事が出来ます。2020/05/25 Ver.2.1.6.x～ の新機能設定方法は以下にまとめ...
Cocoon・使い方 Cocoonのアイコンや画像も使えるボックスメニューの使い方
Cocoonには、便利に使えるショートコードが複数ありますが、今回はアイコンフォントや画像も使えるボックス型のメニューをカスタマイズしてみます。ボックスメニューの使い方ショートコード１つで記事内でもウ...