Cocoonカスタマイズ Cocoon人気記事ランキング｜表示方法とラベルの色・スタイルを変更するカスタマイズ
Cocoonは標準でアクセス集計が使えるので、外部ツールを入れなくても人気記事ランキングを簡単に表示できます。サイドバーやトップページに設置すれば読者の目を引き...
ブログカスタマイズ
Cocoonカスタマイズ 
カスタマイズの基本 CSSカスタマイズの手順｜ブログがなんかダサい…をCSSで解決する方法【初心者向け】
ブログを続けていると、ふとした瞬間にこんな悩みが出てきます。なんとなくデザインが素人っぽい見出しやボタンをもう少し整えたいでもどこを触ればいいのか分からない正直...
Cocoonカスタマイズ Cocoonボックスメニューの列数を自由に変更する方法｜CSSカスタマイズで2〜6列＆スマホ最適化
Cocoonのボックスメニューは、アイコン付きで直感的に使える便利な機能です。とはいえ実際に使ってみると、「思ったように列数が変えられない…」と少し戸惑いました...
Cocoonカスタマイズ Cocoonアピールエリアに検索フォーム（検索窓）を置く方法｜コピペOK＋回遊率アップ
記事数が増えてくると、「探したい記事が見つからない」という状態になりがちです。そんなときは、アピールエリアに検索フォームを設置すると目的の記事へたどり着きやすく...
Cocoonカスタマイズ Cocoon検索フォーム（検索窓）のカスタマイズ｜設置・デザイン・CSS調整まとめ
「検索フォームが少し味気ない…」「ブログ全体の雰囲気に合わせたい」そんなときはデザインを少し変えるだけでも印象が変わります。この記事では、CSSコピペで使える検...
Webカスタマイズ CSSだけで複数画像切り替えスライダーを作る方法｜JS不要・軽量・コピペOK【WordPress対応】
トップページを開いた瞬間、ふわっと画像が切り替わる。そんなサイトっぽい雰囲気に少し憧れたことはありませんか？でも実際に調べ始めると、プラグインが重いかもJava...
Cocoonカスタマイズ Cocoon通知エリアのカスタマイズ｜スライド表示（流れる文字）＋CTAボタン追加+ヘッダーより上に表示【コピペOK】
「Cocoonの通知エリア、なんとなく地味かも…」「もう少し自然に目を引く感じにしたい」「お知らせやCTAをもっと見てもらいたい」そんな時におすすめなのが、通知...
Cocoonカスタマイズ Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
Cocoonで「アピールエリアをフルスクリーン表示にしたい」「トップページをおしゃれにしたい」と悩んでいる方へ。この記事では、インパクトのあるフルスクリーン化の...
Cocoonカスタマイズ Cocoonでフルワイド（横幅いっぱい）にする方法｜全幅表示＋背景デザインの作り方
Cocoonのフルワイド（全幅レイアウト）をコピペで実装する方法を解説。背景だけを画面幅いっぱいに広げ、コンテンツは中央配置のまま表示。HTML版・カラムブロック版の手順や横スクロール対策も紹介します。
Cocoonカスタマイズ 【Cocoon】サイト型トップページの作り方｜ブロックだけで簡単作成（初心者OK・CSSほぼ不要）
Cocoonでブログを始めたものの、「トップページがなんだか普通…」「おしゃれなサイトみたいにしたい」「でもHTMLやCSSは難しそう」そんなふうに感じたことが...
Cocoonカスタマイズ 【Cocoon】CSSコピペで作るサイト型トップページ（カスタマイズ向け）
「Cocoonって無料テーマだから、トップページはシンプルなブログ型しか無理…」そう思っていませんか？実はCocoonでも、サイト型トップページおしゃれなカード...
Webカスタマイズ スクロールアニメーションでふわっと表示（動きをつける）｜CSS＋IntersectionObserverで簡単実装【コピペOK】
Webサイトでよく見かける、スクロールに合わせて「ふわっ」と表示されるアニメーション。あの動きが入るだけで、サイトが少しおしゃれに見えたりコンテンツが読みやすく...
Cocoonカスタマイズ Cocoonタブブロックを使いやすくカスタマイズ｜均等配置・折り返し・横スクロールをワンクリック化
Cocoonのタブブロックはとても便利なのですが、タブを均等幅にしたいスクロールではなく自動で折り返したいデザインを選びたいなどと感じたときに標準機能では設定で...
Cocoonカスタマイズ Cocoon記事カードを横並びにする方法｜新着記事・人気記事・ナビカード2〜4カラム切替・PCスマホ対応カスタマイズ
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
Cocoonカスタマイズ Cocoonタイムライン（ステップブロック）をおしゃれにカスタマイズ｜選べる5種類のデザイン
「タイムライン便利だけど、ちょっと地味かも…」今回紹介するのは、Cocoonタイムラインを実用レベルでおしゃれにするカスタマイズ集です。実は少し見せ方を整えるだ...
Cocoonカスタマイズ Cocoon「タブ見出しボックス」をおしゃれにデザイン｜コピペで使えるカスタムスタイル
Cocoonのタブ見出しボックスは、情報整理に便利です。ただ複数記事を書いていると、「便利だけど少し単調に見える」と感じることがあります。そこで、タブ見出しボッ...
Cocoonカスタマイズ Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
Cocoonテーマのアコーディオン（トグル）は、情報量が多いページでもクリックひとつで内容を折りたためるブロックです。ただし、デフォルトのデザインは1種類のみ。...
Cocoonカスタマイズ Cocoon見出しボックスをおしゃれにカスタマイズ｜選べるデザイン＆リストマーカー色も自動調整
Cocoonの「見出しボックス」をおしゃれにカスタマイズしたい方へ。今回紹介するカスタマイズでは、Cocoon標準の「見出しボックス」をベースに、シンプル・影付...
Cocoonカスタマイズ Cocoonアイコンボックスのカスタマイズ方法｜デザイン切替・色変更も完全対応
Cocoonのアイコンボックスは便利ですが、使っているうちに補足も注意点も同じ見た目になるパソコンで見るとアイコンが大きいかも他のサイトと差別化したいと感じるこ...
Cocoonカスタマイズ Cocoonブログカードをカスタマイズ｜12種類のデザイン切替と組み合わせで回遊率を上げる方法
Cocoonブログカードがクリックされない原因を解決。CSSで12種類のデザインに切り替え、関連記事・おすすめ記事・まとめ枠を最適化することで回遊率アップにつなげるカスタマイズ方法です。