WordPressのギャラリーのカラム数をスマホでも４カラムまで使えるようにする（デフォルトではスマホは２カラムまで）

WordPressのギャラリーのカラム数をスマホでも４カラムまで使えるようにするカスタマイズ

デフォルトではPC表示では４カラムまで、スマホは２カラムまで。ブロックエディタの右側メニューではPCのカラム数しか設定できない仕様です。（スマホのカラム数を指定する項目がない）

カスタマイズ前

カスタマイズ後

スマホ環境での表示のスクショを貼っておきます

カスタマイズ前はスマホでは２カラムになっていますが、カスタマイズではしっかりスマホでも４カラムで表示されています。

カスタマイズの方法

適用させたいギャラリーの「高度な設定」＞「追加cssクラス」に「g-nowrap」を追記します。

g-nowrap

適用させたい記事の編集画面下部の「カスタムcss＆JS」＞「css用コード」に下記を追記します。

/*ギャラリースマホ横並び維持*/
.g-nowrap{
flex-wrap:nowrap!important;
}

これで４枚のギャラリーもスマホで４カラムで表示できます。

このカスタマイズはカラム数を指定するものではなく、勝手に改行しないように指定する方法です。そのため５枚以上のギャラリーを作成したい場合、全て１行で表示されてしまいます。５枚以上のギャラリーを作成して１行に表示される指定であればこちらで問題ありません。

カラム数と改行される枚数も指定したい場合は別の方法が選択肢となります。