プロフィール・吹き出しの画像変更更新 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/ Cocoon ディスカッション掲示板 ja Mon, 15 Jun 2026 23:28:57 +0000 wpForo 60 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88882 Wed, 03 Jun 2026 23:49:36 +0000 いろいろと丁寧に詳しくご教示くださり、ありがとうございました。

感謝を込めて。

]]> Cocoonテーマに関する質問 Makorinrin https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88882 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88879 Wed, 03 Jun 2026 10:00:36 +0000 @makorinrin さん

エラーもなく、またHTMLの構成も正しいようです。

Gutenbergエディターで使い方、操作を学んでみます。

Gutenbergエディターの使い勝手が上がり、ノーコードで実現できます。
このため、ページをコピーし、操作してみることをお勧めします。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88879 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88878 Wed, 03 Jun 2026 09:39:43 +0000 失礼いたしました。改良したのは、以下の通りです。

https://kyomo-kimamatabi.com/front-page-2026june/

 

Gutenbergエディターで使い方、操作を学んでみます。

 

 

 

]]> Cocoonテーマに関する質問 Makorinrin https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88878 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88877 Wed, 03 Jun 2026 09:22:32 +0000 @makorinrin さん

いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？

以下は以前のままブロックではありません。

https://kyomo-kimamatabi.com/

どのページでしょうか？確認を希望するなら、URLの提示を願います。

WordPress標準のブロックが大半です。
まずは、Gutenbergエディターを開き、提供したコード（ブロック）の使い方、操作を理解してください。

以前のものは、削除してもいいのでしょうか？

心配なら元の固定ページは残しておいた方がいいかと思います。
ご自身の判断で願います。

 

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88877 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88876 Wed, 03 Jun 2026 08:58:31 +0000 さらなるアドバイスありがとうございます。

いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？

以前のものは、削除してもいいのでしょうか？

 

 

 

 

]]> Cocoonテーマに関する質問 Makorinrin https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88876 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88875 Wed, 03 Jun 2026 07:37:57 +0000 @makorinrin さん

フロントページのレイアウト崩れを直すことができました。

投稿ページはGutenbergエディターで作成しているが、フロントページ（固定ページ）はクラシックエディター（HTMLタグを入力）で作成しており。

HTMLタグの閉じ忘れは一見解決しているように見えますが、先述のコードの位置が本来の位置ではないようです。

これを機に、時間がある時、ブロックに変更してみてはどうでしょうか？
以下にブロックに変更したコードを添付しておきます。

https://notepad.pw/share/hc10imixh

Gutenbergエディターで新たに固定ページを作成し、このコードをそのままコピペして下さい。

なお、内容、リンク先などミスがないか確認願います。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88875 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88872 Wed, 03 Jun 2026 02:07:01 +0000 丁寧なサポートありがとうございます。おかげさまで以下の3点解決いたしました。

 

  • 「吹き出し」ブロック

プラグイン「Search Regex」を用いて全投稿のアイコン画像のURLを一括で置き換えることができました。（全投稿を確認したわけではありませんが、おそらく）

 

  • 「プロフィール」ウィジェット

おっしゃる通りにして変更、反映できました。

 

  • フロントページのレイアウト崩れを直すことができました。
]]> Cocoonテーマに関する質問 Makorinrin https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88872 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88870 Tue, 02 Jun 2026 14:24:45 +0000 ●追記

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88870 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88864 Tue, 02 Jun 2026 03:20:57 +0000 ●追記

フロントページを固定ページで作成していますが、HTMLタグの閉じ忘れがあります。
結果、図のようにレイアウトが崩れています。

原因

見出しH3の「国内」の下に「海外」と同様の以下のHTMLタグがありません。

<div style="display:flex;flex-wrap:wrap;gap:10px;">
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88864 RE: プロフィール・吹き出しの画像変更更新 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88863 Tue, 02 Jun 2026 02:50:54 +0000 ●回答

サイドバーに配置してある「プロフィール」ウィジェットの画像と、本文中の「吹き出し」ブロックの画像変更は、それぞれ別の操作となります。

「吹き出し」ブロック

原因

https://wp-cocoon.com/profile-settings/

仕様です。

→→アイコン画像を変更（図参照）しても、過去の投稿には反映されません。

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/

サイドバーの「プロフィール」ウィジェットは、以下を変更して反映されませんか？
→→プロフィール画像のアップロードを変更します。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%bb%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e7%94%bb%e5%83%8f%e5%a4%89%e6%9b%b4%e6%9b%b4%e6%96%b0/#post-88863