アストラ・モジュラー・タイポグラフィ・ガイド：柔軟なレイアウトでウェブサイトを作る

1.モジュラー組版とは？

WordPressのテーマにおいて、「モジュールレイアウト」とは、ページのすべての部分（ヘッダー、フッター、投稿エリア、サイドバーなど）を別々のモジュールで制御し、組み合わせることができることを意味します。この利点は

ユーザーは、必要に応じてモジュールを有効または無効にすることができます。
各モジュールは個別にスタイルや配置が可能。
ページによって異なるレイアウトスキームを使用することができます。

アストラのテーマ現在人気の軽量WordPressテーマとして、その柔軟なモジュラーレイアウトで知られています。個人ブログの基本的なタイポグラフィのニーズを満たすだけでなく、eコマースサイトの複雑なレイアウトをサポートすることができます。

2.ヘッダーレイアウト

2.1 標準ヘッダー

アストラ・デフォルトフッターシンプルで実用的、左サイドにロゴ、右サイドにナビゲーションメニュー。

2.2 透明ヘッダー

透明ヘッダーは、トップページや背景画像が大きいページでよく使われ、ロゴやナビゲーションを画像の真上に表示することで、よりモダンな視覚効果が得られます。

2.3 スティッキー・ヘッダー

ページがスクロールしても、スティッキーヘッダーは上部に固定されているので、ユーザーはいつでも簡単にページを切り替えることができる。

2.4 モバイルヘッダー

例えば、メニューの一部を非表示にして、ロゴとハンバーガーボタンのみを残し、すっきりとさせることができます。

2.5 ヘッダーモジュール

アストラの ヘッダービルダーヘッダーに追加できる：

検索ボックス
ソーシャル・アイコン

ショッピングカートのアイコン
言語スイッチャー
サブメニュー

3.フッターレイアウト

3.1 基本的なフッター

デフォルトフッター著作権情報、簡単なメニュー。

3.2 複数カラムのフッター

Astraは1-5カラムのフッターをサポートしており、ナビゲーション、連絡先情報、最新記事、ソーシャルリンクを表示することができます。

3.3 フッターウィジェットエリア

ユーザーは、購読フォーム、タグクラウド、人気投稿などのモジュールをフッターに追加できる。

3.4 高度なフッターモジュール（Astra Pro）

Astra Proをアップグレードすると、ダブルレイヤーフッター、背景画像フッター、グローバルカラーカスタマイズなどの機能をご利用いただけます。

4.ブログと記事ページのレイアウト

4.1 ブログロールページ

アストラは様々なプレゼンテーションオプションを提供している：

リストレイアウト記事は縦に一列に並び、各記事は一列に表示される。
グリッドレイアウト2列または3列で並べると、よりコンパクトでモダンな印象に。商品は正方形または長方形のカードに入れられ、2列または3列で並べられるので、すっきりと統一感があります。
カード表紙レイアウト画像と見出しが各コンテンツの視覚的な焦点となり、全体的にモダンで、グラフィックを多用するブログや製品紹介サイトに適しています。

4.2 単一記事ページ

記事ページでは、Astraは自由に表示・非表示できるモジュール式のエレメントコントロールを提供します：

キャプション
著者情報
リリース時間
分類と表示
コメント数

4.3 読書体験の最適化

アストラのサポート

コンテンツ幅のカスタマイズ

表示するかどうか特集画像

段落間隔とフォントの設定

5.ページレイアウト

5.1 全幅レイアウト

ランディングページや1ページのウェブサイトなどの表示ページに適しています。

5.2 ボックスレイアウト

ページの両側には白いスペースがあり、これはより伝統的で企業サイトにふさわしい。

5.3 サイドバーのあるレイアウト

左サイドバー、右サイドバー、サイドバーなしに対応。異なるページを個別に設定できます。

5.4 コンテンツの幅をカスタマイズする

アストラは、記事エリアの幅をピクセルまたはパーセントの精度で調整できる。

6.WooCommerceストアレイアウト

AstraとWooCommerceの統合モジュールは、eコマースサイトを構築している場合に非常に便利です。

6.1 製品一覧ページ

アストラのデフォルト グリッドレイアウト1行に表示する商品数はカスタマイズ可能。

6.2 製品詳細ページ

左右1列または2列のレイアウトが可能サイドバー切り替え可能で、製品画像の拡大鏡機能をサポート。

6.3 ショッピング体験の最適化

また、アストラ・プロも提供している：

クイックビュー

ディストラクション・フリー・チェックアウト（DFC）

ベタベタショッピングカートボタン

7.サイドバーとウィジェットのレイアウト

7.1 グローバルサイドバーの設定

Astraは、記事、ページ、ショップなど、さまざまなタイプのコンテンツに統一されたサイドバーを設定できます。

7.2 シングルページのカスタムサイドバー

個々のページにはサイドバーなし、または異なるサイドバーを設定することができます。

7.3 Widgetモジュール

サイドバーはサイドバーに配置できる：

検索ボックス

最新記事
書誌
広告バナー

8.モジュール性の強化（アストラ・プロ専用）

アストラ・プロより多くの機能をアンロックできる：

高度なヘッダーダブルヘッダで粘着効果アップ。
高度なフッター多層ブロックデザインの背景画像。
ブログの強化滝のレイアウト。

サイトレイアウトのコントロールフォントとスペーシングがより洗練された。
カラーマネジメント全体的に均一なカラー設定。

9.まとめ

アストラ・テンプレートのモジュラー・レイアウトは、以下をカバーする。 ヘッダー, フッター, ブログ, 投稿ページ, コンテンツエリア, WooCommerceストア, サイドバー などなど、様々な側面があります。ユーザーはこれらのモジュールを柔軟に組み合わせて、ミニマルなブログから大規模なeコマースサイトまで、さまざまなスタイルを作成することができます。

初心者の方は、プラグインと付属のモジュールですぐに始められますし、上級者の方は、Astra Proでより多くの機能をアンロックして、よりパーソナライズされたプロフェッショナルなウェブサイトを作成することができます。

あなたのウェブサイトをより美しく、効率的にするために、今すぐアストラのモジュラー・タイポグラフィをお試しください。あなたのウェブサイトに新しいレイアウト体験を！

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み