想知道怎麼製作官網嗎?那你一定不能錯過這篇「 官方網站架設 」完整教學,幫助你完成個人、公司形象網站架設。
需要製作個人網站,或是想自架品牌官網?還是想幫公司架設形象網站,卻沒完整的網頁製作教學?又或是網頁設計公司,昂貴的網站建置費用,有點超出預算?
不論個人或公司,只要想打造網路品牌力,或是想增加網路客源,可能都有網站建置需求。
相信這篇「 官網架設 」教學流程,一定可以幫助你用最少預算&簡單流程,快速你網站設計成功。
★☆ — 重要資訊 — ☆★
犬哥網站與 Bluehost 主機有長期合作關係,點擊網站上的 Bluehost 連結 前往官網(包含點擊此連結),最高可享有 4 折的讀者折扣優惠,請一定要把握唷!此外,我們也會得到些許收益,這可以幫助我們繼續創作更多優質內容,也謝謝你對我們的支持:)
這篇文章非常完整,我會帶你從 0 到 1 打造專網網站,無論是形象網站架設或官方網站架設,都可以在這裡學習:)
1. 如何自架網站?
自架網站主要有使用架站平台(如 WordPress),再申請網域與租用主機,或自行編碼三種方法,核心步驟包括釐清架站目的、選擇方式、申請網域與主機、設計內容,最後就是上線維護。
| 架設網站 3 要素 | |||
|---|---|---|---|
| 1. 網域申請 (申請門牌) |
2. 主機租用 (租一塊地) |
3. 網頁設計 (搭建房子) |
|
網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。
這也是每個站長都需負擔的小投資,沒有例外。
差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)
網域如何取名呢?
網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。
- 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
- 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
- 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
- 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
- .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
- 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。
網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?
一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。
但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。
有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。
- tw / cn / jp:代表不同國家,如台灣、中國、日本等(選擇這類型的網域,可挑選網站主要訪客的居住地)。
- co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
- net:網路相關行業可使用,但無明確限制。
- info:資訊性類型網站可使用,但無明確限制。
- org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等,但無明確限制。
虛擬主機是什麼?
「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。
這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的站長,通常都是租用現成的。
另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。
如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。
如何挑選虛擬主機?
- 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
- 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
- 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。
WordPress 是什麼?

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼 。
擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題 和 優質外掛推薦,兩篇文章都有整理多個榜上有名的工具,一定能找到適合你的那一款!
WordPress 可完成多種網頁設計,如:部落格架設、個人品牌或公司企業官網、購物網站架設 等。
最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。
且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。
因為你就是網站的擁有者!
2. 虛擬主機推薦
推薦虛擬主機時,還是要依照網站需求來選擇。如果你是剛入門 WordPress 的新手,犬哥會優先推薦 Bluehost,價格親民、設定簡單;若是對速度與效能有更高要求,也可以再評估 Hosting.com(SSD、效能表現佳)或 Cloudways(VPS 雲端架構)。
在這幾個選項中,Bluehost 特別適合新手作為第一台虛擬主機。它是全球規模最大的主機商之一,管理數百萬個網站,且用戶數仍持續成長。
若你想更深入了解實際使用體驗,可參考這篇 Bluehost 心得評價。
不論網站空間、網站速度、價格便宜、客戶服務等多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。
許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。
Bluehost 的客群來自世界各地,所以不用擔心不懂英文,只要搭配 Google 翻譯,一樣能操作自如。
有哪家虛擬主機商,對 WordPress 有良好的支援?
Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost 正常運行時間、網站速度,表現好嗎?
Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的數據,不然訪客無法連上你的網站。
再來,我實測了幾個 WordPress 網站,在中低價位的各家主機速度評比,Bluehost 的網站速度是排行前幾的。

Bluehost 主機安全性高嗎?
Bluehost 是全球最大的虛擬主機之一,它從 2003 年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。
老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過 200 萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。
搭配有優質的 24 / 7 線上客戶服務,如果怕語言不通,通常用 Google 翻譯就能搞定(他們有很多亞洲客戶)。
有關 Bluehost 主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在 Bluehost 上,而且也用了好幾年。
3. 主機方案選擇
了解完 Bluehost 這款優質的主機之後呢,這章節就來點評一下主機方案部分,幫助你選擇最適合自己的。
前往 Bluehost,點擊「 Get Started(立即開始)」或「 View WordPress Plans(查看方案)」就會自動下滑到方案表,如下圖。

點擊後,會看到 Bluehost 主機方案。
如果不知道如何選擇最適合你,下面我會給你一些 Bluehost 的方案建議。

