ブログで発信したい、だけどデザインもこだわりたい、そんなあなたへ贈るWordPress テーマblanc note.

customizeblanc note.のカスタマイズ
blanc note.のカスタマイズ

【備忘録】WordPressギャラリーにつく枠線を消す方法(CSSのみで対応)

blanc note.のカスタマイズ

WordPressのギャラリー、便利ですよね。
でもね、ボーダーがついてしまうのです……。しかも微妙なボーダー。

そこで、CSSだけでボーダーが消せないかなと思い、成功したので備忘録を残しておきます。

検索したら、こんな方法がありました

WordPress標準のギャラリーのCSSをカスタマイズする方法


こちらは、functions.phpでギャラリー用のCSSを上書きし、ご自身でcssを書く方法。
しっかりデザインしたいならおすすめ!

(メモ)WordPressギャラリー画像のグレーの枠線を消すには


こちらは、大元のwp-include/media.phpを編集して、ボーダーを消しちゃおうという骨太な解決方法。
WordPress本体をアップデートすると、設定しなおしになるのが玉に瑕でしょうか。
もうちょっと楽できる方法はないかな〜と検索を続けていたら、もっと素敵なアイデアを発見。
http://xirasaya.com/?m=detail&hid=465
「連番のIDやクラスをまとめて指定する書き方」があったんです! 知らなかった!

お使いのCSSに下記を足せば解決

WordPressのギャラリーは、「#gallery-連番」というIDが振られる仕様。
ID=”#gallery-1″
ID=”#gallery-2″
ID=”#gallery-3″
ID=”#gallery-4″
ID=”#gallery-5″
WordPress側で、IDに対してスタイルを指定しています。
そこで、「#gallery-ナンタラ」という接頭辞でIDが始まったときは、borderをナシにするように、指定し、important!で上書きしているのです。

適応すると……。ねっ、線が消えました〜!

以上でした。

Category : blanc note.のカスタマイズ
ほんわかクリエイター るこ

Web系のお仕事をしています。
むちゅめ(6歳/早生まれ/小学生1年生)大好きな親バカ系。
LOFT、無印、生活の木、伊東屋が好き。
自然溢れる場所に惹かれはするものの、めんどくさがりの省エネ派。ぐでたまを尊敬してます。

ブログ一覧へ戻る