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