Whoops

核心重點:Astra 是 WordPress.org 上最被廣泛使用的免費主題之一,它的價值剛好跟多數人直覺相反,核心在於「把不需要的東西全部關掉」這件事做得很徹底。這篇教學帶你從心智模型、安裝、Customizer 全景、Gutenberg 蓋首頁、Elementor 接軌、Starter Templates、速度與 SEO 地基,一路走到上線。看完你會有一套可以在 72 小時內把形象站跑起來的完整動線。

Astra 是 WordPress.org 下載排行榜長期居於前段班的免費主題,但很多人興致勃勃下載、啟用之後,盯著一片空的後台,游標停在「外觀」選單上,卻不確定下一步到底該點哪一個。我把這種狀態叫做「裝好了,然後呢」的卡關期。我自己第一次碰 Astra 也是這樣,功能選項多到讓人以為少做了一個步驟,其實只是沒有人先幫你把地圖攤開來看。

這篇要解決的,就是那張地圖。我不會把官方文件重抄一遍,而是用我自己架站的動線,把 Astra 從安裝到上線會踩到的每一個岔路標出來。你看完不只能把站架起來,還會知道每一個設定「為什麼要這樣選」。

在開始之前,先講清楚 Astra 究竟解決了什麼問題

WordPress 自己就有內建主題,免費的、付費的、國外大廠的、本土工作室的,選擇多到讓人麻痺。Astra 能夠在這片紅海裡脫穎而出,靠的其實是一個聽起來很無聊、卻最關鍵的特質:它很輕。

「輕」這件事,在 WordPress 生態裡是真正的硬通貨。一個主題如果預載了一堆你用不到的 shortcode、動畫庫、頁面配置工具,它就會在每一次頁面載入時把這些重量一起送到使用者的瀏覽器。Astra 的設計邏輯剛好相反,它預設把絕大多數視覺選項都關閉,只留下你實際啟用的部分,前端輸出的 CSS 與 JavaScript 因此能維持在很小的體積(見 WordPress.org 的 Astra 頁面)。

這件事為什麼值得你花一個下午學熟?因為你的網站不是只給桌面使用者看。Statista 的行動流量追蹤顯示,全球網頁流量來自行動裝置的比例長年維持在過半的水準,而且這個數字在消費性服務、在地商家、內容媒體這類型網站還會更高。行動裝置的 CPU、網路條件都比你開發時用的筆電差一截,主題的每一 KB 都會被放大檢視。從「輕」出發,是 Astra 給你最重要的起手式。

用三個指標看懂 Astra 在主題市場的位置

挑主題很像挑地基,地基一旦埋下去,之後要改的成本是以「重新設計」來計算的。我把判斷主題好壞的三個關鍵軸整理成下表,並且標出 Astra 在每一軸上的位置,讓你心裡有個基準。

判斷軸為什麼重要Astra 的表現
程式碼體積會影響首屏載入與 Core Web Vitals前端預設輸出體積較小(含 CSS),需要的功能才載入
與頁面編輯器的相容性決定你之後能不能無痛換編輯器原生支援 Gutenberg、Elementor、Beaver Builder、Bricks 等
付費升級路徑免費版能撐多久決定你的總持有成本免費版已能完成完整形象站,Pro 解鎖進階版型與擴充

把這三軸疊起來看,你會發現 Astra 的定位很清楚:它是一個「不綁定特定編輯器、不預載肥大功能、免費版就能用得很久」的基底主題。也因此,我會把它推薦給第一次自己架站的人,尤其是預算有限、又想把效能基礎打好的工作室與個人品牌。如果你之後想要更完整的橫向比較,延伸閱讀可以看 WordPress 佈景主題完整比較

這裡我也要誠實潑一盆冷水:沒有任何一款主題是「裝了就保證網站漂亮又快」的。Astra 給你的是一個好的起點與高的上限,但最終的成果取決於你放進去的內容、你選的圖片、你規劃的動線。我見過太多人把卡關的原因歸咎到主題不夠強,深挖下去才發現,真正的瓶頸出在內容策略與資訊架構。把主題當成地基看待,而不是當成魔法,你才會用對的心態使用它。

安裝之前,先用三分鐘把心智模型調對

