バズ部「Xeory Extension」の画像に枠をつける方法

バズ部「Xeory Extension」で画像メディアを表示させる際に枠をつかる方法です。カスタマイズをおこなう場合は、あくまで自己責任でお願いいたします。

ワードプレス「Xeory Extension」のメディア画像に枠をつける方法

ワードプレス管理画面から

  1. 外観
  2. テーマの編集
  3. スタイルシート (style.css)

を選択すると

XeoryExtension: スタイルシート (style.css)の編集画面になります。

スタイルートのcontentに下記のコードを挿入します。

/* —————————————-
* content
—————————————- */

#content img {
border: 1px solid #ababab;
}

「1px」は線の太さ、「solid」は実線、「#ababab」は線の色を指定し表示してます。

ちなみに「sokid」(実線を)

  • 「dotted」点線
  • 「dashed」破線
  • 「double」二重線
  • 「groove」立体
  • 「ridge」立体
  • 「inset」立体
  • 「outset」立体

にも変更できます。

二重線や立体にする場合は、線の太さが1pxでは表示されても実線にしか見えないので5px程度にしたほうがいいと思います。

 

本日の注目記事はこちら



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です