サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。
通知
すべてクリア
Cocoonテーマに関する質問
11
投稿
2
ユーザー
7
Reactions
125
表示
トピックスターター 2026年6月2日 10:20
お世話になります。以下のこと教えてください。
よろしくお願い致します。
不具合・カスタマイズ対象ページのURL：
https://kyomo-kimamatabi.com/profile/
https://kyomo-kimamatabi.com/wp-admin/admin.php?page=speech-balloon&action=edit&id=4
相談内容：プロフィール画像、過去の記事の吹き出し画像の更新を試みるができない
不具合の発生手順： 新規画像を作成し、更新しようとしたところ、サイドバーのプロフィールや、過去の記事の吹き出し画像が元のままになっている
解決のために試したこと：①サイドバー、吹き出しの画像をあらたに設定し、変更、更新した ②マニュアルのプロフィール、吹き出し設定方法を確認した
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。➟ 無効にしました。
環境情報：----------------------------------------------
サイト名：あらかん女子の今日も気ままにひとり旅
サイトURL： https://kyomo-kimamatabi.com
ホームURL： https://kyomo-kimamatabi.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/simple-green/style.css
WordPressバージョン：7.0
PHPバージョン：8.1.34
データベース：10.5.22
サイト言語：ja
タイムゾーン：Asia/Tokyo
HTTPS：有効
マルチサイト：無効
WP_DEBUG：無効
DISABLE_WP_CRON：無効
WP_CACHE：無効
DISALLOW_FILE_EDIT：無効
パーマリンク構造：/%postname%/
ホームページ表示：固定ページ
PHPメモリ上限：1G
WPメモリ上限：40M
WP管理画面メモリ上限：1G
PHP最大実行時間：180秒
PHP max_input_vars：1000
アップロード上限：1G
POST上限：1G
PHP拡張：curl:有効, mbstring:有効, gd:有効, imagick:有効, xml:有効, zip:有効, intl:有効, exif:有効
画像エディタ：Imagick
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36 Edg/148.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.2.7
カテゴリー数：5
タグ数：42
投稿数：263
固定ページ数：6
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：5
Auto Post Thumbnail：1
ホームイメージ：/wp-content/uploads/2025/01/cropped-e79a33faf1e61c34195342b72311d5ba.png
簡単SSL：0
コードハイライト：0
----------------------------------------------
canonicalタグ：1
カテゴリnoindex：0
タグnoindex：0
----------------------------------------------
サイドバー位置：sidebar_right
サイドバー表示：display_all
メインカラム幅：デフォルト
サイドバー幅：デフォルト
----------------------------------------------
全広告表示：1
AdSense表示方法：
----------------------------------------------
GA4：未設定
GTM：未設定
Search Console：未設定
----------------------------------------------
ブラウザキャッシュ有効化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Contact Form 7 6.1.6
hCaptcha for WP 5.0.0
UpdraftPlus - Backup/Restore 1.26.4
WP Multibyte Patch 2.9.3
WP Sitemap Page 1.9.5
----------------------------------------------
2026年6月2日 11:50
●回答
サイドバーに配置してある「プロフィール」ウィジェットの画像と、本文中の「吹き出し」ブロックの画像変更は、それぞれ別の操作となります。
「吹き出し」ブロック
原因
https://wp-cocoon.com/profile-settings/
仕様です。
[Cocoon設定]→[吹き出し]→アイコン画像を変更（図参照）しても、過去の投稿には反映されません。
https://wp-cocoon.com/community/postid/24185/
過去の投稿の本文には以下のように、アイコン画像を含め保存されます。
このため、吹き出し設定で設定したid=4のアイコンを変更しても反映されません。
新規投稿のみに反映となります。
<!-- wp:cocoon-blocks/balloon-ex-box-1 {"index":"3","id":"4","icon":"http://example.com/wp-content/themes/cocoon-master/images/b-woman.png","style":"line","position":"r"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-4 sbs-line sbp-r sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img src="http://example.com/wp-content/themes/cocoon-master/images/b-woman.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon"></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box-1 -->
修正方法
2つの方法があります。
- Gutenbergエディターで、各投稿の「吹き出し」ブロックのアイコン画像をクリックすると、メディアから画像選択でき、一つ一つアイコン画像を人手で変更する。
- プラグイン「Search Regex」などを用い、全投稿のアイコン画像のURLを一括で置き換える。
「プロフィール」ウィジェット
確認
設定方法を間違えていませんか？
https://wp-cocoon.com/profile-settings/
サイドバーの「プロフィール」ウィジェットは、以下を変更して反映されませんか？
[ユーザー]→[プロフィール]→プロフィール画像のアップロードを変更します。
この投稿は2週間前 7回ずつ大門未知子に変更されました
わいひら reacted
トピックスターター 2026年6月3日 11:07
丁寧なサポートありがとうございます。おかげさまで以下の3点解決いたしました。
- 「吹き出し」ブロック
プラグイン「Search Regex」を用いて全投稿のアイコン画像のURLを一括で置き換えることができました。（全投稿を確認したわけではありませんが、おそらく）
- 「プロフィール」ウィジェット
おっしゃる通りにして変更、反映できました。
- フロントページのレイアウト崩れを直すことができました。
2026年6月3日 16:37
@makorinrin さん
フロントページのレイアウト崩れを直すことができました。
投稿ページはGutenbergエディターで作成しているが、フロントページ（固定ページ）はクラシックエディター（HTMLタグを入力）で作成しており。
HTMLタグの閉じ忘れは一見解決しているように見えますが、先述のコードの位置が本来の位置ではないようです。
これを機に、時間がある時、ブロックに変更してみてはどうでしょうか？
以下にブロックに変更したコードを添付しておきます。
https://notepad.pw/share/hc10imixh
Gutenbergエディターで新たに固定ページを作成し、このコードをそのままコピペして下さい。
なお、内容、リンク先などミスがないか確認願います。
この投稿は1週間前 9回ずつ大門未知子に変更されました
わいひら reacted
トピックスターター 2026年6月3日 17:58
さらなるアドバイスありがとうございます。
いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？
以前のものは、削除してもいいのでしょうか？
2026年6月3日 18:22
@makorinrin さん
いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？
以下は以前のままブロックではありません。
どのページでしょうか？確認を希望するなら、URLの提示を願います。
WordPress標準のブロックが大半です。
まずは、Gutenbergエディターを開き、提供したコード（ブロック）の使い方、操作を理解してください。
以前のものは、削除してもいいのでしょうか？
心配なら元の固定ページは残しておいた方がいいかと思います。
ご自身の判断で願います。
この投稿は1週間前 2回ずつ大門未知子に変更されました
わいひら reacted
トピックスターター 2026年6月3日 18:39
失礼いたしました。改良したのは、以下の通りです。
https://kyomo-kimamatabi.com/front-page-2026june/
Gutenbergエディターで使い方、操作を学んでみます。
2026年6月3日 19:00
@makorinrin さん
エラーもなく、またHTMLの構成も正しいようです。
Gutenbergエディターで使い方、操作を学んでみます。
Gutenbergエディターの使い勝手が上がり、ノーコードで実現できます。
このため、ページをコピーし、操作してみることをお勧めします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。