絕大多數新手的痛苦根源在心智模型,跟操作步驟其實沒有直接關係。最具體的表現,是沒有先把「主題、外掛、頁面編輯器」這三層架構分清楚。這三層各做各的事,弄混了會讓你在錯誤的地方找設定。

我用的比喻是「裝潢房子」。主題是房子的結構與管線,牆壁在哪、水電怎麼走,這些是主題決定的;外掛是家電與家具,洗衣機、沙發、衣櫃,每一件解決一個獨立的需求,你可以隨時搬進來或搬出去;頁面編輯器則是室內設計師,決定每一面牆要刷什麼顏色、家具怎麼擺。

對應到 Astra,這個模型會長這樣:

  • 主題層(Astra):決定全站的 header、footer、版面寬度、字型、色彩、整體排版骨架。
  • 外掛層:解決功能需求,例如快取、SEO、表單、購物車。每一個外掛都該有明確的單一職責。
  • 頁面編輯器層:決定單一頁面的視覺佈局。WordPress 內建的 Gutenberg 是預設值,你也可以換成 Elementor 或 Bricks。

把這三層分清楚之後,你會發現很多「找不到設定」的困擾自動消失。例如「為什麼我改了 Astra 的字型,但首頁沒變?」通常不是 Astra 壞了,而是你的頁面編輯器在那一頁用自己的字型設定蓋過去了。如果你對這三層的關係還想更深入,可以看我們寫的 WordPress 完整入門指南,裡面把整個生態的分工講得更細。

四個步驟,把 Astra 裝起來並看到第一個頁面

心智模型對了,操作就快了。接下來的流程是我建議新手走的最短路徑,每一步都標出「做完你會看到什麼」,這樣你隨時知道自己在動線上的哪個位置。

  1. 準備一個乾淨的 WordPress 環境。如果你連 WordPress 都還沒裝,先從主機商一鍵安裝開始,例如 Bluehost WordPress 架設 或我們整理的 WordPress 安裝教學。重點是確保後台能正常登入、佈景主題區域可以正常安裝。
  2. 從後台安裝 Astra。進入「外觀 → 佈景主題 → 安裝新佈景主題」,搜尋 Astra,點安裝再點啟用。詳細的安裝流程與常見錯誤排除,可以對照 WordPress 主題安裝教學。啟用後你會發現前台變成一個非常乾淨的樣貌,這是正常的,因為 Astra 預設把裝飾全部關掉了。
  3. 建立第一個頁面。到「頁面 → 新增頁面」,給它一個標題例如「首頁」,隨便丟幾個 Gutenberg 區塊進去,按發佈。這一步只是要確認編輯器與主題能正常輸出,不用做得漂亮。
  4. 把這個頁面設為首頁。到「設定 → 閱讀」,把「首頁顯示」從「最新文章」切換成「靜態頁面」,然後選剛剛那一頁。存檔後重新整理前台,你就會看到自己做的內容出現在首頁了。

走到這一步,你已經完成了「裝好、看到東西」這個最容易被卡住的門檻。很多人會在第三步之前就放棄,因為他們以為啟用主題就會自動長出一個漂亮的網站。記住,Astra 給你的是骨架,肉要你自己長。如果你跟著這四步走完,前台還是空白,最常見的原因是快取或 CDN 暫存了舊版本,清除快取再重新整理一次通常就會解決;另一個可能是某個快取或安全外掛擋住了前端資源,把最近啟用的外掛逐一暫時停用、每停一個就刷新一次前台,很快就能定位是誰惹的禍。養成「一次只動一個變數」的排查習慣,這個觀念會跟著你一輩子,不管你之後換什麼主題、什麼主機都適用。

Astra 的 Customizer 全景圖:把七個面板看清楚就懂一半

Astra 最容易被忽略、卻最重要的介面,是 WordPress 的「自訂」(Customizer)。很多新手會直接衝去頁面編輯器開始拉區塊,結果改完發現全站 header 還是預設樣,只好一頁一頁手動改。這就是因為沒有先把 Customizer 走過一遍。

我把 Astra 在 Customizer 裡的面板拆成七塊,建議你按下面的順序走一次,把全站基底先定下來。

