MiSE @mise_boardgames
Moving Impact and Surprise within the Extraordinary(感動と驚きを非日常で) ボードゲーム・謎解きが好きな仲間で大阪を中心に活動しています。 ゲームマーケット2026秋「かなべる」発売！！
- 【ゲムマブログ】画像に灰色の枠、出ていませんか？
- 2026/9/18 10:07
こんにちは、MiSEです！
ゲムマブログに画像を載せたら、こんな感じで周りに灰色の枠が出たり、画像が見切れたり……そんなこと、ありませんか？
MiSEも『かなべる』の記事を書いていて気になり、どうにかならないかなと試行錯誤していました。
そこで使ったのが、投稿画面のHTML編集機能！
ここで本文のHTMLを直接編集できるの、知っていましたか？
こんなふうに変更しました！
まずは元のHTMLをコピーして、メモ帳などに保存しておきます。
HTML編集画面で、画像を囲む<figure class="image">から</figure>までを、下のコードに置き換えます。
<p style=" background-color: transparent; margin: 16px 0; padding: 0; "> <img class="image_resized" style=" aspect-ratio: auto !important; background-color: transparent; border: none !important; display: block !important; height: auto !important; max-height: none !important; max-width: 1030px !important; min-height: 0 !important; object-fit: contain !important; padding: 0 !important; position: static !important; width: 100% !important; " src="画像のURL" alt="画像の説明" > </p>
「画像のURL」には、元のsrc="…"に書かれていたURLを入れてください。
「画像の説明」も自分の画像に合わせて変更し、保存後のプレビューを確認すればOKです！
※MiSEの記事で改善できた方法です。うまく表示されない場合は、控えておいたHTMLに戻してください。
こんな感じになります！
せっかくの写真、きれいに載せたいですよね。
同じところで困っていた方の参考になれば嬉しいです！
新作『かなべる』の「ならべる」はブラウザで体験できます。
こちらもぜひ遊んでみてください✨
ゲームマーケット2026秋の取り置き予約も受付中です！