《WordPress》ギャラリー表示の枠線を消す方法

こんにちは、寺おか です。
今日はワードプレス 編集のメモを。

ワードプレスの機能の一つ、ギャラリー表示。

ギャラリー表示機能を使うと
タイル状、またはスライドで画像を表示することができます。

このギャラリー表示、あるときを境に
枠線が表示されるようになってしまいました。
たくさんの画像に枠線があると、画面がうるさい感じに。

これを解消する方法を、覚書として書いておきます。

ギャラリー表示の枠線を消すには

★ function.phpに下記コードを書き足す。

/*-------------------------------------------*/
/* ギャラリー画像の枠線を消す
/*-------------------------------------------*/
add_filter( 'gallery_style', 'gallery_border_none');
function gallery_border_none($style){
return str_replace('border: 2px solid #cfcfcf;', 'border: none;',$style );
}

function.phpの編集方法

ダッシュボード　外観
　▼　
テーマエディター
　▼　
画面右側『テーマファイル』から

『テーマのための関数（function.php）』

を選び、コードを追記する。

 

上記の操作で、枠線が表示されなくなりました。

枠のある無しで、画面の印象も結構変わります。

画面によっては枠があった方がよい場合もあります。
見やすさを考慮して選べるといいですね＾＾

参考サイト
・https://deco8.net/web/wordpress-gallery-image-border-design-customaize/#functionphp
・https://www.sejuku.net/blog/67450

 

WordPressは、テーマの更新などで
表示が変わったりすることがよくあるので、
こういう対処が必要になることも。

自分のサイトをマメに見返して、
表示を確かめる習慣があるといいですね。

お役に立ちましたら幸いです。

ではでは、また！