MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


【いも 様】ページビルダーを使ったレイアウトについて

お世話になります。
色々試してみたのですが、成功しないので困っております。

ワードプレス のプラグイン
「site origin widgets bundle」と「site origin page builder」
を使用してレイアウトをしているのですが、
スマホで確認すると1列4カラムがどうしても1カラムになってしまいます。

悪くはないのですが、それほど画像を見せたい内容でもないので
スマホで2カラム2列にしたいと思っています。
その方法を教えていただければと思います。
(ネットで調べてみましたが、私には方法が見つかりませんでした…)

無知で大変恐縮ですが、ご回答いただけますと幸いです。
何卒よろしくお願いいたします。

site origin レイアウト スマホ

>いも様
ご相談ありがとうございます。

ちょっと触ってみたのですが、site origin の仕様なのかな~と思いました^^;

CSSなどで無理矢理変更できないことはないと思うのですが、デフォルトで機能としては設けられていない感じがしますね。

以前使ったことのあるプラグインに「Elementor」というのがあるのですが、そちらはPC表示・タブレット・モバイル表示でカラムの%を変更できる機能があったので、希望されているようなこともできるでしょう。

基本的にはまずレイアウトの分割数を選択します。

Elementor カラム変更 PC

しかし、このプラグインは様々な要素に対してPC/タブ/スマホ のスタイルを変更できるようになっており、自由度が高いです。

Elementor カラム変更 モバイル

上記の場合だと、PC表示(デフォルト編集画面)で4分割のレイアウトを行い、画像ウィジェットをそれぞれに配置。
スマホのプレビューに切り替えてカラムを50%に変更・・・という感じですね。

プラグインの検討段階であれば一考の余地はあると思います。

参考にして頂ければ幸いです。

おすすめコンテンツ

“【いも 様】ページビルダーを使ったレイアウトについて” への2件の返信

  1. いも です。
    ご回答いただき、ありがとうございました!
    投稿した後もCSSなど試して悩みまくっておりました。
    やはりsite originの仕様なのでしょうね。
    ご紹介いただいた「Elementor」を早速導入してみました!
    まだ触りはじめたばかりですが、とても便利そうですね。
    使いこなせるようにしていきたいと思います。

    1. >いも様
      コメントありがとうございます!
      プラグインの仕様にないことをするとなると、かえって労力を要したりします。
      そのような場合は別のプラグインを検討してみるのも一つの手段ですね^^
      また何かあればご相談下さい!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA