画像の角を角丸にする

STベースとSTシュラインの新規の投稿と固定ページで記事に画像を挿入した時、画像の角を角丸にすることができます。

設定は、各記事の編集画面で挿入した画像を選択し、画面右側のブロックタブを選択すると、「スタイル」に「角丸」というボタンがあるのでクリックすることで角丸にすることができます。「ギャラリー」にも対応しています。

また、STベースとSTシュラインでは角丸のサイズが違います。

角丸のサイズの違い

もう一方の方法として、画像を選択し、画面右側のブロックタブを選択すると、一番下に「高度な設定」> 「追加 CSS クラス」のボックスに半角で「b-r」と入力していただくことで、角丸にすることができます。

ただし、「b-r」は、画像の「解像度」を「フルサイズ」に選択しなければならず、「ギャラリー」には対応していません。そして、編集画面の画像には角丸は反映されません。