Elementorでグローバルレイアウト設定をマスター：詳細ガイド

Elementorを使用する場合 ワードプレスの構築 ウェブサイトをコントロールする際グローバルレイアウト設定一貫性があり、視覚的に魅力的なサイトを確保するために重要です。グローバル・レイアウト設定は、サイト・ページのデフォルトの外観とレイアウトを定義します。コンテンツの幅、コンテナのパディング、要素間の間隔これらをグローバルに管理することで、ページデザインの重複を減らし、サイトデザインの統一性を確保することができる。

この詳細ガイドでは、Elementorのグローバルレイアウト設定にアクセスし、設定する方法を説明します。ウェブサイトの最適化ページデザインとユーザーエクスペリエンスの

グローバルレイアウト設定とは何ですか？

グローバルレイアウト設定は、サイトページのデフォルトレイアウトパラメータを制御できるElementorのツールセットです。これらの設定はサイト全体のレイアウトスタイルに影響を与えるだけでなく、ページごとに一貫したレイアウトを簡単に管理する柔軟性も提供します。これらの設定により、ページコンテンツの幅、コンテナのパディングとギャップ、ページ見出しの表示方法、デフォルトのページレイアウトタイプなどを定義できます。

グローバルレイアウト設定へのアクセス方法

Elementorのグローバルレイアウト設定にアクセスするには、以下の手順を実行します：

Elementorエディターに移動します。::

• WordPressのダッシュボードで、編集したいページを選択し、「」をクリックします。Elementorエディタの使用".

• Elementorエディターが開き、ページのコンテンツやレイアウトを調整できます。

サイト設定を開く::

• エディター上部のツールバーで"サイト設定「アイコンは、ツールや設定のアイコンが付いたボタンです。

レイアウト設定を選択::

• サイト設定パネルで、"オープニング"オプションを選択する。複数のレイアウトパラメータを設定できるグローバルレイアウト設定が開きます。

グローバルレイアウト設定

グローバルレイアウト設定を開くと、いくつかのレイアウトオプションが表示されます。以下では、それぞれのオプションが何をするのか、どのように設定するのかを詳しく説明します：

1.コンテンツの幅

は英語の -ity、-ism、-ization に対応します。ページ・コンテンツのデフォルトの幅を設定します。通常、"boxed "レイアウトに設定した場合、コンテンツの幅はデスクトップでの表示方法に影響します。

推奨設定通常1140ピクセル。はよく使われる設定だ。特にデスクトップ画面に最適.この幅は、コンテンツが狭すぎず、画面全体を占めることもなく、ほとんどのモニターでうまく表示されることを保証します。

設定方法コンテンツの幅」オプションで、希望する幅の値（ピクセル）を入力します。これは、コンテンツがさまざまなデバイス上で見栄えするように、特定の設計要件に応じて調整することができます。

2.容器充填

は英語の -ity、-ism、-ization に対応します。コンテナに要素やウィジェットを追加するとき、コンテナのパディングは、要素とコンテナの端との間に一定のスペースを確保します。適切なパディングは、ページのコンテンツがコンパクトになりすぎないようにし、読みやすさと見た目の美しさを向上させます。

設定方法コンテナの塗りつぶし」オプションでは、コンテナの上下左右の塗りつぶし量を調整できます。リンクアイコンをクリックすると、異なる方向に対して異なる塗りつぶし値を設定することもできます。例えば、ページのコンテンツに十分なスペースを確保するために、上部のパディングを高く設定することができます。

3.プロジェクトのギャップ

は英語の -ity、-ism、-ization に対応します。アイテム・ギャップは、複数の要素やウィジェットがコンテナに追加されたときのデフォルトの間隔を決定します。この設定は、ページレイアウトを整然と一貫性を保つために重要です。

設定方法ギャップ "設定では、以下のことが可能です。要素の上下（列）と左右（行）の間隔を調整する。.リンクアイコンをクリックすることで、クリアランスの量を異なる方向に対して個別に設定することができ、ページデザインのニーズにより適したものにすることができます。

4.ページタイトルセレクター

は英語の -ity、-ism、-ization に対応します。この設定によりページの編集いつページタイトルを隠す.デフォルトでは、ページタイトルセレクタは通常h1.entry-titleですが、テーマが別のセレクタを使用している場合は、ここで調整できます。

設定方法でページタイトルセレクタ"オプションで、テーマが使用するページタイトルセレクタを入力します。たとえば、テーマがカスタムセレクタを使用している場合は、適切な カスケーディングスタイルシート セレクタ名。

5.テンションセクションの適合

は英語の -ity、-ism、-ization に対応します。ページセクションの最大幅を設定します。通常、ページの最大幅はテーマのボディタグの決定が必要ですが、あなたのテーマがページ幅を制限するために他のタグを使用している場合は、対応するタグ名をここに入力することができます。

設定方法でテンションセクション"オプションで、ページ幅を制限するテーマのタグ名を入力します。通常はbodyだけを入力しますが、他のタグを使用しているテーマの場合は、適宜調整する必要があります。

6.デフォルトのページレイアウト

は英語の -ity、-ism、-ization に対応します。この設定はページのデフォルトのレイアウトタイプを決定します。デフォルトでは、ページはテーマの設定に従ってレイアウトされるしかし、Elementor CanvasまたはElementor Full Widthレイアウトを使用することもできます。

設定方法デフォルトのページレイアウト」オプションでは、デフォルトのレイアウトタイプとしてElementor CanvasまたはElementor Full Widthを選択できます。デフォルトページレイアウト "オプションがあります。この設定により、フルスクリーンレイアウトを素早く実現することができ、ランディングページやホームページのような特別なページを作成する際に特に便利です。

グローバルレイアウト設定の保存と適用

必要な編集を終えたら、忘れずに"変更の保存"ボタンをクリックして、すべての設定が有効になるようにします。

新しいページを作成したり、既存のページを編集したりすると、Elementorエディタは自動的にこれらのデフォルト設定を適用します。これは設定を繰り返す時間を節約するだけでなく、サイト全体で一貫したデザインスタイルを保証します。

はんけつをくだす

Elementorのグローバルレイアウト設定を使いこなすことで、サイトページのデフォルトの外観とレイアウトを効果的にコントロールすることができます。これらの設定は高い柔軟性を提供するため、特定のデザインニーズに合わせてサイトを一貫して管理することができます。コンテンツの幅、コンテナのパディング、アイテムの隙間など、これらの設定を賢く使うことで、サイトの全体的なユーザーエクスペリエンスを向上させ、さまざまなデバイスでうまく表示されるようにすることができます。エレメンタル・プロより多くのウィジェットが優れた機能性をもたらします。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み