「WordPressサイト制作を簡単にする国産サイトビルダー weluka:ウェルカ」テクニカルブログ

カラムのレスポンシブ設定をする方法

画像を並べた時にPC・タブレット・スマートフォンで見る時に表示されるカラム数を、それぞれ指定したカラム数に設定できます。

今回は例として「PC表示・4カラム」「タブレット表示・2カラム」「スマートフォン表示・2カラム」に設定します。

ウィジェットの中から画像を選択しPCで表示したいように

ドラッグ&ドロップで並べて行きます。

PC時は4カラム表示されるように配置する事で設定も完了

タブレット・スマートフォン時は2カラム表示されるようにする設定が必要

カラムのレスポンシブ数を設定する方法

配置した全ての画像のカラム設定にあるレスポンシブを変更します。

①画像のカラム設定にあるレスポンシブを開きます。

②Small View(768px - 991px)のカラム数を6に変更します。

③XSmall View(768px未満)のカラム数を6に変更します。

④右下にある保存を押して設定画面を閉じます。