WordPressのギャラリーからボーダーとマージンを消す方法

WordPress のギャラリーって誰でも使いやすいんですが、勝手にグレーのボーダーが付いたり、上に余白がついたりして、開発者にとっては困った存在です。下記にコードを functions.php に書いてみてください。

例)ギャラリーからボーダーとマージンを消す

// ギャラリーからボーダーとマージンを消す
add_filter('gallery_style', 'myGalleryCSS');
function myGalleryCSS($content) {
    $content = str_replace('margin-top: 10px;', '', $content);
    $content = str_replace('border: 2px solid #cfcfcf;', '', $content);
    return $content;
}

WordPress側が出力するスタイルシートを決め打ちで削除しているだけです。WordPress 4.8.2で動作確認しました。

余白やボーダーを好きなようにするには、スタイルシートに次のコードを書いてみてください。

/* 画像周辺の余白や画像ボーダーのスタイルを設定 */
/* box-sizing: border-box; の場合 */
.gallery .gallery-item {
    padding-top: 1px;
    padding-right: 1px;
}
.gallery .gallery-item img {
    border: 2px solid #f00;
}

↓酒田・鶴岡・庄内のブログはこちらからも↓

にほんブログ村 地域生活(街) 東北ブログ 鶴岡情報へ にほんブログ村 地域生活(街) 東北ブログ 酒田情報へ にほんブログ村 地域生活(街) 東北ブログ 庄内情報へ

どうぞ、お気軽にお電話ください

「はい!ニゴロデザインです!」
とでますので、
「ホームページを見て電話しました」
とお話ください。
すぐに担当の者に代わります。

 0234-25-5313
お電話受付 10:30~18:00 土日祝定休

メールでのお問い合わせは
こちらからどうぞ!