要選擇哪種 Bluehost 方案?
Bluehost 主機主要有四種方案,主要分別是 One Site 方案、Starter 方案、Business Essentials 方案、eCommerce Essentials 方案。
四種方案全都享有免費一年網域、WordPress 自動安裝和更新、24/7 全年無休客服等,這些超值的功能服務。甚至還內建最新的 AI 網站建立器功能,幫助你結合自動化,幾分鐘就能快速建立起一個專業網站。
官方特別提供我們 One Site 方案,比較適合小型部落格、個人作品集網站。
如果你同時有建立多個網站的需求,推薦使用 Bluehost 的 Starter 方案,費用較便宜且基本功能都有,還配有 10 GB 的儲存空間,很適合新手架站!
Bluehost 費用了解
Bluehost 原價入門費用是,網址 $12.99 美元 / 年(一年約 $4,00 台幣)和主機 $11.99 美元 / 月(一年約 $4,316 台幣)。
值得開心的是,Bluehost 官方同意為我們網站讀者,提供 Starter 一年方案最高 4 折的主機折扣。
下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算。
| Starter 方案 | Business 方案 |
|---|---|
| 買一年:特價約 1,724 元( | 買一年:特價約 2,804 元( |
| 買三年:約 1,364 元/年,但租用時間長,建議先買一年 | 買三年:約 2,444 元/年,租用時間長,建議可先買一年 |
備註:新手建議先買 1 年的 Starter 方案,用最划算的價格體驗 Bluehost 架站流程,未來再依需求調整也不遲:)
如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。
這等於說,在 Bluehost 申請個人網域和主機,最少約 1,000 多台幣左右,就能開始啟動你的網路事業,並享有完整的主機規格服務。
不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。
4. 網域申請+租用虛擬主機
這章節會進行網域申請+主機租用的環節,會幫助你順利申請成功。
Step 1:申請網域與註冊帳號
選擇完心目中的 Bluehost 方案,接著來註冊網域。若你已經有一個網域,可勾選「 I want to use a domain I already own. 」,接著輸入自己的網域。
若沒有網域的話有兩個選擇,一是直接輸入你想要的網址,點擊「 Search For Domain」進行網域申請,另一個是點選下方「 Choose domain later 」稍後再申請。

小提醒:Bluehost 所有方案皆會附贈一年的網址(免繳網址費用),且 DNS 已經設定完成。
如果取消勾選「 Add Domain Privacy + Protection 」會跳出彈跳視窗,選擇「 UNPROTECTED(取消)」即可接續進行。

接下來就會轉跳到購物車頁。在第一個區塊須先註冊 Bluehost,可以選擇用 Email、 Google、
Apple 或
GitHub 帳號來註冊。

若你是用 Email 註冊,信箱需填寫正確,申請完成 Bluehost 會寄網域確認信(需點擊啟用)& 購買收據等敏感訊息。且需設定密碼,這個密碼是未來登入 Bluehost 的帳密,記得要妥善保存唷:)
小提醒:密碼須設定 8 – 16 個字元,包含大小寫英文+至少一個數字+至少一個特殊符號(例如:!@#$%^)
第二個區塊是附加功能,一開始系統會預設選取一些附加功能(如:Proffessional Email Trail)以及剛剛選的「 主機方案 」(如:Starter Hosting)。
預設勾選的「 附加功能 」會直接出現在右方 Shopping Cart 區塊,如下圖右方的 Professional Email Trail,若用不到可 點擊 Remove 移除,因大多是需要額外付費或僅免費試用一個月,目前暫時不需要。
右上角則可以確認主機要租用多久(建議至少租用一年,才享有折扣優惠)、確認消費金額。

小提醒:
1. Bluehost 所有方案皆會附贈一年的網址(免繳網址費用),且 DNS 已經設定完成。
2. Bluehost 方案費用依照官方當時為準,上圖購買費用僅供參考使用(記得使用 折扣連結 前往,才會享有專屬折扣價格)。
Step 2:付款方式與資料填寫
使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址可用 中華郵政 查詢。
地址區塊有限制不能超過 41 字元,Phone Number 電話需輸入國際碼,如果你是輸入手機,就把開頭 0 去掉直接輸入手機號碼即可(手機範例:923456789),如下圖。
若有出現 VAT / GST Number 稅務欄位,目前可先空白。

以信用卡為例,填寫完付款資訊後,回到頁面的右上角「 Shopping Cart 」區塊,確認好金額後,按下 SUMIT PAYMENT 送出。
這樣一來,個人網域和 Bluehost 主機就都申請完成囉,太好了:)
Step 3:WordPress 網站自動安裝
接下來 Bluehost 會自動進行 WordPress 網站的快速安裝,點擊 Go To Account Manager 後,可進到 Bluehost 的後台。

進入到 Bluehost 後台後,在 Dashboard 會看到剛購買的網域,若看到 Website Metrics 已有分數,代表 WordPress 的網站建立完畢,點擊連結就可以訪問。

這樣基礎的 WordPress 網站就順利建置完成了,恭喜大家:)
5. 前往 Bluehost 後台
這章節,我們將來示範要如何從 Bluehost 官網,輸入剛所註冊的帳密,然後進行登入。首先前往到 Bluehost,然後點 Login 登入。

以當初註冊時使用的方式,輸入帳號密碼。若為 Email 註冊,這邊輸入你的 UserID (網域名稱 or 信箱)& 密碼,這邊我們以 Google 帳戶登入 Bluehost 為例。

接著會有簡易的 Bluehost 安全驗證設定,目的是幫你的帳號提升安全性。
首先進行 Email 信件認證。Bluehost 會發一個驗證碼到你申請的信箱,可前往信箱確認,然後回來這裡輸入。

接著設定 Pin 碼,這邊可以自行輸入想要的密碼,但需要記好,因為未來聯絡客服時,可能會需要用到。

最後就會來到 Bluehost 後台介面了!有關左側的「 Websites 」選項,裡面會列出所有的 WordPress 網站,點進去就能看到各別的網站資料。
功能大致上都會放在這邊,大家都可以再玩看看:)

補充訊息:WordPress 網站前台
如果網址列出現臨時網域(非剛申請的網域)是正常的。
那是因為 Bluehost 需把你的新網域,通報給全世界的主要伺服器基地,讓它們收錄你的網域,如此一來你的網域才會被找到(這個也稱為 DNS 指向,通常生效時間約 24 ~ 48 小時不等)。
等系統作業完成後,Bluehost 會自動把臨時網域,更改成你剛申請的網址(在此之前,如果要登入 WordPress 後台,建議先從 Bluehost 後台前往)。
補充訊息:WordPress 網站後台
首次登入 WordPress 後台,建議可優先更改網站語言、網站標題、永久連結等主要項目,方便未來操作。可參考 WordPress 後台教學。
6. Whois 信件認證
虛擬主機租用完成後,可以再到電子信箱檢查 Bluehost 是否有寄信給你。
若購買 Bluehost 時,結帳畫面右側看到 Domain Privacy + Protection 為預設(無法移除),且目前網域狀態顯示為 Active(已啟用),代表你的網域已經通過 ICANN 驗證,那可能就不會收到這封信,因為 Bluehost 會代替你將個人隱私資料回傳給 ICANN,系統會自動完成網域驗證。
若結帳畫面沒有看到 Domain Privacy + Protection,那還是需到信箱確認是否有收到 Whois 驗證信,並依照以下步驟進行驗證~
這些信件中,網域認證信(WhoIs 認證)是最重要的,請務必點擊裡面的按鈕或連結進行認證,否則網域可能會失效唷(Bluehost 上申請的新網域,才會收到)。
備註:WhoIs 認證信,是 ICANN 國際網域機構,所規範網域商需進行信件確認,故才有此信件。

