白い画像、または白多めの画像、白い縁取りの画像を記事に挿入すると、どこまでが画像なのか分かりづらくなります。
画像に枠線があったらいいのに･･･と思ったときは、「追加CSS」で解決です。
私は軽く影をつけることで解決しました。
設定場所は「外観」→「追加CSS」です。
開いたパネルの中に
.post img {
box-shadow: 0px 0px 5px #808080;
}
と書いて「公開」するだけです。
この記事の画像のように、挿入した画像すべてに自動的に影がつきます。エディタ内ではわからないですが、プレビューすると確認できます。
あえて「線」は入れていません。影だけで十分区別がつくかな、と思いましたので。
線を入れたい方は以下を追加します。
.post img {
border: solid 1px #808080;
box-shadow: 0px 0px 5px #808080;
}
色は「#808080」の部分です。変更したい方は以下のカラーチャートを見ながら調整してみましょう♪
