《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は、テーマの更新などで
表示が変わったりすることがよくあるので、
こういう対処が必要になることも。

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

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

ではでは、また!


書籍、WEB用イラストや各種デザイン制作で
『伝わる発信』をお手伝いしています

≫ ご提供中のサービス