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

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

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

ではでは、また!

 

あなたのメッセージを読み手に届ける
書籍やウェブの挿画をお描きします

イラスト制作についてはこちら