画像の周りのみっともない枠を消す

2015/2/17 2017/6/4 WordPressメモ

メディア追加した画像の枠が気になる時がありますよね。通常は気にならないのですが、下のような場合はみっともないと思いませんか。

検索しますと、次のようにするとよいと書かれています。

スタイルシートで次のように定義して、

img.borderless { border-radius: 0; box-shadow: none; }

実際に画像を配置するところで、次のように記述します。

しかし、Twenty Twelve の場合、枠が消えませんでした。

さらに検索しますと、次のサイトがありました。

Twenty Twelve のスタイルシートの次の部分をコメントアウトしてしまうというものです。

しかし、子テーマでコメントアウトしても指定が取り消しにはならないでしょうから。ここではこの部分を子テーマにコピーして、下のように書き換えてみました。

すると、このよう枠が消えて見栄えよくなりました。

そもそもデフォルトで枠がつくようになっているのがおかしいと思いませんか。枠を付けたければ画像編集ソフトで付けるか、付けたいところだけスタイルシートで設置すればいいのではないでしょうか。