收到信件後,所要做的就是點擊下面的 Confirm Email Address 驗證電子郵件,就認證完成了:)
如果沒收到 Bluehost 寄來的 WhoIs 認證信件,先確認一下申請留的信箱是否正確&有無在垃圾信件裡(有時候會比較慢寄過來)。
假如確認沒收到,可能是網域正等待生效中,因為任一個網域商販售網域,最後都需經過 ICANN 國際網域機構審核,有時候可能那頭還在作業中,等網域生效後就會收到信件。
若是超過 24 小時還是沒收到信,可以直接與 Bluehost 客服聯絡處理。
7. SSL 憑證申請
安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種安全協定,可在瀏覽器和主機伺服器之間,建立安全加密連結。
只要瀏覽器的網址欄前面有安全鎖頭,就代表目前是用 SSL 連線狀態。更多 SSL 是什麼。
網域加上 SSL 憑證的好處,除了訪客搜尋到你的網頁時,不會顯示不安全網站,也能幫助網站 SEO 排名。
Bluehost 預設會自動啟用 SSL 安全憑證(會須等一些時間生效),若等了一些時間還是沒看到鎖頭,下面跟大家分享手動設定方法(但手動設定完畢後,還是需等生效)。
使用 Bluehost 啟用 SSL 憑證
首先,可前往到 Bluehost 後台,在左側欄找到 Hosting,右上角會看到 cPanel 按鈕,點擊可前往。

接著,可在 cPanel 面板右上角,搜尋「 SSL 」關鍵字,點選「 SSL/TLS Status 」下圖的圖示。

可全選打勾,然後點「 Run AutoSSL 」就會開始跑 SSL 憑證安裝。
小提醒:有關 SSL 的安裝過程和安裝完成後,都會等待一些生效時間,才會看到成功的狀態。

好囉,以上就是透過主機端,啟用 SSL 憑證安裝的方法,如果有需要的朋友也能做參考:)
8. WordPress 後台設定
如果有照著上面的 WordPress 架站步驟,你應該也有自己的基礎網站了。
可以到 WordPress 後台做些設定,方便後續的網站經營,前往 Websites > WordPress Admin,進入 WordPress 後台。

首次進來 WordPress 後台會是英文介面,可以前往 WordPress 設定(Settings) > 一般(General)先進行語言的調整,如下圖。

找到 Language 語言欄位,並調整為中文,儲存後版面就會變成全中文介面囉!
接著,可依需求調整「 網站標題、網站說明、網站語言、時區、管理員信箱 」等(可參考下圖)。
有關 網址欄位(有兩欄)這裡建議不更動(目前是臨時網域,網域生效後系統會自動更換),不然會影響到整個網站連結。

都修改完畢,最後按下 儲存設定 即可:)
我在這篇 WordPress 後台教學,也有做相關教學,若有疑問也可前往學習。
9. 新增 WordPress 使用者
透過 Bluehost 自動幫我們建置 WordPress 網站很方便,但日後如果要登入 WordPress 後台,就必須經由 Bluehost 才能前往,這樣會有點不太方便。
你可以更改 WordPress 的登入密碼,之後就能用搜尋網址的方式,直接訪問 WordPress 網站並登入後台。
前往「 使用者 > 新增使用者 」,可建立一個新的使用者(自己設定的帳密要記得喔),權限選擇最高權限「 網站管理員 」,完成後送出。

新增的使用者順利出現後,就能透過輸入網址的方式,直接登入 WordPress 後台了(可先登出再重新登入 WordPress 後台測試看看)。

WordPress 網站的 2 個重要路徑(請把 demo.com 改成自己的網域):
- 前台:demo.com
- 後台:demo.com/wp-admin(加上 wp-admin 就是後台路徑)
10. 整理 WordPress 外掛
這章節,會分享如何整理 WordPress 後台外掛,把一些多餘的外掛刪除,讓介面變得乾淨一點。
用 Bluehost 安裝 WordPress 網站,系統預設會裝上一些外掛,但有些是用不太到的,可以做個整理。
登入 WordPress 後台,前往「 外掛 > 已安裝的外掛 」,把不需要的外掛 停用,停用完成再 刪除 即可。
如果需要使用的外掛,點擊 啟用 就會開始運作。

如此一來,WordPress 外掛就整理完成了,畫面變得更清爽了~
我在 《 WordPress 優質外掛推薦 》,有挑選幾個常用外掛,節省你尋找的時間,安裝外掛的詳細教學可另外參考 《 如何安裝 WordPress 外掛 》。
WordPress 主題安裝+使用形象模板
這章節,會教如何安裝 WordPress 佈景主題+套用模板,讓網站看起來美觀且功能性更強。
Astra 是一款熱門多功能的輕量級主題,主題執行速度快速,可拿來建立多種類型的網站。
為了方便接下來教學,建議先跟我一起安裝 Astra 主題,有免費版可安裝。更多可參考 Astra 主題入門、Astra Pro 進階教學。
WordPress 佈景主題安裝
首先,前往 WordPress 後台 > 外觀 > 佈景主題,點選 安裝佈景主題。

在搜尋欄位輸入 Astra,我們安裝 Astra 提供的免費版本,安裝完成後請記得 啟用,才會真正套用主題。

主題啟用完成,前往網站前台看一下成果,看起來還不錯的 WordPress 主題,成功出現啦。

使用 Astra 模板,加速官方網站架設
Astra Theme 有多種風格模板可一鍵套用,再從現有的樣板修改,架站速度會很快。但使用 Astra 風格模板之前,需安裝相關外掛。
點選左側 Astra > 最右側 Useful Plugins > Starter Templates,點 Install,就會自動安裝 Astra 模板外掛。

或是可在 WordPress 外掛 > 安裝外掛,搜尋 Astra 找到下圖的外掛並安裝,都是一樣的。(兩個方法 2 選 1 就好)

安裝完成後,進入初始設定頁面,模板外掛會詢問常用的頁面編輯器是哪個,這邊選擇 Elementor 作為教學範例。更多 Elementor 基礎教學。
備註:上面如果是用第二種方法安裝,需自行前往外掛設定項,才會有下圖流程。

