【WordPress】画像の角を丸くする

2020年1月16日

こんにちは、マーチンです。

WordPressの記事に画像を載せると四角で表示されます。

↓こんな感じ

この画像の角を丸くします。

style.cssを使用する

下記のコードをstyle.cssに追加します。

.image img{ 
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
}

画像の角を丸くする

新しい記事を作成して“メディアを追加"で画像を記事に追加してみましょう。

テキストエディタで画像のコードを下記のコードで囲います。

<div class="image"> 
画像のコード
 </div>

上記のdivタグで囲うと表示がこの様に変わります。

丸くする大きさはstyle.cssに記述の20pxの数値を変更して下さい。