表に入れるマル、三角などの画像について - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 21:07:49 +0000 wpForo 60 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41280 Sat, 24 Oct 2020 22:20:37 +0000 @lococo

ろこさん訂正ありがとうございます！

]]> Cocoonテーマに関する質問 はる https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41280 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41275 Sat, 24 Oct 2020 14:51:32 +0000 @lococo　なるほどです。上の文字の幅が下にも確保されているんですね。

先ほどエラーになっていたアイコンの上に文字を入れて、CSSを消してみたらきちんと反映されてました。

一つ勉強になりました。

丁寧に説明して頂きありがとうございました！

]]> Cocoonテーマに関する質問 ann https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41275 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41274 Sat, 24 Oct 2020 14:38:16 +0000

少し疑問なのですが、他のページで同じようなサイズでアイコンを作って、表に入れているモノは
きちんと表示されています（添付ファイル）

この差は何かあるのでしょうか？

添付ファイルの場合はヘッダーセルにテキストがあり、同じ縦列にある画像のサイズ分のセル幅が確保されているためです。

]]> Cocoonテーマに関する質問 ろこ https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41274 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41273 Sat, 24 Oct 2020 14:07:45 +0000 はる様、ろこ様、アドバイスありがとうございます。

table~の方を入れたら上手く表示されました。

少し疑問なのですが、他のページで同じようなサイズでアイコンを作って、表に入れているモノは
きちんと表示されています（添付ファイル）

この差は何かあるのでしょうか？

 

]]> Cocoonテーマに関する質問 ann https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41273 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41269 Sat, 24 Oct 2020 13:15:41 +0000

外観>テーマエディターからstyle.cssに

img {
    min-width:25px;
}

と書いておくと必要以上に縮小されなくなります。

こちらのCSSだと、別の箇所で表示される画像にも影響を与え、本来小さく表示される画像まで拡大されかねないので、例えば

table img {
  max-width: none;
}

のような書き方をした方がいいと思います。

]]> Cocoonテーマに関する質問 ろこ https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41269 RE: 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41263 Sat, 24 Oct 2020 09:48:06 +0000 画像をアップして貼り付けてあるのですね。

画面幅が小さくなった時にそれに併せて画像のサイズが縮小されて、サイズが0になってしまっているのが原因のようです。

外観>テーマエディターからstyle.cssに

img {
    min-width: 25px;
}

と書いておくと必要以上に縮小されなくなります。

]]> Cocoonテーマに関する質問 はる https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41263 表に入れるマル、三角などの画像について https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41259 Sat, 24 Oct 2020 07:57:41 +0000 いつもお世話になります。

表の中に作成したアイコンを入れているのですが、PCで見たときはあるのですが、

スマホで見たときには空欄になってしまいます。

何が変なのか分からないのですが、どなたか教えて頂ければ助かります。

宜しくお願い致します。

サイト名：
サイトURL：https://goma58.com
ホームURL：https://goma58.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/skin-fuwari-ebicha/style.css
WordPressバージョン：5.5.1
PHPバージョン：7.2.33
ブラウザ：Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.4.5
カテゴリ数：4
タグ数：6
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：3017バイト
functions.phpサイズ：357バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Broken Link Checker 1.11.12
Category Order and Taxonomy Terms Order 1.5.7.1
Classic Editor 1.5
Contact Form 7 5.1.6
Edit Author Slug 1.6.1
Google XML Sitemaps 4.1.0
Post Types Order 1.9.4.2
Really Simple SSL 3.3.1
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.3.0
----------------------------------------------

 

]]> Cocoonテーマに関する質問 ann https://wp-cocoon.com/community/cocoon-theme/%e8%a1%a8%e3%81%ab%e5%85%a5%e3%82%8c%e3%82%8b%e3%83%9e%e3%83%ab%e3%80%81%e4%b8%89%e8%a7%92%e3%81%aa%e3%81%a9%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-41259