接著就會看到非常多種 Astra 使用 Elementor 編輯器做的起始模板。
找到喜歡的模板點入,可進行全站安裝 or 單一頁面安裝,就看自己的需求囉。
備註:右上角有標註 Premium 是 Astra 進階版才能使用,可參考 Premium Starter Templates 教學。

以下示範是搜尋 Digital Agency 進行安裝。(站長可選擇合適且喜歡的模板,也可以選擇跟我一樣的模板,繼續學習,後續都能再做更換)。

點擊模板圖片後,就會進入初始設定頁面,可以開始上傳你的 Logo(若沒有可跳過)、變更模板配色、字體,以及一些進階選項設定。

完成設定後,就可以匯入主題模板囉!恭喜你,這樣官方網站架設速度快多了。

接下來呢,要做的就是把它改成我們想要的樣子,繼續學習吧。
頁首編輯器
Astra 頁首編輯器功能,讓站長直覺操作就能自行客製化網站頁首,下圖是頁首編輯器的主要功能一覽。

- 上方 / 主要 / 下方頁首:主要分為 3 層頁首項目,點擊齒輪 ICON 可進行編輯。
- OFF CANVAS:側邊滑動式設定,這是針對行動版裝置的導覽列設定,需要在左下方切換成平板或手機的檢視模式,才會顯示出這項功能設定。
- +:滑鼠移至指定區塊上,即可新增不同的網站小工具,小工具也可拖曳排序。
- Elements 當前功能:根據點擊的項目,會進行可設定項的切換。
- Design 樣式設計:編輯樣式的地方,像是顏色、內距離、外距離等。
- 透明頁首:Astra 有分為「 一般頁首 」和「 透明頁首 」兩種,而 Astra 有些風格樣板會用到透明頁首(如果發現編輯樣式時,畫面沒有反應,那可能就是用透明頁首,就需點擊進入編輯)。
接下來分 3 個小步驟,實戰示範網站頁首的調整,從實際操作中應該會更能掌握。
Step1:編輯網站 LOGO
首先,先把滑鼠移至 Logo 上點擊筆 Icon,就會自動切換到 Logo 設定欄位。
P.S 或是點選 頁首編輯器 > 網站標題及標誌。
上傳 Logo 後可調整大小(點擊電腦圖示,可針對不同裝置設定大小),你可以輸入網站標題、網站說明,並設定每個裝置的能見度,如果考慮行動版裝置的版面較小,可以限定平板或手機不要出現網站標題或網站說明。

Step2:編輯網站選單
點選 選單 > Main Menu > 新增選單項目。
可以調整導覽選單的項目名稱,並根據自己的需求增加選單項目。長按就能拖曳選單的位置,拖曳的位置會決定選單是主要項目,或是旗下的子項目。

Astra 的電腦版選單(Primary Menu)和手機版選單(Mobile Menu),這 2 個選單需要「 切換裝置模式 」才能進行設置。
首先,介紹電腦版選單設定,模式切換到電腦裝置以後,可以在頁首區域新增想要的工具,最左側 ELEMENTS 區域就會顯示出目前有哪些工具項目,可以點選做進一步設定。
DESIGN 則會根據你現在點選的工具項目,跳出不一樣的設定選項。

再來,介紹手機版選單,我們先切換到手機版視窗,會自動跳出 OFF CANVAS,這是專門設定行動版裝置的選單區域(電腦版沒有),可以新增工具,還能長按工具進行拖曳排列,畫面呈現會按照這個順序排列。

Step3:設計上方頁首
上方頁首可以新增小工具,我們以 Social 社群工具作為示範。
先在上方首頁的區域新增 Social 工具,並在右上角點擊筆,左側 GENERAL 就會自動跳出「 社交網路服務圖示 」的設定。DESIGN 則可以設定社群圖示的尺寸、間距、圓角半徑、色彩類型等。

如此一來,我們的網站頁首就變得更加美觀了!以上就是 Astra 的頁首編輯器的操作介紹。
額外提醒:透明頁首設定
Astra 有些風格樣板是使用「 透明頁首 」進行設計,確認是不是的方法很簡單,只要看一下當前頁面的頁首,是否是透明的就大概可知道。
而透明頁首的樣式調整是在不同地方,記得要到對的位置更改唷:)

- Enable on Complete Website:是否把透明頁首應用在全網站。
- Enable On:可選應用在哪個裝置。
- Different Logo for Transparent Header:是指在透明頁首的情況,是否使用不同 Logo。
新增文章列表頁面&側邊欄設定
這章節,我們來新增文章列表頁面,這頁面功用是將網站上的所有文章,都會在這裡顯示出現。
我主要拆成幾步驟,完成後在網站主選單上就會看到「 文章列表 」選單。
Step1:新增頁面
前往 WordPress 後台的 頁面 > 新增頁面,任意輸入頁面標題,頁面內容可以空白,因為之後會被取代成一系列的文章。
設定網址連結、封面等,完成後點 發佈。更多的 WordPress 新增頁面 學習。

Step2:閱讀設定
前往 設定 > 閱讀,把「 文章頁面 」設定成剛剛新增的「 文章列表 」頁面。
下面「 資訊提供中的文章顯示方式 」改為「 內容摘要 」避免頁面過長,完成後儲存。

Step3:放入選單
設定完成的文章列表頁面,我們需把它放入選單中,WordPress 網站前台才看得到。
前往 外觀 > 選單,選單順序可拖曳排序也可排父子關係,完成後儲存。更多 WordPress 選單教學 參考。

最後前往 WordPress 前台看一下成果。
Great!文章列表頁順利出現在選單上了,點擊進去也看得到文章。

如果點擊文章列表,但沒內容沒關係,可能是你的網站目前還沒有文章,下一章節會教大家如何新增文章。
新增第一篇文章
這章節實際寫一篇文章,讓網站多增加一些文章介紹,這有助於讓訪客更認識形象品牌,且能加強信任感。
首先,前往 文章 > 新增文章。在 WordPress 平台裡,文章和頁面是不同形式,可參考 文章頁面差別。
WordPress 預設是使用自訂的 Gutenberg 編輯器,進入後點左上角的加號,就可新增不同的區塊功能。
像是新增圖片影片、段落標題、清單列表、網站按鈕等 ..,可自由的編寫個人或公司文章。

