画像を貼り付けると画像の周りに枠が無いのでわかりにくい。 特に背景が白の画像だと特にそうなので、画像の周りに薄い枠線を付けるようにする。

CSSの追加

htmlの "]]</b:skin>" 直前に以下のCSSを追加する。

/* 特定の画像用枠線クラス */
#single-content img.img-border {
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
}

HTMLでの指定方法

画像を埋め込んだ <img> タグの中に class="img-border" を追記する。

<img class="img-border" src="https://..." alt="..." />

結果

背景が白の画像であっても薄い枠線が付くのでわかりやすくなった。