Astra Theme コンテナレイアウトの最適化:完全にアップグレードされたデザインオプションと柔軟な設(shè)定

アストラ テーマは最近コンテナで更新されたオープニングオプションを追加し、元の選択肢を簡素化し、より多くのカスタマイズを追加しました。さまざまなレイアウトオプションを提供することで、Astraはユーザーが視覚的に印象的で機(jī)能豊富なウェブサイトページをオンデマンドで簡単に作成できるようにします。

畫像[1]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

新しいコンテナレイアウトオプション

アストラ 従來の5つのコンテナレイアウトは3つに整理された:

1. ノーマル(標(biāo)準(zhǔn)幅)

  • コンテナの幅は 1200px
  • ほとんどのウェブサイトに適しており、バランスの取れたレイアウト効果を提供し、コンテンツを明確に表示することができます。
畫像[2]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

2. 狹い

  • コンテナの幅は 750px
  • コンテンツが少ないページやコンパクトなデザインを必要とするページに最適で、洗練された集中的な視覚効果をもたらします。
畫像[3]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

3. 全幅

  • コンテナの幅は 100%ブラウザウィンドウ全體を覆う。
  • 視覚的に強(qiáng)く、より広範(fàn)な表示が可能なページに適している。
畫像[4]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

コンテナレイアウトの設(shè)定

コンテナのレイアウトは、グローバルに設(shè)定するかウェブページ設(shè)定を調(diào)整する:

畫像[5]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

グローバル設(shè)定

  • ある 外観 > カスタマイズ > グローバル > コンテナ Set as Default Layoutでサイト全體に適用するレイアウトの種類を選択します。

ページ設(shè)定

  • 各ページは獨(dú)立してレイアウトを設(shè)定することもできる。ページ設(shè)定はグローバル設(shè)定よりも優(yōu)先されます。例えば、グローバル設(shè)定が全幅レイアウトで、ページ設(shè)定が狹レイアウトの場合、最終ページは狹レイアウトが適用されます。

ページ設(shè)定の変更

  • ページを編集する場合は、ページの右上隅にある アストラ アイコンをクリックして設(shè)定にアクセスし、適切なコンテナレイアウトを選択します。

サイドバースタイルとコンテナレイアウトの組み合わせ

Astraでは、コンテナのレイアウトとサイドバースタイルはデザインされている。例えば

  • 通?!攻欹ぅⅴΕ趣蜻x択し、「コンテナ?スタイル」を「ボックス型」に設(shè)定し、次に「サイドバー?スタイル」を設(shè)定する。を選択し、「サイドバーのスタイル」を「ボックスなし」に設(shè)定します。
  • この組み合わせは、必要に応じてページの構(gòu)造と外観を適応させる大きな柔軟性を提供する。
畫像 [6] - Astraテーマ?コンテナ?レイアウトの最適化:新しいオプションと柔軟な設(shè)定

全幅レイアウト(FWL)

全幅レイアウトは、より沒入感のある広々としたデザインを提供することを目的としている。コンテナ幅は 100%コンテンツはブラウザのウィンドウ全體をシームレスにカバーする。

特徴

  • ページ全體のコンテンツがブラウザの幅いっぱいに拡大されるため、広い範(fàn)囲にコンテンツを表示する必要があるページに適している。
  • クリエイティブなウェブサイトや視覚的に印象的なウェブサイトに適した、より幅広いビジュアル體験をユーザーに提供します。

パスを設(shè)定する:

入り込む ワードプレス バックステージから順に外観 > カスタマイズ > グローバル > コンテナ

畫像[7]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

ページ設(shè)定とグローバル設(shè)定:

  • あるグローバル設(shè)定サイト全體の中央のレイアウトを選ぶ。
  • 特定のページに別のレイアウトを適用する必要がある場合はページ設(shè)定で調(diào)整される。ページ設(shè)定の方が優(yōu)先順位が高いので、ページ設(shè)定がグローバル設(shè)定より優(yōu)先されます。
畫像[8]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

ページの編集中に、ページの右上隅の アストラ アイコン設(shè)定パネルに移動(dòng)し、適切なコンテナレイアウトを選択します。

コンテンツ?ボックド?レイアウト(CBL)

コンテンツボックスレイアウトは、ブログやコンテンツ指向のウェブサイトなど、ウェブサイトのコンテンツエリアを強(qiáng)調(diào)したい場合に適しています。

特徴

  • ただしプライマリコンテナ(プライマリコンテナ)は、固定幅のコンテンツエリアを持つボックス形式です。
  • サイドバーコンテナ(セカンダリーコンテナ)はそのままで、背景は無地。
  • コンテンツエリアをより目立たせ、サイドバーがページのメインビジュアルを占めないようにしたいページに最適です。

パスを設(shè)定する:

入り込む ワードプレス バックステージから順に外観 > カスタマイズ > グローバル > コンテナ

畫像[9]-アストラテーマのコンテナレイアウトの最適化:新しいオプションと柔軟な設(shè)定

その他の注意事項(xiàng)

  • を提供できる。特定のページまたは記事ページのメタ設(shè)定個(gè)別に設(shè)定する。
  • コンテナの幅はサイトレイアウト設(shè)定必要に応じて調(diào)整できる。

Astra Proプラグインを使用している場合は、新しいファイルを 色と背景モジュール をクリックすると、背景色のカスタマイズなどの設(shè)定オプションが表示されます。Astra Proプラグインをお持ちでない場合、背景色のカスタマイズは カスタマイズ カスケーディングスタイルシート 背景畫像を追加します。

はんけつをくだす

アストラ このテーマのコンテナレイアウトの最適化により、グローバル設(shè)定から以下のようなウェブサイトデザインの可能性が広がります。ウェブページ獨(dú)立した設(shè)定により、ユーザーはさまざまなコンテンツ表示のニーズに応じて適切なレイアウトを選択できます。標(biāo)準(zhǔn)レイアウト、ナローレイアウト、フルワイドレイアウト、さらにはコンテンツボックスレイアウトなど、Astraはサイトのための効率的で柔軟なデザインオプションを提供します。これらの設(shè)定により、ユーザーは視覚的な統(tǒng)一性とユニークなウェブスタイルを簡単に実現(xiàn)できます。

関連記事


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス216 分かち合う
おすすめ
解説 ソファ購入

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

    コメントなし