面板它管什麼建議優先順序
Global(全域設定)版面容器寬度、側邊欄位置、全站邊距第一個調
Typography(字型)全站字體家族、標題與內文的字級與行高第二個調
Colors(色彩)全站主色、文字色、連結色、背景色第三個調
Container(容器)單頁內容的寬度與留白樣式確認即可
Header Builder網站標誌、選單、按鈕的擺放與排列第四個調
Footer Builder頁尾的欄位、版權宣告、社群連結第五個調
Buttons(按鈕)全站按鈕的形狀、顏色、圓角收尾再調

這個順序背後有一個邏輯:先決定「結構」,再決定「文字」,再決定「色彩」,最後才動「裝飾」。如果你一開始就先調按鈕圓角,等做到一半發現主色要改,所有裝飾都會跟著重來。這也是為什麼設計師做品牌識別時,永遠是先出規範、再做應用,順序錯了成本就倍增。

Customizer 另一個關鍵概念是「先全站、後單頁」。你在 Global 層級做的任何設定,都會往下套用到每一頁;而你之後在單一頁面用頁面編輯器做的設定,會覆寫全站預設。記住這個覆寫方向,未來排查「為什麼這頁看起來跟其他頁不一樣」時,你會知道要往哪裡找。

用 Gutenberg 蓋你的第一個首頁:區塊、容器、排版節奏

很多人對 Gutenberg 的印象還停留在「它只是個換皮的編輯器」,其實它早就演進成一套完整的區塊系統。Astra 對 Gutenberg 的支援相當完整,這也是我建議新手第一個首頁直接用 Gutenberg 試的原因:它不必另買編輯器,熟悉區塊操作後也能維持較精簡的前端輸出。

用 Gutenberg 蓋首頁,我會建議你掌握三個觀念。

第一個是「區塊」。每一個段落、標題、圖片、按鈕都是獨立區塊,可以把它想成樂高積木。Gutenberg 內建區塊已能處理多數常見版面;需要更進階的容器、格線或動畫時,再考慮搭配區塊擴充外掛。相關選擇可參考Gutenberg 區塊外掛

第二個是「群組與欄位」。單一區塊做不出複雜佈局,你要學會用「群組」把多個區塊包起來,用「欄位」做橫向排列。這兩個容器型區塊是 Gutenberg 排版的靈魂,搞懂它們等於搞懂一半的版面控制。

第三個是「排版節奏」。一個好的首頁真正的關鍵,在於有節奏地帶讀者往下走。一次把所有資訊塞進第一屏,反而會讓人找不到重心。我常用的節奏是:一句話價值主張、一個視覺主圖、三個核心服務、一個社會證明、一個明確行動呼叫。這個節奏對應到區塊,就是「標題 + 圖片 + 三欄 + 引言 + 按鈕」。如果你對單頁的編輯細節想看得更完整,可以延伸閱讀 WordPress 頁面編輯器

什麼時候該把 Elementor 接上來,什麼時候不該

Gutenberg 雖然進步很多,但它終究不是視覺拖拉工具。當你的設計需求跨過某一條線,你就會開始考慮換成 Elementor 或其他頁面建構器。問題是,這條線在哪裡?我用一個判斷框架幫你決定。

情境建議原因
形象站、部落格、服務頁用 Gutenberg 即可版面需求規律,省下編輯器載入成本
需要複雜的視覺動畫與互動接 Elementor視覺控制力遠高於原生區塊
未來要交接給非技術人員維護接 Elementor拖拉介面對非技術者更友善
極度追求效能分數用 Gutenberg少一層編輯器框架,前端輸出更精簡

我的實務偏好在這裡很明確:能夠用 Gutenberg 完成的,就不要裝 Elementor。每一個你裝上去的頁面建構器,都會在前端多帶一套自己的 CSS 與 JS,這對行動裝置的載入時間是實質成本。但如果你已經決定要用 Elementor,Astra 是公認最穩定的搭配之一,兩者在底層的相容性做得很好。詳細的整合教學可以看 Elementor 的完整操作指南,而如果你還在猶豫要不要用其他選項,我們也整理了一份 頁面編輯器比較

Starter Templates:用匯入取代從零設計

如果你看完上面那段還是覺得「我不想自己拉版」,Astra 有一個官方的速解方案叫 Starter Templates。它是一整套預先設計好的完整網站模板,涵蓋部落格、電商、餐廳、健身房、律師事務所、美容 SPA 等幾十種行業,你挑一個喜歡的,點一下就會把整站的首頁、關於頁、服務頁、聯絡頁一次匯入,連選單與字型都幫你設好。

