2週間前に投稿

WordPress block editor ギャラリーブロック左側の空きが気になる

この記事は約 2 分で読めます。

4.5

最近、記事にギャラリーブロックを
よく使うようになって気付いた事があります。

何か左に隙間があると言うか、
もしかして右に寄ってる?

特にモバイルだと顕著に現れる。

これは WordPress の
block editor の問題なのか?
と思い調べましたが、そういった記事は無い。

何で? と思いましたが、
見つけました! 該当する記事を!

どうやら、
WordPress テーマ側の問題で、
左側に空きが発生するテーマと
発生しないテーマがあるようです。

原因はギャラリーブロックのulタグで、
ulタグはどんなテーマでも何かしら
スタイルが設定されているので、
それがギャラリーブロックにも
適用されてしまうとその分、
margin や padding が
取られる事になると言う事です。

元記事によると、
6つの無料 WordPress テーマを試し、
ギャラリーの左側に空きが発生したのは
Luxeritas と Emanon Free
2つのテーマと言う結果が出たそうです。

つまり、
わたしは該当のテーマ Luxeritas を
使っているので症状が出たと言う事です。

この問題を修正するには、
以下のCSSを style.css に
コピペするだけでよいです。

ul.blocks-gallery-grid {
  margin: 0;
  padding: 0;
}

尚、Luxeritas AMPをお使いの方は
元記事にLuxeritas AMP用のCSSが
掲載されていますので
元記事をご参照ください。

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました
WordPress block editor ギャラリーブロック左側の空きが気になる