メディアを追加で加えたWordPress写真に輪郭を作る方法

wordpress,Web開発

Wordpressの「メディアを追加」した際の画像に枠をつける方法をご紹介致します。CSSを書き換えたりプラグインを使う必要がないので簡単ですよ♪

設定方法

やり方は簡単、「メディアを追加」を押して挿入されたHTMLコードの「imgタグ」に以下の赤字部分を追加するだけです。

追加コード

<img style="border: 1px solid #ababab;" src="http://hippo-lab.com/wp-content/uploads/2017/03/log-300×300.png" alt="" width="300″ height="300″ class="alignnone size-medium wp-image-414″ />

なお「#ababab;」は色で、今回灰色を設定してみました(最近のトレンドでおススメです)。また、solidは実線、1pxは太さを表しています。以下、設定した場合の例を掲載致します。

設定例

枠無し

■枠有り


Print Friendly, PDF & Email