WordPressテーマ無料WordPressテーマLuxeritasではカスタマイザーから簡単に記事一覧の表示タイプをグリッド化したり、更にそのカラム数も1~4の範囲で変更出来るというこの上なく便利な機能が標準装備されていますが、実はグリッドレイアウトを3列以上に設定した時に”ある現象”が発生する場合があります。これはテーマ側に問題があるわけでもバグでもありませんが、私としては現在準備中のサイトの為に何とかしたい現象だったので、無い知恵を絞ってその対策を考えてみました。最終行だけ両端揃え・均等割付になるその”ある現象”とはグリッドレイアウト3列以上でかつ最終行の表示件数が1以外の端数の時に起こる現象で(わかりやすく書いたつもりですが合ってるかな...)flexboxと言うかjustify-contentの仕様によって最終行だけ両端揃え、または均等割付したように見えてしまうというものです。2列の時もそう見えないだけで、同じ状態なんだろうとは思いますけど。言うか、元々そういうものなので本当は何もおかしくないんですが、途中まではいい感じで均等に割って最後だけ左詰めでよろしくね?とか都合のいい事を言ってるのはむしろこちらだったりします。別におかしくなくね?という方はそのままで全然構いませんが、私としてはやっぱりちょっと気になっちゃうので、何とかしてこれを調整してみたいと思います。疑似要素でダミーの枠を追加するCSSの内容だけ先に説明しますと、3列の時は疑似要素のafterを使って、4列の時は1つでは足りないので更にbeforeも使ってダミーの枠を一覧の後ろに追加する、という感じでしょうか。afterは文字通り後ろなのでそのままで問題ありませんが、beforeの方は一覧の前に入ってしまうのでorderを設定して表示上は後ろに持っていきます。正直なところ理屈はいまいちよくわかってませんが(大丈夫かいな)一覧がキリのいいところで終わっている場合はレイアウトに影響しないのでその点は安心して良さげです。メディアクエリの部分についてですが、グリッドレイアウトを4列に設定している場合、768px~1199pxの範囲では3列表示になるのでダミーのサイズもそれに合わせて調整しています。32.5%;}}本当はこれだけでうまくいくはずなんですが、Luxeritasの場合は記事一覧の要素内に記事一覧下ウィジェットとページャーが入ってくるので、それを更にorderで後ろに下げます。!と閃いた事を試したらうまくいってホっとしました。上記のコードは3列・4列それぞれタイル型とカード型を含めてあるので、全部入ってても良ければそのままコピペでOKですが、不要な部分があれば自由に削除してもらっても結構です。1;}こんな感じでよろしいかと。それほどの量でも無いと思いますんで、とりあえずはまるっとコピペでいっちゃって、後から要らないと思えば部分的に削除するのもありだと思いますよ?記事一覧中央ウィジェットは念入りにチェックを3列以上のグリッドレイアウトの場合、タブレットサイズでカラムが1つ減るので、想定外の位置に記事一覧中央ウィジェットが挿入される事があります。記事一覧中央ウィジェットが挿入された場合、その上に表示されている件数によっては両端揃え・均等割付になりますが、当エントリーの方法ではさすがにそこまでは回避出来ません。何れにしても非常に便利な機能を持ったウィジェットですが、3列以上のグリッドレイアウトで利用する場合は念入りにチェックした方がよろしいかと思います。私は制御出来ないと判断したので無しの方向で考えています。これで3列以上のグリッドも大丈夫とりあえず修正後はこんな感じになる...はずです。私の場合は少々特殊なサイトで3列か4列のグリッドをどうしても使いたかったので今回の件は非常に悩ましいところでしたが、ちょっとしたカスタマイズで解消出来る事がわかってひと安心です。私と同じような方がみえましたら当エントリーがお役に立てば幸いです。itB!HatenaPocketLINELINECopyWordPress公式テーマを選ぶ時はデモサイトを見るべし!プレビューで判断しちゃダメ。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですコメントコメントは日本語で入力してください。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。私はロボットではありません。ベンチ結果あり)現在メインで使っているPCのCドライブがカツカツになってまいりました。当サイトについて当サイトについてサイトマッププライバシーポリシーコンタクトフォームプロフィール的な何か初めてWordPressとPHPに触れてからようやく2年目に突入したばかりのヒヨッ子ですが、元システムエンジニアの経験を活かすべく日々奮闘しております。本来の使用言語はCOBOLやPL/Iといったレガシーな言語ですが、古代言語とか言うとなんかスッゴイ魔法とか使えそうな感じもするから不思議。ゲームとギターと音楽(HR/HM)をこよなく愛する色んな意味で極めて残念な人です。11XdomainXeoryBaseXeoryExtensionYahoo!YouTubeお名前.comアクセストレードアメブロカスタマイズスターサーバートラブルシューティングフィッシングメールブログ村日本語化スポンサーリンク私の運営サイトや管理を任されているクライアント様のサイトで利用中のレンタルサーバーとドメインです私が主に利用しているPC本体・パーツ・周辺機器などのショップです。