カスタムHTMLブロックで画像に枠線をつける

WordPressで投稿ページや固定ページに画像を配置したい場合、ブロックを使えば簡単にどこにでも画像を挿入できます。

すばらしい機能なのですが、画像の背景が白や淡色だった場合、境界がぼんやりして、テキストとの境が分かりづらくなります。
プレビューモードで見ると背景と同化してしまい、枠線の機能があればいいのに、と思ったことはありませんか?

ブロックで配置した画像に枠線をつける

カスタムHTMLに、下記コードを入力し保存します。
ページ内すべての画像に適用されます。

コード

<style>
img {
border: 3px solid #c0c0c0; <!–線の太さ、種類、色–>
padding:4px; <!–線と画像との余白–>
margin-bottom:10px; <!–画像下部の外側余白–>
}
</style>

適用結果

レスポンシブで作成ボタンをクリック

キャプションの見た目を変えたい場合は、<style>~</style>の中に以下を追加します。
figcaption {
color:#696969; <!–色コード–>
font-weight:600; <!–フォントの濃さ–>
}