今日も引き続きアストラのテーマ歌で応えるエレメンタより詳細な設定とヒントについては、Elementorを使用してAstra ThemeでWordPressウェブサイトを構築する場合、モジュール間のレイアウトとギャップ設定は非常に重要です。ギャップレイアウトをうまく設定することで、ページの美観やユーザーエクスペリエンスを大幅に向上させることができます。しかし、モジュールが混み合っていて困っているという方も多いのではないでしょうか。今日は、モジュールのギャップを簡単に調整するためのシンプルで効果的な2つの方法と、他のページで再利用するためにテンプレートを保存する方法をご紹介します。
![画像[1]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082908401484.png)
上記のように、各モジュールが直接非常に混雑している場合、我々はそれを調整する必要があり、2つの方法があります。
1.我々はスペーサー(スペーサー)を見つけ、スペーサーは、直接上または下のモジュールにドラッグされているか、または別のコンテナを追加し、実際の状況に応じて、このスペーサーを追加します。
![画像[2]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082908444763.png)
次に、このモジュールの設定に入り、スペーサーの特定の間隔値を調整します。
![画像[3]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082908481734.png)
2.2つ目は、高度なレイアウト機能のコンテナ(Container)を通してです。
![画像[4]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux Network|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082908520236.png)
もし、このリンク機能を解除しないと、コンテナがオフセットしてしまいます。
![画像[5]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082908582583.png)
![画像[6]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルスコープ、迅速対応](https://www.361sale.com/wp-content/uploads/2024/08/2024082909000238.png)
ですから、正しい設定は、例えば、上のギャップを設定したい場合、リンクを切断した後、TOP(つまり上)を設定し、望む効果を設定します、これは100の効果です。
モジュールのギャップを調整するには、以下の2つの方法があります。
他の場所で使用するためにモジュールを保存する方法もあります。
例えば、このコンテナの中身、あるいは特定のモジュールだけが必要だとします。
![画像[7]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux Network|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082909425723.png)
マウスを右クリックすると、このようなインターフェイスが表示されます。
![画像[8]-Astra Theme & Elementor: Module Gap Adjustment & Template Saving Tips (08) - Photon Flux|プロのWordPress修理サービス、ワールドワイドで迅速に対応します!](https://www.361sale.com/wp-content/uploads/2024/08/2024082909433439.png)
![画像[9]-AstraテーマとElementor:モジュールのギャップ調整とテンプレート保存のヒント(08) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082909475880.png)
テンプレートを挿入するときに見つけやすいように、テンプレートの名前を記入し、保存をクリックして保存します!
![画像[10]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルスコープ、迅速対応](https://www.361sale.com/wp-content/uploads/2024/08/2024082909503241.png)
上図のように、挿入したいTermplaleテンプレートを選択します。
![画像[11]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08)-フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルスコープ、迅速対応](https://www.361sale.com/wp-content/uploads/2024/08/2024082909531825.png)
モジュールが同じ場合、それは確かに非常に便利ですが、欠点がある、あなたはモジュールの内容を変更する必要がある場合は、サイトのバックエンドに移動する必要がありますelmentorモジュールを変更するモジュールを見つけるために、我々はああ、実際の状況に応じて調整し、テンプレートの名前を挿入することができ、非常に便利ではありません!
![画像[12]-AstraテーマとElementor:モジュールの隙間調整とテンプレート保存のコツ(08) - Photon Flux Network|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応!](https://www.361sale.com/wp-content/uploads/2024/08/2024082909551921.png)
概要
モジュール間のギャップを調整するこの2つの方法をマスターし、テンプレートの保存と再利用を習得することで、Webページのレイアウトデザインがより柔軟になり、作業効率が向上します。今日のシェアが、AstraテーマとElementorをより快適に使うための一助になれば幸いです。次回は、AstraテーマとElementorの実践スキルをさらに掘り下げていきます!
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/17953この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし