無料のElementorだけで作ったヨガのコミュニティのLPのテンプレート

Elementorの新しい
無料テンプレートサイトが追加されました!

Elementorレスポンシブのブレークポイントの増やし方 – 大画面やスマホ横向きも設定できる

Elementorレスポンシブのブレークポイントの増やし方 – 大画面やスマホ横向きも設定できる

Elementorでスマホの横向きや大画面のみ違う設定にしたいと思ったことありませんか?
実は簡単にElementorのレスポンシブ設定にブレークポイントを追加できるんです。

Elementorのブレークポイントにスマホ横向きや大画面が追加されてる
Elementorに新しいブレークポイントを追加して実際に使ってる例

こんな感じにレスポンシブのオプションを追加できます。
この記事でそのやり方を説明します。

ブレーキポイント設定画面を開く

Elementorのブレーキポイントの設定画面にいくためのギアアイコンをクリック

まずは、Elementorのブレーキポイントの設定画面にいくためのギアアイコンをクリックします。

追加したいブレークポイントを選ぶ

Elementorのブレーキポイントの選択画面

このように新しくブレーキポイントを追加することができます。

ブレーキポイントの種類

  • モバイル縦向き
  • モバイル横向き
  • Tablet Portrait(タブレット縦向き)
  • Tablet Landscape (タブレット横向き)
  • ノートパソコン
  • ワイドスクリーン

欲しいブレークポイントを追加します。

ブレークポイントのカスタマイズ

Elementorのブレークポイントのカスタマイズ

このように追加されたブレークポイントの設定が出てくるので、任意の値をいれることが可能です。

保存すると新しいブレークポイントがサイトに追加されます。

Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。
様々なElementorに関する情報がまとめられています。

Naomi Suzuki

このサイトを運営してるナオミです。エンジニア歴13年、海外在住歴20年。
WordPressの情報やハッキングを防ぐ脆弱性の情報と自分の海外での生活の一部を無料のメルマガで配信しています。

目次

コメントする

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

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通