バズ部「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程度にしたほうがいいと思います。