アストラ・テンプレート・セットアップ・サイドバー(全幅ページ切り替え機能付き

使用中 アストラ WordPressのウェブサイトを作成するためのテーマは、多くの人々がそのようなニーズに遭遇するでしょう:いくつかのページがサイドバーを表示する必要があり(ブログの一覧ページなど)、いくつかのページが全幅のレイアウトにする必要があります(トップページ、ランディングページ、または読み取りモードのページなど)。アストラは、異なるレイアウトを表示するように、異なるページを設定する簡単な方法を提供します。

画像[1]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

1.アストラ・カスタマイズに入る

  • WordPressのバックエンドにログインします。
  • 左メニューの[外観]をクリックします。
画像[2]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • カスタマイズをクリックして、アストラ・テーマを入力します。カスタマイズパネル
画像[3]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

2.グローバル設定に移動し、コンテナを見つける

  • カスタマイズ]パネルで[グローバル]をクリックします。
画像[4]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • Global]内の[ ]をクリックします。コンテナ(コンテナ)] 。
画像[5]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

この時点で、3つのレイアウトオプションを含むコンテナレイアウト設定ページが表示されます。

3.サイト全体のデフォルト・レイアウトの選択

Container Layout]で、アイコンの指示に従って希望のレイアウトを選択する:

  • 狭い視覚的なフォーカスが必要なページでは、コンテンツエリアを狭くし、左右の余白を増やす。
  • ノーマル/デフォルト: コンテンツは中幅で、ブログの一覧ページや投稿ページなど、ほとんどのページにフィットします。
  • 全幅/ストレッチ・レイアウトブラウザの幅いっぱいに広がるコンテンツで、トップページやバナーでよく使われる、ランディングページあるいは、中断することなくページを読むことができる。
画像[6]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

選択したら、ページ上部の[Publish]ボタンをクリックして設定を保存します。

4.個々のページに異なるレイアウトを設定する

サイト全体とは異なるレイアウトをページだけに設定したい場合は、以下の手順で行うことができます:

  • WordPressのバックエンドに戻り、[ページ]をクリックします。
  • 修正が必要なページを見つけ、[Edit]をクリックしてページに入る。エディタ.
画像[7]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • 右側の[ドキュメント]パネルで アストラ設定.
画像[8]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

ある コンテナのレイアウトコンテナレイアウト) で、4つのレイアウトアイコンから選ぶことができる:

  • 第一サイト全体のカスタマイザー設定を使用します。
画像[9]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • 第二の理由標準幅(Normal):コンテンツの幅が固定され、左右に余白がある。
画像[10]-アストラテーマのサイドバーと全幅レイアウトの設定方法
画像[11]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • 三番目ナロー・レイアウト(Narrow):コンテンツの幅が標準レイアウトより狭い。
画像[12]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
画像[13]-アストラ・テーマのサイドバーと全幅レイアウトの設定方法
  • 第四ページコンテンツが横幅いっぱいに表示されます。
画像[14]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
画像[15]-アストラ・テーマのサイドバーと全幅レイアウトの設定方法

5.ブログページのサイドバー設定

ブログページのオン・オフが必要な場合サイドバー::

  • カスタマイズ]パネルに戻り、[投稿タイプ]をクリックします。
画像[16]-アストラテーマのサイドバーと全幅レイアウトの設定方法
画像[17]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定
  • サイドバー・レイアウト]セクションで、選択する:
    • サイドバーなし
    • 左サイドバー
    • 右サイドバー
画像[18]-アストラ・テーマの全幅レイアウト方式によるサイドバー設定

設定が完了したら、[Publish]をクリックして保存します。

6.Elementorのページレイアウト設定

ページが エレメンタ 編集者

  • ページアストラの設定で、「全幅/ストレッチ」レイアウトを選択します。
画像[19]-アストラテーマのサイドバーと全幅レイアウトの設定方法
  • Elementorエディタに入ったら、左上の[サイト設定]でページレイアウトを設定します:
    • エレメンタル・キャンバス(完全に真っ白なキャンバス、ヘッダーとフッターを隠す)
    • Elementor フル幅(コンテンツは全幅、ヘッダーとフッターはそのまま)
画像[20]-アストラテーマのサイドバーと全幅レイアウトの設定方法

7.概要

アストラは柔軟なレイアウト切り替え方法を提供しており、サイト全体の設定で統一することも、各ページのレイアウトを個別に設定することも可能です。ブログ最初のページ、読み物ページ、ランディングページ、その他さまざまなシナリオが要求される。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:[email protected]
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はlmxによって書かれた
終わり
好きなら応援してください。
クドス623 分かち合う
linmeixuanのアバター - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし