使用中 アストラ WordPressのウェブサイトを作成するためのテーマは、多くの人々がそのようなニーズに遭遇するでしょう:いくつかのページがサイドバーを表示する必要があり(ブログの一覧ページなど)、いくつかのページが全幅のレイアウトにする必要があります(トップページ、ランディングページ、または読み取りモードのページなど)。アストラは、異なるレイアウトを表示するように、異なるページを設定する簡単な方法を提供します。
![画像[1]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630092406568-image.png)
1.アストラ・カスタマイズに入る
- WordPressのバックエンドにログインします。
- 左メニューの[外観]をクリックします。
![画像[2]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630093430973-image.png)
- カスタマイズをクリックして、アストラ・テーマを入力します。カスタマイズパネル
![画像[3]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630093451954-image.png)
2.グローバル設定に移動し、コンテナを見つける
- カスタマイズ]パネルで[グローバル]をクリックします。
![画像[4]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630093619978-image.png)
- Global]内の[ ]をクリックします。コンテナ(コンテナ)] 。
![画像[5]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630093647336-image.png)
この時点で、3つのレイアウトオプションを含むコンテナレイアウト設定ページが表示されます。
3.サイト全体のデフォルト・レイアウトの選択
Container Layout]で、アイコンの指示に従って希望のレイアウトを選択する:
- 狭い視覚的なフォーカスが必要なページでは、コンテンツエリアを狭くし、左右の余白を増やす。
- ノーマル/デフォルト: コンテンツは中幅で、ブログの一覧ページや投稿ページなど、ほとんどのページにフィットします。
- 全幅/ストレッチ・レイアウトブラウザの幅いっぱいに広がるコンテンツで、トップページやバナーでよく使われる、ランディングページあるいは、中断することなくページを読むことができる。
![画像[6]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630094020124-image.png)
選択したら、ページ上部の[Publish]ボタンをクリックして設定を保存します。
4.個々のページに異なるレイアウトを設定する
サイト全体とは異なるレイアウトをページだけに設定したい場合は、以下の手順で行うことができます:
- WordPressのバックエンドに戻り、[ページ]をクリックします。
- 修正が必要なページを見つけ、[Edit]をクリックしてページに入る。エディタ.
![画像[7]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630094907913-image.png)
- 右側の[ドキュメント]パネルで アストラ設定.
![画像[8]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630095005438-image.png)
ある コンテナのレイアウトコンテナレイアウト) で、4つのレイアウトアイコンから選ぶことができる:
- 第一サイト全体のカスタマイザー設定を使用します。
![画像[9]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630100332245-image.png)
- 第二の理由標準幅(Normal):コンテンツの幅が固定され、左右に余白がある。
![画像[10]-アストラテーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630100405851-image.png)
![画像[11]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630100811861-image.png)
- 三番目ナロー・レイアウト(Narrow):コンテンツの幅が標準レイアウトより狭い。
![画像[12]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630100033347-image.png)
![画像[13]-アストラ・テーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630100627826-image.png)
- 第四ページコンテンツが横幅いっぱいに表示されます。
![画像[14]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630100124820-image.png)
![画像[15]-アストラ・テーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630100721322-image.png)
5.ブログページのサイドバー設定
ブログページのオン・オフが必要な場合サイドバー::
- カスタマイズ]パネルに戻り、[投稿タイプ]をクリックします。
![画像[16]-アストラテーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630101349673-image.png)
- 選択するブログ / アーカイブ(ブログ/アーカイブ)]または[シングルポスト]。
![画像[17]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630101414903-image.png)
- サイドバー・レイアウト]セクションで、選択する:
- サイドバーなし
- 左サイドバー
- 右サイドバー
![画像[18]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定](https://www.361sale.com/wp-content/uploads/2025/06/20250630101209865-image.png)
設定が完了したら、[Publish]をクリックして保存します。
6.Elementorのページレイアウト設定
ページが エレメンタ 編集者
- ページアストラの設定で、「全幅/ストレッチ」レイアウトを選択します。
![画像[19]-アストラテーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630101555747-image.png)
- Elementorエディタに入ったら、左上の[サイト設定]でページレイアウトを設定します:
- エレメンタル・キャンバス(完全に真っ白なキャンバス、ヘッダーとフッターを隠す)
- Elementor フル幅(コンテンツは全幅、ヘッダーとフッターはそのまま)
![画像[20]-アストラテーマのサイドバーと全幅レイアウトの設定方法](https://www.361sale.com/wp-content/uploads/2025/06/20250630101843830-image.png)
7.概要
アストラは柔軟なレイアウト切り替え方法を提供しており、サイト全体の設定で統一することも、各ページのレイアウトを個別に設定することも可能です。ブログ最初のページ、読み物ページ、ランディングページ、その他さまざまなシナリオが要求される。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:[email protected] | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/63870/この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
























![絵文字[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)

コメントなし