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

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!で上書きしているのです。

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

以上でした。

WordPressではじめるWEBの仕組みづくり7日間メール講座

オトナ女子にピッタリ!ブログ運営に集中できるWordPressテーマプレゼント
  • 「@luelue.com」というドメインからメールが届きます。あらかじめフォルダ分け設定を行って頂きますようお願い致します。
      Yahoo、hotmailなどのフリーメールアドレスでは受信できない場合がありますので、プロバイダーメールアドレスを推奨いたします。
  • メールアドレスは個人情報の観点より、プライバシーを遵守しております。
  • 本メール講座及びメールマガジンは利益の保証や損失の補填を行うものではなく、効果には個人差があります。
  • いつでも解除可能です。

Pickup Article同じカテゴリーの記事

ブログ一覧へ戻る