Astra無料版でマルチカラムのホームページレイアウトを作成する：詳細なチュートリアル

無料版のAstraテーマは、明確なレイアウト、リッチな構造、視覚的に美しく、読み込みの速いホームページを簡単にデザインできる豊富な機能も備えています。個人のブログ、会社のウェブサイト、ショーケースのページなど、Astraのマルチカラムレイアウトは、プロフェッショナルで整理されたコンテンツ構造を提供します。

この記事では、AstraテンプレートとWordPressデフォルトのツールを使って、マルチカラムのホームページを素早く作成し、サイトのコンテンツとブランドイメージを完全に表示させ、サイト全体のプロフェッショナリズムと魅力を高める方法について詳しく説明します。

1.なぜマルチカラムレイアウトを選ぶのか？

マルチカラムレイアウトはサイトの助けになる：

さまざまなセクションの内容を紹介
ホームページの情報収容力の向上
訪問者が探しているものをすぐに見つけられるようにする

ブログ、企業の公式サイト、個人のブランディングサイトでは、マルチカラムレイアウトが一般的なホームページ構成ソリューションだ。

2.カスタマイザー設定のホームページへ行く

WordPressバックエンドにログイン
左のメニューをクリック 外観 > カスタマイズ

カスタマイザーで ホームページ設定

ここでは、ホームページに表示する内容を選択できます：

最新記事
静的ページ

マルチカラムのホームページを作成したい場合は、次のように選択することをお勧めします。 静的ページそして、新しく作成したページをホームページとして指定する。

3.ホームページの作成

バックグラウンドでクリック ページ > 新しいページを追加

"ホーム "と名付ける

ページのプロパティで、テンプレートの選択 Elementor フル幅(Elementorエディタを使用している場合)もしくはデフォルトのテンプレート

打点 ポスト.

4.ブロックエディター（Gutenberg）を使ったマルチカラムレイアウトの作成

ページビルダーを使わなくても、WordPress付属のブロックエディターでマルチカラムレイアウトを作成できる。

4.1 複数列のブロックを追加する

打点 ページの編集
エディターの "+"をクリックしてブロックを追加する。

検索と選択 コラム

4.2 コラム構造の選択

例

同じ幅の2列
同じ幅の3列
左が狭く、右が広い

一度選択すれば、各列に挿入することができる：

写真
文体
ボタン
最新記事モジュール

4.3 複数の列ブロックを組み合わせる

真のマルチカラムホームページを作成するには、同じページに複数のカラムブロックを追加します。例

トップにバナー画像とウェルカムテキスト
第2部では、3つのサービスのコラムを紹介する。
第3部は2段組で、一方に最新記事、もう一方に連絡先やフォームを配置する。

5.Astraカスタム設定でページスタイルを強化する

ある 外観 > カスタマイズ > グローバル > コンテナ)に設定することができる：

ページ幅（全幅または余白あり）

ある 投稿の種類 > 投稿の種類 ブログ / アーカイブ を設定する：

右サイドバー

サイドバーなし

左サイドバー

ホームページをシンプルに保ちたい場合は、以下の方法があります。ページタイトルを隠すマルチカラムのコンテンツが視覚的なフォーカルポイントとなる。

入り込む ページ > すべてのページ

ホームページをクリックして編集する

ページの右側（またはGutenbergエディタの下）にある アストラ設定 こね板
ダニ バナーエリアを無効にする

6.ホームページへのリンクを含むメニューの設定

最後に、ナビゲーション・メニューにホームページを追加する：

入り込む 外観 > メニュー

ホーム」ページにチェックを入れて、メインメニューに追加する。

保存メニュー

こうすることで、あなたのウェブサイトを訪れた人は、ナビゲーションバーから直接マルチカラムのホームページに行くことができる。

7.概要

AstraテンプレートとWordPressブロックエディタを使えば、リッチなレイアウトのマルチカラムホームページを簡単に作成できます。ホームページの構造は、新しいページを作成し、カラムレイアウトを追加し、タイポグラフィを調整し、メニューにページを追加することで構築されます。このアプローチにより、サイトがスッキリと整理され、訪問者が様々なコンテンツセクションを簡単にナビゲートできるようになります。

今すぐホームページに手を入れ、サイトをよりプロフェッショナルで魅力的なものにしましょう。

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