這個功能對非設計背景的人是巨大的時間救星。它的價值不在於「讓你省下設計費」,而在於「給你一個合理的起點」。設計這件事最難的永遠是面對空白頁的那一步,有了一個已經成立的版面,你之後的修改都是在做減法,速度會快很多。

不過 Starter Templates 也有它的代價。完整匯入一個站,會連帶裝進它預設使用的頁面編輯器、幾個示範外掛、一堆佔位圖片與示範文字。我的建議是:匯入之後,立刻做一輪清理,把用不到的外掛停用刪除、把示範文字換成你的真實內容、把佔位圖換成你的照片。否則你會帶著一個「看起來很完整、其實裡面都是別人內容」的網站上線,那是另一種形式的空。完整的模板匯入流程,可以參考 Astra Premium Starter Templates 教學

把 Astra 調快的三個槓桿:字型、圖片、外掛

Astra 本身已經很輕,但「主題輕」不等於「網站快」。網站的載入速度是一個系統性的結果,主題只佔其中一塊。Google 在 2018 年把行動載入速度列為排名因素,後續也將 Core Web Vitals 納入眾多訊號之一;良好分數不保證排名,卻能改善使用者實際瀏覽體驗;前者是 2018 年的 Google 官方公告,後者見 Google Search Central 對網頁體驗的說明

Google 的 web.dev 團隊在解釋「為什麼速度重要」時整理過幾個關鍵數字:頁面載入時間從一秒拉長到三秒,跳出率會顯著上升;到五秒,使用者放棄的機率更高。速度不是冷冰冰的技術指標,它直接換算成你的名單、訂單與廣告轉換(見 web.dev 的研究)。

在 Astra 上,我會把速度優化收斂成三個最具槓桿的動作。

第一個槓桿是字型。Google Fonts 從外部伺服器載入時會增加請求;若字型替換前後的度量差異沒有處理,也可能造成版面位移。是否改成本地載入,要連同快取、授權與更新方式一起評估,相關做法可以參考 WordPress 本地 Google Fonts

第二個槓桿是圖片。形象站九成的載入重量常常來自圖片。上傳前先壓縮、上傳後讓 WordPress 產生適當的 responsive 版本,是基本功。如果你的站圖很多,可以搭配壓圖工具與快取機制,做法在 WordPress 圖片優化圖片壓縮工具 都有詳細說明。

第三個槓桿是外掛數量。每一個外掛都會在前端或後端帶來額外負擔,有些是必要的(例如快取、SEO),有些只是「裝安心的」。我的原則是:用不到的外掛就移除,不要只是停用,因為停用的外掛仍可能成為資安風險。快取的設定可以參考 WordPress 快取外掛,整體速度策略則看 速度優化的完整做法Core Web Vitals SEO

SEO 地基:Astra 把哪些事交給外掛做

新手常有一個誤解,以為換了「SEO 友善的主題」就等於做好 SEO。實情是,主題能做的只是「不擋路」,真正的 SEO 工作要靠你正確使用 SEO 外掛、寫出符合搜尋意圖的內容、建立合理的內部連結結構。

Astra 在 SEO 層面做得最對的一件事,是它輸出非常乾淨的 HTML 語意結構。標題層級、文章結構、麵包屑位置這些搜尋引擎會讀的訊號,Astra 都按 WordPress 的最佳實踐處理,不會自己亂加無意義的標籤。但標題範本、Meta Description、Schema 結構化資料、Open Graph,這些都要交給 SEO 外掛。

我個人的搭配是 Astra 加上 Rank Math,兩者整合得很順,後台也不會打架。Rank Math 會接手 title tag、sitemap、麵包屑 Schema、社群分享標籤這些技術性 SEO,讓你可以專注在內容本身。完整的設定流程看 Rank Math SEO 教學,全站的 SEO 策略則參考 WordPress SEO 完整指南