寫 WordPress 文章的過程中,可隨時點右上角的 儲存草稿,保存目前的文章資料。
文章正式發佈前,我們會設定網址路徑、文章分類&標籤、精選圖片(網站封面)、是否開啟留言等 ..,完成後點 發佈 上線。可參考如何 新增 WordPress 文章 有完整教學。
前往網站前台,就會看到文章順利出現囉:)

備註:有關於「 文章 」不建議使用 Elementor 頁面編輯器編輯,因為 WordPress 預設編輯器來寫文章就很夠用了。至於「 頁面 」再用 Elementor 編輯會比較適合。
網站分類&標籤
WordPress 有完整的網站分類和標籤功能,方便你統整文章和維護更新,且有助於訪客搜尋(下面僅示範教學,實際依照自己需求新增即可)。
WordPress 文章分類
前往 WordPress 後台的文章 > 分類,這邊可新增多個文章分類。更多 分類排序功能。
備註:「 代碼 」是分類網址的設定(建議英文),文章分類可設定父子階層。

可對現有的分類進行 編輯,或是點 快速編輯 可直接修改重點。

文章分類也可放入選單中,參考 WordPress 選單 學習更多。
WordPress 文章標籤
前往 WordPress 後台的文章 > 標籤,這邊也可新增多個文章標籤。

以上是簡單的 WordPress 分類和標籤教學,這有助於文章歸類和訪客搜尋。
新增&編輯網站頁面
品牌形象網站架設,可能會想自行新增、編輯網站頁面,豐富整個網頁設計,這章節教大家如何做。
使用 Elementor 頁面編輯器(更多 Elementor 入門教學)
一開始安裝 Astra 模板時, Astra 有自動幫我們安裝 Elementor 外掛,也新增幾個使用 Elementor 編輯器製作的頁面。
在新增頁面中,點擊上方的按鈕就可改用 Elementor 編輯頁面。

然後會看到 Elementor 的視覺化設計面板,免費版有提供許多功能可使用,用拖拉的方式就可以製作頁面,真的非常方便。

以上就是新增&編輯頁面的簡單介紹,可自行新增網站頁面,或從現有的頁面做修改。
還有一種前往 Elementor 頁面編輯器比較快的方法,就是前往你想修改的頁面,點選上方的「 使用 Elementor 編輯 」,就能直接編輯指定頁面囉。

如何管理全部的 WordPress 頁面?
至於如何完整管理全部的 WordPress 頁面。
前往 頁面 > 全部頁面,這裡就是目前所有的頁面清單,你可以自由的編輯管理,而有 Elementor 標記的就代表是使用 Elementor 製作的頁面。

小提醒:已經使用 Elementor 編輯器設計的頁面,會建議就繼續使用,不要再改回到 WordPress 預設編輯器了,不然排版可能會亂掉。
使用 WordPress 預設的區塊編輯器(Gutenberg)
Gutenberg 區塊編輯器是 WordPress 系統預設的,如果沒安裝像 Elementor 之類的頁面編輯器,也能使用它設計頁面,只是功能比較少一點。
前往 頁面 > 新增頁面,就可用 WordPress 區塊編輯器製作頁面,一樣點選左上角加號,就有多個區塊功能可使用。
詳細可參考 WordPress 新增頁面,有完整頁面教學。

恭喜你,以上已經教會你大致上的 WordPress 頁面設計概念了。
接下來,你可用現有的頁面修改會比較快,然後新增或刪除多餘的頁面,就能完整你的官網架設囉:)
網頁區塊+小工具設定
通常一個網站設計,都會有側邊欄的存在,可以多提供訪客一些功能使用。
WordPress 預設就有許多小工具可使用,如果搭配不同的網站主題或外掛,可能會幫小工具增加額外功能。更多 WordPress 小工具教學。
前往 外觀 > 小工具,就能看到目前有哪些小工具,下文以設定「 主要資訊欄 」為範例。

展開頁面以後,就能進入主要資訊欄目前有哪些功能,可以自行新增功能,也能點選各項功能直接進階設定,我們以「 近期文章 」做示範。

點選「 近期文章 」就會跳出更多設定的內容,可以調整標題、文章顯示數量、是否顯示文章發佈日期,也可以拖曳這項工具的位置。
最後記得按「 更新 」儲存以上設定,就完成囉!讓我們一起來看看最後的畫面效果。

有關更多的 WordPress 後台功能操作,也可參考 WordPress 後台教學 學習。
備註:由於我們剛有在 Astra 做設定,只有在文章列表和單一文章,才會看得到側邊欄唷。
頁尾編輯器
頁尾編輯器(Footer Builder)跟頁首編輯器的操作方法大同小異,也是能讓你客製化網站的好幫手。
頁尾編輯器有分為上方、主要、下方頁尾,點擊要修改的齒輪,就能調整欄位數量、寬度、高度、垂直對齊方式,還可以針對不同的裝置(電腦、平板、手機)設定版面配置和可見度。

當然你也能自行新增許多小工具,豐富你的網站頁尾。至於要修改樣式,一樣切換到 Design 分頁即可。
頁尾編輯器設定 Copyright
下圖實際示範如何編輯 Copyright,也就是設定網站的著作權聲明。
在設定頁尾區域依序點選 + > Copyright > 來到 ELEMENTS 區域點選 Copyright,點選後即可開始編輯。

GENERAL 編輯區內是 Astra 系統動態文字,會自動帶入你的目前年份、網站名稱,可以依照需求刪掉或增加內容。DESIGN 則是可以編輯文字色彩、字型大小、間距的邊界設定。

WordPress 外掛安裝+管理
WordPress 是完全開源軟體,任一個軟體工程師皆可在上面開發功能,所以讓 WordPress 生態圈非常豐富(有高達 5w 個可用外掛),可以幫助你擴充網站功能。
前往 外掛 > 安裝外掛,可選擇喜歡的外掛安裝,有確定目標可善用搜尋安裝。如果不知道如何選擇,我在 WordPress 最佳外掛推薦,有整理可幫你節省時間。

