Astra 主題在免費版本中也提供了豐富的功能，可以幫助你輕松設計出布局清晰、結構豐富、視覺美觀且加載速度快的首頁。無論是個人博客、公司官網，還是作品展示頁面，通過 Astra 的多欄目布局為你呈現(xiàn)出專業(yè)而有條理的內容結構。

本文將詳細講解使用 Astra 模板與 WordPress 默認工具，快速打造一個多欄目首頁的方法，幫助你全面展示網站的內容與品牌形象，增強整體網站的專業(yè)度與吸引力。

1. 為什么選擇多欄目布局？

多欄目布局可以幫助網站：

• 展示不同版塊內容
• 提高首頁信息承載量
• 讓訪客快速找到所需內容

對于博客、公司官網或個人品牌網站，多欄目布局都是常用的首頁結構方案。

2. 進入自定義器設置首頁

• 登錄 WordPress 后臺
• 點擊左側菜單 外觀 > 自定義

• 在自定義器中，點擊 首頁設置（Homepage Settings）

這里可以選擇首頁顯示的內容：

• 最新文章
• 靜態(tài)頁面

如果你想創(chuàng)建一個多欄目首頁，建議選擇 靜態(tài)頁面，然后指定一個新建的頁面作為首頁。

3. 創(chuàng)建一個首頁頁面

• 在后臺點擊 頁面 > 新增頁面

• 命名為“首頁”

• 在頁面屬性中，模板選擇 Elementor Full Width（若使用 Elementor 編輯器）或保持默認模板

點擊 發(fā)布。

4. 使用區(qū)塊編輯器（Gutenberg）創(chuàng)建多欄目布局

即使不使用頁面構建器，你也可以用 WordPress 自帶的區(qū)塊編輯器創(chuàng)建多欄目布局。

4.1 添加多列區(qū)塊

• 點擊 編輯頁面
• 在編輯器中點擊 “+” 添加區(qū)塊

• 搜索并選擇 列（Columns）

4.2 選擇列結構

例如：

• 兩列等寬
• 三列等寬
• 左窄右寬

選擇好后，你可以在每個列中插入：

• 圖片
• 文字
• 按鈕
• 最新文章模塊

4.3 組合多個列區(qū)塊

為了打造真正的多欄目首頁，可以在同一頁面添加多個列區(qū)塊。例如：

• 頂部為橫幅圖片與歡迎文字
• 第二部分為三列服務介紹
• 第三部分為兩列：一側是最新文章，另一側是聯(lián)系方式或表單

5. 使用 Astra 自定義設置增強頁面樣式

在 外觀 > 自定義 > Global（全局）> Container（容器）中，可以設置：

• 頁面寬度（全寬或帶邊距）

在 Post Types > Blog / Archive 中，設置：

• Right Sidebar（右側邊欄）

• No Sidebar（無側邊欄）

• Left Sidebar（左側邊欄）

如果希望首頁保持簡潔，可隱藏頁面標題，讓多欄目內容成為視覺焦點。

• 進入 頁面 > 所有頁面

• 點擊首頁編輯

• 在頁面右側（或 Gutenberg 編輯器下方）找到 Astra Settings 面板
• 勾選 Disable Banner Area

6. 設置菜單與首頁鏈接

最后，將首頁添加到導航菜單：

• 進入 外觀 > 菜單

• 勾選“首頁”頁面，添加到主菜單

• 保存菜單

這樣，訪客訪問網站時就能通過導航欄直接進入你的多欄目首頁。

7. 總結

使用 Astra 模板和 WordPress 區(qū)塊編輯器，可以輕松創(chuàng)建布局豐富的多欄目首頁。新建頁面，添加列布局，調整排版，并將頁面加入菜單，首頁結構就搭建完成。這種方式讓網站清晰有序，方便訪客瀏覽各個內容版塊。

現(xiàn)在就動手設計你的首頁，讓網站看起來更專業(yè)、更吸引人吧。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息