Cocoon Cocoonタイムライン｜まるでSWELL風カスタマイズでおしゃれに汎用性アップ！
WordPressテーマ「Cocoon」には、標準でタイムラインブロックが用意されています。手順や流れをわかりやすく伝えるのに便利ですが、デフォルトの見た目はと...
Cocoon
Cocoon 
Cocoon Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）
そろそろトップページをサイト型デザインにしたい！けど具体的にどう作ろう...そんなお悩み、ありませんか？この記事では、WordPressテーマ「Cocoon」で...
Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
Cocoonを使ってオリジナルのトップページを作りたいな～「けど、どこから手を付けたらいいかわからない...」と迷っていませんか？そんな方のために、トップページ...
Cocoon Cocoonブログカードをおしゃれに！11パターンCSS簡単カスタム
SWELLではブログカードの表示スタイルを選べるんだって！それならCocoonでもできそうだね、やってみよう。この記事でご紹介するカスタマイズは、ブログカードの...
Cocoon Cocoonの白抜きボックスをカスタマイズ｜複数スタイルと簡単切り替え方法を解説
Cocoonテーマの「白抜きボックス」、使っていますか？箇条書きリストなどのブロックが挿入できるボーダー色や背景色を自由に変更できるシンプルなデザインながら使い...
Cocoon Cocoon検索ボックスをアピールエリアに表示する方法【ショートコードで簡単対応】
Cocoonの「アピールエリア」、もっと活用してみませんか？「少しデザインに工夫を加えたい」「訪問者が目的の記事にすぐたどり着けるようにしたい」そんなときにおす...
Cocoon Cocoonカスタマイズの基本｜HTML・CSSの編集方法
「もう少し見やすくしたいな」「デザインをちょっと変えてみたい…」そんなときに役立つのがHTMLやCSSの編集です。ほんの少し手を加えるだけでもサイトの見た目や使...
Cocoon Cocoon新着記事・人気記事・ナビカード対応｜カラム数をワンクリックで変更する方法（横並び）
Cocoonテーマはとても便利。「新着記事」「人気記事」「ナビカード」などのブロック機能が用意されていて、トップページの作成も簡単です。ただ、こんなお悩みを感じ...
Cocoon Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法
Cocoonでは、テーマ標準機能を使って通知エリアを簡単に表示できます。通知エリアは、サイト訪問者に重要なメッセージを伝えたり、特定のページへ誘導するための便利...
Cocoon Cocoonボックスメニューのカラム数をクリックで変更する｜2〜6列対応のカスタマイズ方法
WordPressの無料テーマ「Cocoon」には、サイト内の導線設計に便利な「ボックスメニュー」機能があります。見た目がシンプルでアイコン付きのメニューをブロ...
Cocoon Cocoonでフルワイドデザイン！幅いっぱいのおしゃれなトップページの作り方
WordPressテーマ「Cocoon」はシンプルで使いやすい一方、有料テーマのSWELLのような洗練されたフルワイドデザインを再現するにはちょっとしたコツが必...
Cocoon Cocoonテーブル（表）の中にリンクボタンを置く方法｜簡単・視認性アップでクリック率も向上
比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい！そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress...
Cocoon Cocoonナビカードの使い方｜目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ
Cocoonテーマには、特定の記事やコンテンツを目立たせたいときに便利な『ナビカード』機能が標準搭載されています。ピックアップしたい記事を表示できるだけでなく、...
Cocoon 【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる？OGP設定方法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
Cocoon WordPressのカラーパレットを自由に変更・追加する方法【Cocoon対応】
WordPressのブロックエディタ（Gutenberg）では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
Cocoon Cocoonラベルボックスをシンプル&おしゃれに！選べる6つのスタイルを実装するカスタマイズ
ブログにちょっとした補足を加えたいときに便利な「ラベルボックス」。ラベル標準のラベルボックスCocoonテーマに標準搭載されている「ラベルボックス」は、シンプル...
Cocoon 【Cocoon】CTAボックスの作り方と活用法｜アフィリエイトリンクを効果的に配置
CTAボックス、使ってみませんか？CTA（Call to Action）は、読者に「次の一歩」を踏み出してもらうための大切なツール。例えば、「今すぐ登録」「詳し...
Cocoon Cocoon「アイコンボックス」のカスタマイズ｜12種類のスタイルをサイドバーで切り替え
もっと手軽に、ブロックのデザインを変えられたらいいのに…そんな“あったらいいな”を叶えるカスタマイズを考えました。この記事では、Cocoonテーマの「アイコンボ...
Cocoon Cocoonのタブブロックをもっと便利に！サイドバーでデザインを選べる着せ替え機能
Cocoonテーマ（2.7.3～）に待望の「タブブロック」が標準搭載！直感的な操作でタブ切り替え表示ができるようになり、「情報をコンパクトにまとめたい」「見た目...
Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
WordPressテーマ「Cocoon」のアコーディオンボックス、使っていますか？情報量の多いページでも、クリックで内容を折りたたんでスッキリ整理できる便利な機...