【76日目】Cocoonの吹き出しが使えない?初心者がハマった原因と解決法まとめ!

100日チャレンジ

🧠このブログはChatGPT(GPT-4)有料版を活用しながら、自分自身の運営経験と組み合わせて記事構成・執筆を進めています。
WordPressテーマは「Cocoon」の「Simple Blue」を使用。
📸 アイキャッチ画像は、記事ごとにCanva無料版で内容に合わせて自作しています!


📌目次

  • 吹き出しを使おうと思ったきっかけ
  • Cocoonで吹き出しが使えない?初心者がつまずいた原因
  • 【実体験】解決できた方法
  • 【初心者向け】吹き出し設定の簡単手順まとめ(キャラ登録も解説)
  • 📚ブログ初心者におすすめ!わたしが選んだ4つのアイテム
  • 本日の所感
  • 次回のお知らせ
  • 💹収益性評価(表形式)
  • 🔍SEOタイトルとメタディスクリプション

1. 吹き出しを使おうと思ったきっかけ

ブログを70日以上続ける中で、
「もっと読みやすい記事にしたい」と思い、
**会話形式にできる【吹き出し】**を取り入れようと考えました!

しかし、いざ使おうとすると「???」
初心者には意外とハードルが高かったのです…。


2. Cocoonで吹き出しが使えない?初心者がつまずいた原因

実際につまずいたのはこんなポイントでした。

  • 【+ボタン】を押しても「吹き出し」が見つからない
  • 記事にうまく挿入できない
  • ショートコード?クラシックエディタ?よくわからない

「普通にブロック追加できる」と知らなかったのが最大の原因でした。


3. 【実体験】解決できた方法

解決できた手順はシンプルでした!

✅ 投稿画面で【+ボタン】を押す
✅ 「吹き出し」と検索
✅ 吹き出しブロックを選択
✅ すでに登録してあるキャラ(オールドルーキー・あきんど師匠)を選ぶ

→ これだけで、簡単に吹き出しが使えるようになりました!

難しいショートコード入力や、クラシックエディタは使っていません。


4. 【初心者向け】吹き出し設定の簡単手順まとめ(キャラ登録も解説)

初心者でもできる、吹き出し設定の完全手順です!

手順内容
1【Cocoon設定】→【吹き出し】で新規追加を選択
2名前(例:オールドルーキー)とアイコン画像を登録する
3投稿画面で【+ボタン】を押す
4「吹き出し」と検索してブロック追加
5作成したキャラを選んで、吹き出しにセリフを入力する

💬【キャラ登録のときのポイント】

✅ Cocoonテーマには最初からいくつかキャラ(サンプル)が登録されています。
👉 最初はそれを使って練習するだけでも大丈夫!

✅ 自分専用キャラを作りたい場合は、「名前」と「アイコン画像」を設定します。

アイコン画像の注意点

  • 正方形(できれば128×128px前後)がきれい
  • 背景が白か透明だと自然になじむ

🖼【アイコン画像はどこで作る?】

わたしは Canva無料版 を使いました!
初心者でも直感的に使えるし、無料でたくさんデザインが選べます。


【アイコン画像作成におすすめツール3選】

ツール名特徴
Canva(無料版)デザインテンプレートが豊富、初心者に超おすすめ
Charat(キャラット)簡単にアバター風キャラを作れる日本サイト
Picrew(ピクルー)無料でキャラクター作成、吹き出し向けの素材探しも楽しい

👉「オリジナルキャラ作成」も意外とハマるので、余裕ができたら挑戦してみても面白いですよ!


📚ブログ初心者におすすめ!わたしが選んだ4つのアイテム

(※パターン化したアフィリエイトリンクブロックをここに挿入)


本日の所感

最初、吹き出し設定ってむちゃくちゃ難しいと思ってた。
でも、ちゃんと「+ボタンで吹き出しを検索する」って流れを知っただけで、
ぐっとハードルが下がった気がする!

アイコン画像探しもちょっと手間取ったけど、
Canvaや無料ツールを使えば、初心者でも十分できるとわかった!

焦らず、今できることを一歩ずつ積み上げるのが大事やなと改めて思いました!


次回のお知らせ

👉【77日目】は、「タイトルを変えたらクリック数が伸びたリアル体験談」を紹介します!


💹収益性評価(表形式)

評価項目内容
商品リンクの有無あり(おすすめツール紹介)
成約導線の明確さ吹き出し導入→読了率UP→収益導線への誘導強化
検索流入の可能性「Cocoon 吹き出し できない」「WordPress 吹き出し 初心者」など
SNS拡散性初心者向けリアル体験ネタとして拡散しやすい
総合収益評価★★★★☆(吹き出し設定ネタは需要大)

🔍SEOタイトルとメタディスクリプション

SEOタイトル
【76日目】Cocoonの吹き出しが使えない?初心者がハマった原因と解決法まとめ!

メタディスクリプション
Cocoonテーマで吹き出しが使えない?初心者がつまずいたリアルな原因と、簡単に解決できた方法をまとめました!ショートコード不要、誰でもできる吹き出し設定手順を紹介

コメント

タイトルとURLをコピーしました