WordPress本体WordPressのギャラリーってなにげに便利ですよね。テーマの機能やプラグインと組み合わせてスライドショー的な使い方も出来るので私もよく利用していますが、そのギャラリーをGutenbergのブロックに置き換えてしばらく経ってからなにげにギャラリーが右に寄っているような...と言うか左側に微妙な空間が出来ている事に気がつきました。前からこんなんだったっけ?といくつかのテーマで確認してみたところ、どうやらそうなるテーマとならないテーマがあるようです。そんなわけで当エントリーではGutenbergのギャラリーブロックで「なんかちょっと左側空きすぎじゃね?」となった場合の対応方法について書いてみたいと思います。ギャラリーブロック対応でした原因はギャラリーブロックのulタグ主に箇条書きのようなリストに使われるタグですね。Gutenbergのギャラリーブロックはこのulとliタグで構成されています。このulタグは大抵どんなテーマでも何かしらスタイルが設定されている事が多いので、それがGutenbergのギャラリーブロックにも適用されてしまうとその分のマージンやパディングが取られる事になります。Freeの2つのテーマでした。左が通常、右がFirefoxの開発ツールで確認した画像です。左側に30pxのパディングが設定されています。Freeの場合こちらも同様に左が通常、右がFirefoxの開発ツールで確認した画像です。左側に24pxのマージンが設定されています。以下のCSSをカスタマイザーの追加CSSかstyle.cssにコピペするだけでOKです。0;}利用しているテーマによってマージンかパディングかは違ってきますし、左側に限らず上や下にも設定されている場合があるので汎用性を持たせる為にあえてここでは全て0にしてあります。ように改変したり不要な行は削除していただければと思います。これはGutenbergブロックギャラリーのulタグにしか適用されないので、通常のulタグに影響が出る事はありません、念の為。今まで全く気にしてませんでしたがこうなってたようです...そう言えばLuxeritasのAMPではブロックライブラリ用のCSSは読まない仕様でしたね...AMPのCSS容量制限がちょっとばかし緩和されたとは言え厳しい事には変わりないのでそれも納得出来る話ではありますけど。他のブロックも気がついてないだけでやっぱレイアウト崩れてたりするんでしょうか、ホントAMPって...(以下自重)これはLuxeritasに限った話ではないので、Gutenbergの標準ブロックを利用している場合はAMPで何らかのレイアウト崩れが発生する可能性があります。AMP用のCSSがこちら。20px;}ギャラリー左側のパディングを無しにして「・」を非表示に、ついでに画像(正確にはliタグ)の下にマージンをとっただけですが何もしないよりはいいんじゃないかと思います。ギャラリーブロック対応でした別に少しくらい右や左に寄ってようが実害は無いんですが、変に細かいところが気になってしまう性分ゆえにちゃちゃっと直してみました。「これ、気になってたのよねー」という方が私以外にもいるかはわかりませんが、とりあえずそんな方に当エントリーがお役に立てば幸いです。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですコメントコメントは日本語で入力してください。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。私はロボットではありません。ベンチ結果あり)現在メインで使っているPCのCドライブがカツカツになってまいりました。ギャラリーブロック対応でした当サイトについて当サイトについてサイトマッププライバシーポリシーコンタクトフォームプロフィール的な何か初めてWordPressとPHPに触れてからようやく2年目に突入したばかりのヒヨッ子ですが、元システムエンジニアの経験を活かすべく日々奮闘しております。本来の使用言語はCOBOLやPL/Iといったレガシーな言語ですが、古代言語とか言うとなんかスッゴイ魔法とか使えそうな感じもするから不思議。ゲームとギターと音楽(HR/HM)をこよなく愛する色んな意味で極めて残念な人です。11XdomainXeoryBaseXeoryExtensionYahoo!YouTubeお名前.comアクセストレードアメブロカスタマイズスターサーバートラブルシューティングフィッシングメールブログ村日本語化スポンサーリンク私の運営サイトや管理を任されているクライアント様のサイトで利用中のレンタルサーバーとドメインです私が主に利用しているPC本体・パーツ・周辺機器などのショップです。