這裡要誠實講一句:技術性 SEO 只是入場券。Ahrefs 的研究(2023 年 12 月)指出,超過九成的網頁從 Google 拿不到任何流量,這代表「把地基做好」只是讓你有資格被排名,真正決定你能不能被看見的是內容的深度與主題權威。所以千萬不要裝完 Rank Math 就以為 SEO 做完了,那只是剛起步。我會建議你在網站上線的第一個月,把心力放在產出五到十篇圍繞核心服務的長文,每一篇都認真回答一個真實讀者會問的問題。這些文章會成為你主題叢集的種子,半年後回頭看,它們帶來的長尾流量往往比首頁本身還要可觀。SEO 是一場複利遊戲,而 Astra 加 Rank Math 只是幫你把球場掃乾淨,真正進球要靠你之後每一腳的傳球。

我在實戰裡看過的 Astra 踩坑

教學如果只講理想路徑,價值會少一半。接下來的三個狀況,是我在實作 Astra 站台時真正遇過的,分享出來讓你少走冤枉路。

坑一:免費版能完成不少基本形象站,但要先想清楚動線。作品集、關於頁與聯絡表單這類常見規格,通常可以先用 Starter Templates、Gutenberg 與 Customizer 完成,再依實際缺少的功能決定是否升級。別在需求還沒列清楚前就先買 Pro,也不要預設免費版一定能涵蓋所有客製需求。

坑二:頁面編輯器打架時,症狀往往不容易判讀。兩套頁面建構器或相關擴充若同時控制同一頁,可能出現無法儲存、區塊空白或編輯器卡住。排查時先在測試環境逐一停用最近啟用的編輯器相關外掛,確認衝突來源。站內可以因移轉需求暫時並存不同工具,但同一頁最好維持單一主要編輯器,並完整測試前後台。

坑三:把自訂寫進主題本體,下一次更新全部歸零。這個坑跟 Astra 本身的品質無關,卻最容易在不知不覺中發生。Astra 定期推出更新,修復安全漏洞、相容性與新功能,如果你曾經直接修改 Astra 主題資料夾裡的 style.css 或 functions.php,更新覆蓋的那一刻,你寫的東西就會全部消失。正確的做法是建立一個子主題(child theme),把你的自訂集中在子主題裡,父主題更新時子主題不受影響。對絕大多數形象站來說,其實連子主題都不需要,Customizer 加上一點點外掛層級的自訂就夠了;會用到子主題,通常代表你已經要寫程式了。誠實評估自己落在哪一層,才不會白做工。

免費版能走多遠,什麼時候才該升 Astra Pro

這大概是每一個 Astra 使用者遲早會問的問題。我用一張表把免費版與 Pro 的能力邊界畫出來,讓你自己對照需求決定。

能力免費版Pro 版
Header 與 Footer 自訂基本進階 Header Builder、透明 Header、黏著 Header
進階版型匯入有限完整 Premium Starter Templates 庫
單頁與單文章的版型控制可為每一頁單獨設定 header、footer、版面
WooCommerce 整合基本進階商品頁、分類頁、結帳頁控制
Hooks 與自訂版型可在任意位置插入自訂內容

從這張表可以歸納出一個判斷:如果你做的是純形象站或內容站,免費版十之八九夠用;如果你要做 WooCommerce 購物站,或者需要大量「每頁都不一樣」的版型控制,Pro 才會開始回本。Pro 版更深入的功能與定價分析,可以看我們的 Astra Pro 主題評測,而如果你想看的是 Pro 的完整功能教學,則參考 Astra Pro 完整教學。如果你是專門要做購物站,那麼 Astra WooCommerce 教學 會更對題。

資訊架構先行:把選單與頁面清單想清楚再動手蓋

新手最常犯的錯,是打開後台就開始瘋狂開頁面,開到一半才發現頁面彼此之間不知道怎麼連、選單不知道把誰放進去。我會建議你在建立任何頁面之前,先拿一張紙,把整站的資訊架構畫出來。這一步看起來很老派,卻是決定網站好不好用的根本。

資訊架構的核心問題只有一個:使用者帶著某個目的來到你的網站,他能不能在三秒內判斷「我要的東西在哪裡」。一個服務型形象站最基本、也最夠用的骨架,大概是這個樣子:首頁、關於我、服務項目(如果項目多就拉成下拉選單)、實際案例或作品集、部落格或專欄、聯絡方式。這六個位置對應到的,就是頂部選單的六個主要入口。