對於新手來說,會先建議安裝 WordPress 基礎外掛即可,然後同一種類型裝一款即可,還有外掛不是越裝越多就好,需考量到網站效能。
多種 WordPress 基礎外掛(僅列舉部分)
- Akismet:垃圾留言防護外掛。更多 Akismet 外掛教學。
- Jetpack:官方綜合型外掛,範圍涵蓋安全性、備份、速度優化、工具強化 ..。
- Rank Math:優質 SEO 優化外掛,可參考 Rank Math教學。
- WPForms:優質表單設計外掛。更多 WordPress 表單製作外掛推薦。
有關於 WordPress 外掛的管理設定,可前往 外掛 > 已安裝外掛,這邊可啟用或停用外掛,或是刪除不需要的外掛。

通常網站主隨著經營時間,網站外掛都會越來越多(因為可能有更多網站需求)。
所以一開始安裝必要外掛就好,然後暫時用不到外掛可以先停用,完全用不到的就直接刪除。
Astra 主題+Elementor 外掛組合
Astra 主題 & Elementor 外掛,是很多 WordPress 玩家愛用的一種組合,它有很多優點像是:
- 新手容易上手
- 有現成模板,不用從零開始設計
- 網站客製化程度非常的高
- 都有免費版可以用
- 因為都是 WordPress 熱門軟件,所以有很多週邊外掛可搭配
- Astra 主題快速,Elementor 會有點吃主機效能,兩者剛好呈現一個平衡
這也是為什麼本文會用這個組合,做一個搭配教學。
但如果你對這個組合不感興趣,最佳主題推薦、電商主題推薦、優質頁面編輯器,這幾篇文章裡面,也有不同的選擇可以慢慢選。
下面我們對 Astra+Elementor 更進一步認識,可讓你更掌握自己的網站功能。
Astra 主題介紹
Astra 是個輕量快速的多功能主題,有許多可設定功能(歡迎參考 Astra 主題入門)。
如果體驗 Astra 免費版後,有更多的架站需求,需要用到 Astra 進階版的讀者們。
有關於 Astra 進階版,我寫了多篇使用教學,方便你認識和上手 Astra 進階功能,如下。
- Astra Pro:Astra 進階版方案,強化功能詳細教學,可參考 Astra 進階教學。
- Astra Pro WooCommerce:WooCommerce 電商功能強化,可參考 Astra Pro WooCommerce 教學。
- WP Portfolio:製作網站作品集、展示頁面、服務案例等專用外掛,可參考 WP Portfolio 教學。
- Ultimate Addons for Elementor:在 Elementor 上新增 40+ 個元素功能、100+ 網站模板、200+ 區塊模板,可參考 UAE 教學。
- Premium Starter Templates:有更多 Astra 進階模板可使用,可參考 Premium Starter Templates 教學。
如果都看完,相信你對 Astra 主題的整體掌握度,大概也就如魚得水了!
Elementor 外掛介紹
Elementor 是全球知名的頁面編輯器,有超過 500w 次下載量,提供視覺化的編輯模式,就算不懂程式也能網頁設計。
如果需設計網站頁面,這會是比較推薦的方法,因為功能比較多且完整,而且可以直接套模板下去用,就不需重新開始製作。
更多教學,歡迎參考 Elementor 入門教學、Elementor Pro 進階教學。
開始網站行銷(SEO 優化)

完成官方網站架設後,我們可以開始進行網路行銷囉!
要進行網站行銷,就需要先了解 SEO 是什麼,讓自己在搜尋引擎結果頁面(SERP)展露頭角,就有機會提升網站能見度。
搜尋引擎每日需處理龐大的網站資料,如果主動提交自己的網站地圖(又稱 Sitemap),可有效加速網站被搜尋引擎收錄的速度,有效 提升 WordPress SEO 的分數。
Google、Bing 是台灣目前兩大搜尋引擎,Google 可把 Sitemap 提交到 Google Search Console,Bing 則是提交到 Bing Webmaster Tool。
當網站被收錄到搜尋結果,網站才可以被訪客搜尋到,這時就會開始有網站流量進入。
有關於網站流量的分析統計,幾乎都會使用 Google Analytics 軟體,需要把 GA 追蹤碼嵌入到 WordPress 網站,Google 才會幫你統計分析。
最後,我們可以安裝優質 WordPress SEO 外掛,搭配 關鍵字行銷工具,幫助站長們更有效的規劃 SEO 行銷策略。
官網架設使用 WordPress 的好處

優點 1:完全免費
WordPress 核心軟體本身是開源免費的,這也代表你可以用最少的網站建置費用,打造屬於自己的品牌網站。
加上 WordPress 每過一段時間,就會釋出新版本,讓站長的網站始終保持時髦,和確保網站安全性持續進化!
而底層的程式碼,是使用 PHP 程式建構而成,PHP 同樣是世界熱門的網站語法,並且程式結構同樣每年不斷的優化,這有助使用者獲得更快的網站速度。
優點 2:可自由控制預算
該軟體本身是開源免費的,你唯一需負擔就只有個人網址和虛擬主機費用,這是不論使用哪種方式建置網站,都需要負擔的費用。
簡單來說,用 WordPress 架站,你可以自由控制網站預算,自由的搭配網站功能。
優點 3:不需要寫程式碼
使用 WordPress 不需要寫程式碼,因為它的後台介面&功能所需要的程式碼技術,都已經被完全模組化,易於站長使用。
再來,有關網站前台頁面,也已經有非常多的現成主題模板,站長都可以直接套用,前台頁面製作,還有多款 頁面編輯器,可以用拖曳的方式,就直接完成整個頁面設計。
整個網站的製作流程,就算站長不懂程式碼,也能順利架站成功!
優點 4:有豐富生態圈
WordPress 是開源軟體,也就是世界各地的軟體開發者,都能取得核心程式碼,並在上面開發附加功能。這樣一來,就能創造非常豐富的功能生態圈。
也是因為崇尚開放的生態圈,全世界各地才會有這麼多的公司、或是個人軟體開發者,相繼的投入到這個圈子中,造福了許多想先以最低成本開始個人品牌的大家。

