今日も引き続きアストラのテーマ歌で応えるエレメンタより詳細な設定とヒントについては、Elementorを使用してAstra ThemeでWordPressウェブサイトを構築する場合、モジュール間のレイアウトとギャップ設定は非常に重要です。ギャップレイアウトをうまく設定することで、ページの美観やユーザーエクスペリエンスを大幅に向上させることができます。しかし、モジュールが混み合っていて困っているという方も多いのではないでしょうか。今日は、モジュールのギャップを簡単に調整するためのシンプルで効果的な2つの方法と、他のページで再利用するためにテンプレートを保存する方法をご紹介します。
![图片[1]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082908401484.png)
上記のように、各モジュールが直接非常に混雑している場合、我々はそれを調整する必要があり、2つの方法があります。
1.我々はスペーサー(スペーサー)を見つけ、スペーサーは、直接上または下のモジュールにドラッグされているか、または別のコンテナを追加し、実際の状況に応じて、このスペーサーを追加します。
![图片[2]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082908444763.png)
次に、このモジュールの設定に入り、スペーサーの特定の間隔値を調整します。
![图片[3]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082908481734.png)
2.2つ目は、高度なレイアウト機能のコンテナ(Container)を通してです。
![图片[4]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082908520236.png)
もし、このリンク機能を解除しないと、コンテナがオフセットしてしまいます。
![图片[5]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业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)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082909425723.png)
マウスを右クリックすると、このようなインターフェイスが表示されます。
![图片[8]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082909433439.png)
![图片[9]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业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)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082909551921.png)
概要
モジュール間のギャップを調整するこの2つの方法をマスターし、テンプレートの保存と再利用を習得することで、Webページのレイアウトデザインがより柔軟になり、作業効率が向上します。今日のシェアが、AstraテーマとElementorをより快適に使うための一助になれば幸いです。次回は、AstraテーマとElementorの実践スキルをさらに掘り下げていきます!
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/17953この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし