吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/ Cocoon ディスカッション掲示板 ja Mon, 14 Sep 2026 00:05:00 +0000 wpForo 60 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63769 Fri, 12 Aug 2022 09:08:35 +0000 今直ぐに用意できる環境で1番古いのは、以下のような状態でした。

WordPressバージョン：5.7.2
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.2.3
カテゴリ数：1
タグ数：2
ユーザー数：1
----------------------------------------------

 

上記では、以下のような状態。

クラシックエディタ

 
ブロックエディタ
 
投稿者:: @sena

cocoonのアップデートをする前に記事内で設定していた吹き出しに画像サイズが指定されてない状況だと判明しました。

上記のように仰っていますので、もっと古いバージョンをご利用時のものなのか・・・。

いずれにせよ、ブロックエディタはwidth、heightは出てこないようですね。

では外出しますので、本当にしばらく離席します。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63769 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63768 Fri, 12 Aug 2022 08:55:03 +0000 でも、senaさんは以下のようにお書きになっているので・・・。

投稿者:: @sena

新たに吹き出しを使おうとするとchu-yaさんと同じ状況になるようです。

クラシックエディタをご利用なのかもしれないです。
ちょっと良く分からないです。

おそらくクラシックエディタの吹き出しは、しばらく変わっていないのではないかと推測はします。
ちゃんと確認していませんので、正確なことは分かりませんけれど。

しばらく離席します。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63768 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63767 Fri, 12 Aug 2022 08:48:40 +0000 chu-yaさん

chu-yaさんの環境でもそうですか。
私の環境だけではなさそうですね。

私は以下です。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.7.10
カテゴリ数：6
タグ数：2
ユーザー数：3
----------------------------------------------

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63767 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63766 Fri, 12 Aug 2022 08:46:54 +0000 @mk2_mk2 さん

またか苦笑
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.7.9
カテゴリ数：19
タグ数：143
ユーザー数：1
----------------------------------------------
Gutenbergエディターだと確かにwidth,heightが付かないです。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63766 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63765 Fri, 12 Aug 2022 08:38:28 +0000 senaさんは、ブロックエディタをご利用なのかもしれないです。

Cocoonデフォルトの吹き出しですが、私のローカル環境で試したところ、以下のような感じでした。

クラシックエディタ

 
 
ブロックエディタ
 
私の環境がおかしい可能性もあります。
 
 
こういうことがありますので、フォーラム上部の案内で、環境情報のご提示をお願いしていると思うのですが・・・。
]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63765 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63762 Fri, 12 Aug 2022 08:06:30 +0000 @chu-ya ご指摘いただいて調べてみたのですが、cocoonのアップデートをする前に記事内で設定していた吹き出しに画像サイズが指定されてない状況だと判明しました。現在、新たに吹き出しを使おうとするとchu-yaさんと同じ状況になるようです。原因がはっきりしたので、１つ１つ設定し直そうと思います。ありがとうございました。

]]> Cocoonテーマに関する質問 sena https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63762 RE: 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63761 Fri, 12 Aug 2022 07:46:39 +0000 吹き出し画像ですが、width="160" height="160"となっており。
記事でコードエディタに切り替えた時、class="speech-icon-image"に上記の指定がありますか？

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63761 吹き出し画像の「画像要素で width と height が明示的に指定されていない問題」について https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63759 Fri, 12 Aug 2022 06:40:28 +0000 cocoonの吹き出し機能を使ってる記事を「PageSpeed Insights」でチェックしたのですが、吹き出しの画像に「widthとheightが明示的に指定されていない」との指摘を受けました。

現状のcocoonで指定している画像サイズをPCとモバイルの両方で明示的に指定するにはどんなCSSを書けば良いでしょうか？

]]> Cocoonテーマに関する質問 sena https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e7%94%bb%e5%83%8f%e3%81%ae%e3%80%8c%e7%94%bb%e5%83%8f%e8%a6%81%e7%b4%a0%e3%81%a7-width-%e3%81%a8-height-%e3%81%8c%e6%98%8e%e7%a4%ba%e7%9a%84%e3%81%ab%e6%8c%87/#post-63759