customizeWordPressテーマのカスタマイズ
WordPressテーマのカスタマイズ , ,

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

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 : WordPressテーマのカスタマイズ

この記事がお気に召したら、いいね!お願いします♪

最新情報をお届けします

Webデザイナー Luelue 丸山

Webデザイナーの立場から、個人事業主のWeb活用をテーマに発信しています。
得意分野はWebデザイン。イラストレーション。コーディングもぼちぼち。
WordPressテーマblanc note.を作ったり、お絵かきにブログ、SNS起業に足を突っ込んだり、収集がつかなくなり最近自粛してます。
プライベートでは娘の写真を撮ってスクラップブッキング、手帳・文具・万年筆をこよなく愛する親バカ系。

ブログ一覧へ戻る