而它本身就有眾多的免費佈景主題和免費網站外掛,可供你使用。如果你有預算考量,就可以先從免費版開始使用。
等到哪一天,如果你覺得免費版功能無法滿足需求,或是你想擴充更強的網站功能,那時再升級使用進階版的主題 or 外掛就可以了:)
優點 5:擁有完整的網站權限&所有權
用 WordPress 架設網站,你會擁有完整的網站自主權,像是所有的網站後台功能、數據資料庫、網站程式碼 ,都屬你擁有。
對比其他 網頁製作平台 像是 Wix、Weebly 之類的,像這類的架站平台,如果要取得更多的平台功能,通常就是得增加月租費 or 年租費了。
你可自由更換網頁前台的呈現畫面,不論是修改圖片素材、網頁文案、版型調整,都可直接編輯。不用再被網頁設計公司侷限功能,也不需擔心如果平台公司經營不善(類似無名小站的例子),連帶讓自己長期經營的心血白費。
所有網站數據也掌握在手中,可自行優化網站 SEO 排名,也不用擔心被網頁平台 or 網頁設計公司綁架。更多 SEO 是什麼。
優點 6:很容易上手
WordPress 後台介面 很親民,使用者介面、文章、頁面、留言、商品、基本設定專區等功能都已模組化,因此非常容易上手。
並且它是熱門且最好用的軟體製作平台之一,網路上的教學資源很多,你可以從中免費學習,且不需任何學費。
常見問題
官方網站架設需要準備什麼?
網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。
這也是每個網站主都需負擔的小投資,沒有例外。
差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)
網域如何取名呢?
網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。
網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務 or 產品有關、去除 www、 .com 優先、勿用中文。
虛擬主機是什麼?
「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。
這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。
另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。
WordPress 是什麼?
WordPress 它是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。
它可完成多種網頁設計,如:部落格架設、個人品牌或公司官方網站架設、購物網站架設 等。
聯絡犬哥網站
在網頁設計+AI SEO 行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。
資源一:犬哥網站(專業 WordPress 網頁設計& AI SEO 行銷公司)
如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想,或是沒有被 AI 提及你的品牌。歡迎洽詢 犬哥網站(WordPress 網頁設計& AI SEO 行銷公司),請專家協助你會更容易!
我們有多年網頁設計、AI SEO 行銷經驗,加上上百個實戰案例,絕對能滿足您的需求!

資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)
如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?
可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!

- WordPress 高手架站課:
從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能! - SEO 排名飆升課:
教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!