把骨架定下來之後,再去對應 WordPress 的後台結構會很順。「頁面」用來放不會頻繁變動的內容,例如關於、服務、聯絡;「文章」用來放會持續更新的內容,例如部落格、案例分享、產業觀點。這個區分是 WordPress 的根本設計,搞混了會讓你之後的分類與選單亂掉,相關觀念可以對照 WordPress 文章與頁面差異。如果你對選單的具體設定流程不熟,WordPress 選單教學 會一步步帶你把頁面掛到正確的位置。

選單設計有兩個我會特別提醒的原則。第一是下拉選單不要超過兩層,再深使用者的耐心就會用罄,行動版尤其明顯。第二是把最重要的轉換入口(通常是最上方那一頁或最右邊的聯絡按鈕)做成視覺對比強烈的樣式,讓它從一群文字連結裡跳出來。Astra 的 Header Builder 可以讓你把特定選單項目設定成按鈕樣式,這個小動作對點擊率的影響,往往比你花一個下午調字型還大。至於部落格分類的排列邏輯,可以參考 WordPress 分類排序

響應式與行動版:Astra 如何讓你少做一套設計

在 WordPress 早期,手機版網站常要加裝外掛,甚至維護另一套版面。現在多數網站採用響應式設計,同一份內容會依螢幕寬度調整排版;Astra 也提供桌面、平板與手機的響應式設定。

Astra 把響應式控制做進 Customizer 的每一個面板。你在調字型大小、欄位寬度、按鈕間距時,畫面下方都有桌面、平板、手機三個裝置圖示,點下去就能預覽該裝置下的樣子,也可以單獨為某一個裝置覆寫設定。例如你可以在桌面版把首頁服務區做成三欄,在手機版自動收成單欄,完全不用寫任何 media query。這個能力讓你在不犧牲行動體驗的前提下,保有一個後台、一份內容的簡潔架構。

行動版有兩個細節我會特別盯。第一是 mobile menu 的觸發方式與展開層級,Astra 預設提供漢堡選單,你可以選側邊抽屜、下拉或全螢幕覆蓋,選哪一種取決於你的選單項目數量。第二是首屏的內容密度,手機螢幕直向可視範圍有限,桌面版塞得下的英雄區到手機上往往會被壓縮成好幾個螢幕高,這時要把行動版的首屏精簡到只留價值主張與一個主要按鈕。養成在每次儲存後切到手機預覽看一次的習慣,這個動作只要十秒,卻能幫你抓掉八成的行動版問題。

這些細節之所以值得計較,是因為 Google 採用 mobile-first indexing,以行動版內容作為索引與理解頁面的主要版本。這是索引機制,不代表「手機版」本身是獨立排名加分項;真正的風險是行動版缺少桌面版的重要內容、結構化資料或內部連結。自我檢查時,可以用手機網路與無痕視窗完整載入網站,再回頭檢查主題設定、頁面內容、主機與網路等可能因素。

語系與中文化:把前台介面調成你想要的中文

Astra 本身對多語系的支援很完整,但「支援多語系」跟「打開就自動變全繁體中文」是兩件事。實際裝起來你會發現,有一部分前台字串(例如繼續閱讀、搜尋結果的提示、留言區的按鈕、表單的預設文字)還是會以英文顯示,需要你再做一次在地化處理。這跟 Astra 品質無關,它是 WordPress 主題與外掛的通用工作方式:翻譯檔是獨立維護的,主題更新不會覆蓋你的翻譯。

把後台與前台中文化,標準流程分兩段。第一段是把 WordPress 主程式的語系設為繁體中文,這一步在「設定 → 一般」的網站語言就能切換,存檔後後台介面會立刻變成中文,多數主題與外掛也會跟著載入對應的繁中翻譯。第二段是處理那些沒有被官方翻譯覆蓋、或翻譯不順暢的零散字串,這時你會需要一款翻譯編輯工具。我自己最常用的是 Loco Translate,它直接在後台運作,可以為任何主題或外掛建立翻譯檔,逐字串修改,詳細流程看 Loco Translate 教學。如果你偏好在本機用桌面工具維護翻譯檔,Poedit 是另一個穩定的選擇,操作方式參考 Poedit 翻譯教學

