カスタマイズの基本 CSSが効かない原因はこれ｜デベロッパーツールで「当たってない・負けてる」を確認する方法
CSSが反映されない原因を詳しく解説！デベロッパーツールの活用方法から優先度やキャッシュの影響、エラーチェック方法まで、初心者にも分かりやすい解決策をまとめました。
ブログカスタマイズ
カスタマイズの基本 
Cocoonカスタマイズ Cocoonアコーディオン（トグル）をおしゃれにカスタマイズする方法｜7種類のデザインをワンクリック追加
Cocoonのアコーディオン（トグルボックス）は便利ですが、標準デザインは1種類のみです。デザインのバリエーションが少ない左寄せにしたいボタン風にしたいそんなと...
カスタマイズの基本 CSSカスタマイズの手順｜ブログがなんかダサい…をCSSで解決する方法【初心者向け】
ブログを続けていると、ふとした瞬間にこんな悩みが出てきます。なんとなくデザインが素人っぽい見出しやボタンをもう少し整えたいでもどこを触ればいいのか分からない正直...
Cocoonカスタマイズ Cocoonブロックはどれ使う？｜種類・使い方・デザインカスタマイズまとめ
Cocoonには、記事を見やすく整理できる装飾ブロックがたくさんそろっています。タイトル付きボックス・カード・FAQ・タイムラインなど、種類も豊富！ただ実際に使...
Cocoonカスタマイズ Cocoon検索フォーム（検索窓）のカスタマイズ｜設置・デザイン・CSS調整まとめ
「検索フォームが少し味気ない…」「ブログ全体の雰囲気に合わせたい」そんなときはデザインを少し変えるだけでも印象が変わります。この記事では、CSSコピペで使える検...
Cocoonカスタマイズ Cocoonアイコンボックスをおしゃれにカスタマイズ｜デザイン切替・色変更も対応
Cocoonのアイコンボックスは便利ですが、使っているうちに補足も注意点も同じ見た目になるパソコンで見るとアイコンが大きいかも他のサイトと差別化したいと感じるこ...
Cocoonカスタマイズ Cocoon人気記事ランキング｜表示方法とラベルの色・スタイルを変更するカスタマイズ
Cocoonは標準でアクセス集計が使えるので、外部ツールを入れなくても人気記事ランキングを簡単に表示できます。サイドバーやトップページに設置すれば読者の目を引き...
Cocoonカスタマイズ Cocoonボックスメニューの列数を自由に変更する方法｜CSSカスタマイズで2〜6列＆スマホ最適化
Cocoonのボックスメニューは、アイコン付きで直感的に使える便利な機能です。とはいえ実際に使ってみると、「思ったように列数が変えられない…」と少し戸惑いました...
Cocoonカスタマイズ Cocoonアピールエリアに検索フォーム（検索窓）を置く方法｜コピペOK＋回遊率アップ
記事数が増えてくると、「探したい記事が見つからない」という状態になりがちです。そんなときは、アピールエリアに検索フォームを設置すると目的の記事へたどり着きやすく...
Cocoonカスタマイズ Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
Cocoonで「アピールエリアをフルスクリーン表示にしたい」「トップページをおしゃれにしたい」と悩んでいる方へ。この記事では、インパクトのあるフルスクリーン化の...
Cocoonカスタマイズ 【Cocoon】サイト型トップページの作り方｜ブロックだけで簡単作成（初心者OK・CSSほぼ不要）
Cocoonでブログを始めたものの、「トップページがなんだか普通…」「おしゃれなサイトみたいにしたい」「でもHTMLやCSSは難しそう」そんなふうに感じたことが...
Cocoonカスタマイズ 【Cocoon】CSSコピペで作るサイト型トップページ（カスタマイズ向け）
「Cocoonって無料テーマだから、トップページはシンプルなブログ型しか無理…」そう思っていませんか？実はCocoonでも、サイト型トップページおしゃれなカード...
Cocoonカスタマイズ Cocoon記事カードを横並びにする方法｜新着記事・人気記事・ナビカード2〜4カラム切替・PCスマホ対応カスタマイズ
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
Cocoonカスタマイズ Cocoon見出しボックスをおしゃれにカスタマイズ｜選べるデザイン＆リストマーカー色も自動調整
Cocoonの「見出しボックス」をおしゃれにカスタマイズしたい方へ。今回紹介するカスタマイズでは、Cocoon標準の「見出しボックス」をベースに、シンプル・影付...
Cocoonカスタマイズ Cocoonブログカードをカスタマイズ｜12種類のデザイン切替と組み合わせで回遊率を上げる方法
Cocoonブログカードがクリックされない原因を解決。CSSで12種類のデザインに切り替え、関連記事・おすすめ記事・まとめ枠を最適化することで回遊率アップにつなげるカスタマイズ方法です。
Cocoonカスタマイズ Cocoonラベルボックスのカスタマイズ方法｜CSSコピペでおしゃれにするデザイン例
Cocoonのラベルボックスは便利ですが、ラベルの後ろに線が見えて少し野暮ったい長いラベルだとスマホで崩れやすいデザインのバリエーションが少なく使い分けしづらい...
Cocoonカスタマイズ 【Cocoon】白抜きボックスのカスタマイズ｜おしゃれデザインを追加+ワンクリックで切り替え
Cocoonで記事を装飾する方法として「段落ブロック」がありますが、「リストやボタンも入れたい…」と思ったとき、中にブロックを組み込む用途には向いていません。装...
Cocoonカスタマイズ 【Cocoon】特定のおすすめ記事をピックアップ表示する方法｜new_listショートコード（ordered_posts）の使い方
トップページを作っていると、「この記事はもっと目立たせたい」「まず最初に読んでほしい記事を表示したい」と思うことがあります。Cocoonなら、標準機能だけで特定...
Cocoonカスタマイズ 【Cocoon】カラーパレットの色を自由に変更・追加する方法
ブロックエディタ（Gutenberg）では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色は自分のサイトに合わ...
Cocoonカスタマイズ Cocoonで自作CTAボックスを作る方法｜複数ボタンにも対応（簡単）
Cocoon標準のCTAボックスは手軽ですが、ボタンは1つだけでレイアウトも固定です。商品紹介やアフィリエイト記事では、複数の申込先を並べたい商品画像も一緒に見...