WordPress」カテゴリーアーカイブ

テーマTwenty Twelveで画像の枠を消す方法

こんにちは、かえでのです。
画像のCSS関連でちょっと嵌ったので書いておきます。

先日可愛いアイコン素材をDLしたので早速使ってみたのですよ。
ところがどっこい。

なんか影みたいな枠がついてるし…。いらんし…。
よく見たらブログ上のあらゆる画像についてます。
いや、これ消さなきゃダメでしょ。
というわけで早速検索~。

調べると、どうもcss.styleの編集をすればいけるらしい。

管理画面から「外観」→「テーマエディター」に進んでスタイルシート(css.style)の画面を出します。
360行目近辺にある、画像の黄色枠の部分が該当箇所らしいので、赤枠の部分のように全て0に書き換えます。(書き換える前に、念のためバックアップをとっておきます)

左下の方に「ファイルを更新」ボタンがあるのでクリック。
よし、これでいけたっしょ!!

が。

消えない。
何で~~~~!?

色々調べてみましたが、上記の方法しかなくて、疲れて諦めかけた時。
ふと思い出しました。
記事のデフォルトのフォントサイズを変更したときのことを。

たしかCSSを変更しただけでは変わらいとのことで、「追加CSS」にもコピーしたよなぁ。。

というわけでやってみた。

まずは先程の黄色枠の部分をコピーします。
管理画面から「外観」→「CSS編集」に進んで追加CSSの画面を出します。
そしてコピーしたものをペースト。

上のほうにある「公開」をクリック
すると、

無事に消えてる~!やった~。
※ちなみに何で消えたのかは全くわかりません(

なぜか編集画面では消えないんですが、まあ投稿すれば消えてるのでいいかと。

というわけで、画像の枠を消す方法でした。