画像の枠と背景カラーを非表示にする場合
「Attractive」などの一部のテーマでは、imgタグを使って記事内に画像を表示した場合、標準で余白と枠線が表示されるデザインの場合があります。
これを意図的に非表示にしたい場合は、以下のCSSセレクタをimgタグのclass属性に指定することで非表示にすることができます。
- 画像の枠と余白の非表示: bd-none(枠線の非表示)、bg-none(背景色をなくす)
-
表示例
通常表示:
枠線と余白(背景色)を無効にした場合:
このコード
<p class="b">通常表示:</p> <img src='https://digipress.info/_wp/wp-content/uploads/2012/04/blueberries-2278921_1280.jpg' class="aligncenter" /> <p class="b">枠線と余白(背景色)を無効にした場合:</p> <img src='https://digipress.info/_wp/wp-content/uploads/2012/04/blueberries-2278921_1280.jpg' class="aligncenter bg-none bd-none" />
テキスト／コンテンツ装飾定義一覧