這裡有一個我會特別提醒的觀念:翻譯檔屬於「內容資料」,不要怕改。很多新手看到英文介面不敢動,以為動了會把主題弄壞。實情是,翻譯檔跟主題程式碼是分開的,你改錯了最多就是某一個字串顯示不正確,不會影響功能。放手去調整成你跟你的讀者最習慣的語氣,例如把「Submit」改成「送出」或「立即預約」,把「Read more」改成「繼續閱讀」或「看完整案例」,這些微調累積起來,就是網站「手感」的來源。

把這套動線串起來:72 小時讓形象站上線

教學看到這裡,你腦袋裡大概塞滿了概念。這份行動清單把所有概念收斂成一個可以在週末完成的具體計畫。我不會要求你一次做完,但如果你照著這個節奏走,72 小時之內你就會有一個能見人的形象站。

  1. 第一個 24 小時:把環境與主題裝起來。搞定主機、安裝 WordPress、啟用 Astra、走完一次 Customizer 把全站字型色彩定下來。這個階段不要碰細節,只要確定地基穩。
  2. 第二個 24 小時:把首頁與三個核心頁面做出來。首頁、關於、服務、聯絡,用 Gutenberg 直接拉,或者匯入一套 Starter Templates 再改。內容先放真實文字,不要用 Lorem Ipsum。
  3. 第三個 24 小時:把 SEO 與速度地基打穩。裝上 Rank Math、設定 title 與 Meta、加上 Schema、做一次圖片優化與快取安裝,然後用 PageSpeed Insights 跑一次行動版分數,把紅字項目修掉。

如果你心裡還有一個更具體的目標,例如要用 Astra 做一個讓客戶主動找上門的品牌官網,那麼推薦你接著看 用 Astra 打造品牌形象網站,那篇會把品牌定位、文案結構、轉換動線這一層講得更細。若你已經過了入門階段,想看更完整的主題操作細節,則可以讀 Astra 主題免費版完整教學

架站不僅是工具選擇,也需要持續維護內容、效能與安全。W3Techs 的統計顯示 WordPress 仍被大量網站採用,但市佔本身不等於每個專案都適合使用;選擇 Astra 後,仍要按需求管理主題、外掛與更新。

自有網站可以累積內容與第一方資料,但回報仍取決於內容品質、維護成本與獲客策略(背景資料見 HubSpot 的 行銷統計)。Astra 降低了部分建置門檻,是否值得投入則要回到網站目標與實際資源評估。

現在,打開你的 WordPress 後台,從「外觀 → 佈景主題」開始,把這份動線走第一遍。第一遍一定不完美,但第一遍永遠是最重要的一遍。

常見問題

Astra 主題是什麼?適合誰用?
Astra 是 Brainstorm Force 團隊打造的輕量 WordPress 佈景主題,與 Elementor、Gutenberg、Beaver Builder 深度整合,免費版就能製作形象網站、部落格與小型電商,適合預算有限、想快速上手的新手站長與接案設計師。
Astra 免費版能直接做出可上線的網站嗎?
可以。免費版開放 Starter Templates 套版、Header/Footer Builder、全域色彩字型、文章列表與側邊欄設定,組合起來足以完成可上線的形象網站或部落格,真正缺乏的是進階模板與 WooCommerce 深度優化。
為什麼要裝 Astra 子主題(Child Theme)?
直接修改原主題的程式碼或設定,會在主題升級時被覆蓋。子主題把檔案層的客製內容(如 style.css、functions.php)隔離開來,升級原主題時不會還原你的修改,是保留客製成果的標準做法。
Astra Pro 值得升級嗎?
純形象站或部落格不必升級;需要進階頁首結構、WooCommerce 深度優化、作品集(WP Portfolio)或大量 Elementor 擴充時再考慮。建議從最便宜的 Astra Pro 方案入門,需求明確再往上捆 Mini Agency Bundle。

主題聚落|WordPress 佈景主題 看「WordPress 與網站架設」中樞 →

相關文章

褚崇名(Sliven) 創辦人・巫普斯科技有限公司

長期投入技術 SEO、GEO/AEO 與 AI 搜尋實務。本站文章以可驗證資料、公開來源與實作觀察整理而成。

完整作者介紹LinkedInGitHubX

想把這篇的方法用在自己的站上?

SEO 健檢、GEO/AEO 引用優化、網頁設計諮詢——把文章裡的方法落地到你的網站。