站長你好,你的教學文章對於身於中小企業的我來說非常棒
已一個只學過古早年代的網頁設計者來說,是時候該動手更新古早版公司網頁了
一直觀望著各種玲瑯滿目的網頁設計教學
又怕真的花了錢卻學到不是自己所想要的內容
你的教學網頁真的是太棒了
想請教一個問題,是否有教學下面這種情況
我已有買了網域 也有買主機空間 (公司古早網頁運作中 繳費過的租約都還很長)
想大改版網站勢必要花一點時間設計與製作
是否有方法可以讓我先在平時用的主機上設計製作後
才用備份的外掛轉至外購的網站空間的方法?
再次非常感謝你的大方教學
Hi 鄭小姐:
謝謝你的鼓勵,我會繼續加油的:)
至於你提的問題,如果想在貴司原來的主機上先安裝 WordPress,
首先可先確認主機是否有 WordPress 一鍵安裝功能,這樣的方式是最簡單。
如果沒有的話,就需自行手動安裝,可先至 WordPress.org 下載安裝包,
然後修改 wp-config.php 檔案的網站名稱、帳號、密碼、資料庫等資訊,
最後再上傳至主機跑安裝流程,
因為目前網站教學還沒出,所以大概也只能先教學到這,
希望有幫助到你唷:)
小犬站長您好,
我從youtube按您的教學後,
由於想重新架站使用了WP reset清除重製,
現在卻無法登入WordPress後台,
且系統顯示沒有此註冊者與信箱…
請問是否有方法解決?
嗨,因為你的網站感覺被影響比較大,既然要用到 WP Reset 做清除了,會建議就直接重新架設一個網站會比較快,也省掉一些不必要的問題~
小犬站長您好:
非常感謝您用心的教學,對於新手註冊與架站幫助很大。
目前我嘗試選擇一款免費的佈景主題練習測試,但在下一次要修改時卻無法登入WordPress後台,顯示出三行訊息:
1.Notice: Undefined index: ……
2.Warning: Cannot modify header information -……php on line 1340
3.Warning: Cannot modify header information -……php on line 1343
請問要如何解決登入,從哪個步驟執行?
或是重新製作主題(我目前還在測試版型中)?要從哪個步驟取消此佈景主題並重新設定呢?
不知是否需要提供更詳細的資訊(可私訊您內容),也非常感謝您的指導!
嗨,來社團發問吧!有圖跟詳細資訊也比較好協助你處理~
WordPress社團:小犬社團
小犬你好,
你的教學非常清楚, 對我有很大的幫助! 感激~
能不能麻煩請教, 我剛開始使用WordPress設計我們的企業網站, 但由於是創業初期只想要一個Landing Page, 所以想把其他有關產品頁面都先隱藏, 但是我找了很久還是不知道該怎麼隱藏其他首頁上的選單呢? (目前只想保留About & Contact)
很謝謝你的幫助~
嗨,Milly,
可到 外觀 > 選單 頁面,將暫時不想顯示的頁面移除即可,想新增回來時再添加頁面到選單就好囉。
具體操作可參考: WordPress 選單教學 。
謝謝您的即時回復~
再請教一下, 如果說我的產品頁面已經編輯設計好了, 只是暫時不想上線,那我整個移除之後等到我想要正式上線時不就要再重做一個產品頁嗎? 因為我知道在wix可以將其中不想公開頁面暫時隱藏, wordpress是不是沒有這個功能呢?
再次謝謝您的回覆與時間~
在主選單上的移除不會影響到頁面唷~
頁面跟選單在 WordPress 是分開的兩個系統。
新增完頁面,在選單上進行上線,或是在側邊欄放入小工具,訪客才有辦法在前台網站找到造訪頁面的路徑。
或者是到頁面面板,將暫時不想上線的頁面狀態更改回草稿,前台就不會看見該頁面囉。
具體說明也可以參考: WordPress 後台教學 的頁面管理章節~
請教犬哥,我的網站打開的首頁不是我套用的主題的首頁,應該怎樣轉過去?
嗨,Brian,
請問你有在 自訂 > 首頁設定 指派首頁嗎?
如果有指派,那可能主題 / 外掛衝突,建議你安裝 Health Check & Troubleshooting 外掛來進行檢查,排除衝突唷:)
犬哥您好,這幾天拜讀了您4個小時的youtube教學,受益良多也成功建立了基礎網站,非常謝謝您的無私教學。這邊有個小問題不知道是否能向您諮詢一下方向該往哪邊嘗試。
目前的訂單狀態基本上是根據整張訂單去顯示,似乎無法根據訂單中的每個項目去給予狀態。此需求因為賣家網站的營運方式比較偏向客製化訂購,所以可能會有部分品項先準備好就會變為可配貨狀態,但部分品項可能仍在訂製中。主要是想讓客戶可以自己在訂單狀態中就查詢到哪些已經可配貨,哪些尚未能夠出貨,如此一來若客戶想要先拿到部分款式可主動聯絡賣家;另一方面有時候客訂過程等太久,客人常常會想知道哪些先到了,就會一直私訊詢問,相信若能做到此功能也能減少此部分人工業務。
目前研究了是否有外掛可以讓項目各自出現狀態欄位,但好像沒有,只有教學是如何編輯狀態有哪些。另外參考有些商家做法是在訂單裡的明細,每個項目前面多一個check box,此一來賣家可於後台去勾選哪些已屬於可配貨狀態,讓買家根據check box去判斷。不知道這部分有沒有教學可以參考或您知道哪種外掛可實現,感謝您
嗨,Arthur,
這似乎是比較客製化的功能,這邊我找出一款類似功能外掛,希望能達到你想要的效果,可以參考看看:
WooCommerce Custom Order Status 外掛
犬哥老師好:
觀看您的網站與youtube影片學習到許多架站的實用內容,在此想先感謝您與您的團隊提供這麼多乾貨:)
這邊有個問題想請教犬哥:已執行到此篇文章第七步時,
不論是搜尋佈景主題或直接安裝Astra的佈景主題,都一直出現
“Warning: An unexpected error occurred. Something may be wrong with WordPress.org”
「發生未預期的錯誤,應該是 WordPress.org 或這個網站伺服器的組態發生問題。假如持續發生相同錯誤,請前往技術支援論壇尋求協助。」
有安裝WP Debugging的插件,沒有看到錯誤訊息,
google一下發現有人推薦安裝插件”SaFly Curl Patch”來解決,但試著安裝依然無法解決QQ
想請問犬哥是否有解法能協助幫忙呢,非常感謝您的回答!
嗨,阿芷,
建議你直接詢問虛擬主機商,主題安裝的問題,或請他們協助你重新安裝 WordPress 試試看!
不好意思犬哥
謝謝你的教學!
我的網站在登入情況下輸入網址是有辦法跑出頁面的
但我用無痕模式(未登入)的情況下卻出現
This page doesn’t seem to exist.
It looks like the link pointing here was faulty. Maybe try searching?
的訊息
請問該怎麼解決呢?
bluehost那邊的comming soon page 也關掉了
謝謝
嗨,柏志,
可能是 DNS 指向還未生效,建議可暫待 1~2 天,如果還無法查詢到網域,可詢問 Bluehost 客服,以及你的網域商協助你進行處理唷!
謝謝犬哥無私的分享教學,在犬哥網站學習到很多,受益良多,會持續努力經營與關注犬哥
嗨,Wendy,
謝謝你的肯定跟鼓勵,我們會持續創作更好的教學,希望能持續給予好的知識技能給大家學習,互相教學相長:)
犬哥,謝謝您的教學!!從您的視頻中,我知道了如何導入astra 主題后,在企業網站中增加一個部落格及如何新增文章!
但是按以上方法的部落格頁面,顯示的樣式跟我們想要的有點不同。假如想要的部落格樣式,跟犬哥網站的部落格類似,新增文章后是一個方塊一個方塊那樣出現的,請問如何可以做得到?謝謝!!
嗨,wendy,
我們是使用 Elementor 「 文章 」區塊小工具來製作的唷!
嗨,Luna,
謝謝回復! 我已經購買了Elementor pro,可以用Elementor 「 文章 」區塊小工具了~ 還有一個疑問,在astra 主題,請問怎樣更改文章頁面側邊欄的樣式?謝謝!!
嗨,wendy,
更改文章側邊欄有兩個方法:
1. 使用 WordPress+Astra 內建小工具,前往後台 > 外觀 > 小工具,找到側邊欄位置,新增小工具進行設計
2. 使用 Elementor Pro 主題建構器功能,新增「 文章 」頁面模板,使用 Elementor 進行頁面模板+側邊欄設計
希望能幫助到你唷:)
犬哥,你好worldpress能否建立一個長視頻網站呀, 還是只能填youtbe的link這樣
嗨,LL,
若你需要將影片上傳至 WordPress 網站,可參考這篇 外掛推薦清單。
建議可將影片上傳至其他第三方網站,像是:Youtube、Vimeo 等 .. ,在使用嵌入的方式,較不會因為網站檔案過大,影響到 WordPress 網站的讀取速度唷!
犬哥您好,請問如果已安裝Rank Math SEO 外掛,要如何在WordPress上重新設定Rank Math SEO的優化步驟(如您Rank Math 的教學連結)?謝謝
嗨,Michelle
可前往 Rank Math > Dashboard > Setup Wizard ,即可重新跟著 Rank Math 設定精靈重新設定 Rank Math 唷:)
犬哥你好,起初照著影片接學使用Astra模板,但後續想換其他模板,有辦法保留內容(logo/文章嗎)?
嗨,tilly chien
你可查看 Astra 官方說明,刪除一開始的入門模板,並且選擇不需要導入的部分應該就可以囉!