如何架設網站?完整網頁設計+製作流程教學(2023)

如何架設網站?完整網頁設計+製作流程教學(2024)

這是一篇完整的「 網站架設+網頁設計 」教學課程,建置觀念到製作流程,一次學會如何架設網站。

想自己架設網站,像是:部落格架設形象官網製作購物網站架設、個人或公司網站設計等 ..?

你可能覺得委託網頁設計公司的建置費用過高,於是打算自架網站?沒關係,我當初的想法跟你是一樣的。

這篇網頁設計教學,我會用 WordPress 軟體 為主軸進行教學,它是一款全球熱門的網頁製作平台,很適合新手架站。

不需要複雜的流程,只要照著我的文章走(前面幾章節,有用數字標示的),就能完成網域申請 > 虛擬主機租用 > WordPress 網站製作。

★☆ — 重要資訊 — ☆★

犬哥網站與 A2 Hosting 主機有長期合作關係,點擊網站上任一個 A2 Hosting 連結 前往官網(包含點擊此連結),最高可享有 3 折的讀者優惠,請一定要把握:)

至於其他章節,則是額外的網站架站觀念&多種建置方法懶人包分享,告訴你多種如何架設網站的方法,讓你一次從門外漢進化成高手,本文章節如下。


1. 如何自架網站?

架設網站 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 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。

因為你就是網站的擁有者!


2. 虛擬主機推薦

A2 Hosting 是一家全球知名的虛擬主機和網域託管服務商,它從 2001 年就開始提供相關服務,由於創辦人本身有程式相關背景,所以主機速度優化上,一直是它們的服務重點。

它在虛擬主機上提供多種服務項目,像是共享主機、WordPress 專業主機、VPS 主機、獨立主機,隨著你的網站規模越大(流量越多)可同步升級服務,滿足不同時期的需求。

搭配 24 / 7 / 365 全年無休的線上客服,遇到任何問題能在第一時間幫助解決。

不需擔心語言不通問題,因為 A2 Hosting 客群來自世界各地,用簡單的英文程度(Google 翻譯),他們都聽得懂唷。

A2 Hosting 正常運行時間和安全性

根據過去 24 個月的數據,A2 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這代表你網站幾乎不會異常斷線,都是穩定的在線上運作。

這使它成為主機穩定度、安全性的有力競爭者。

A2 hosting :主機正常運行時間
A2 hosting :主機正常運行時間

A2 Hosting 網站速度表現好嗎?

A2 Hosting 在全球各地有多個數據基地台,滿足不同地點的主機連線速度,像是台灣用戶就可到連線最近的新加坡基地

這是我之前主機放置在 A2 Hosting 所做的記錄(評測紀錄是 A+),網站加載速度大約 83 毫秒,是優質的主機速度。

A2 hosting :虛擬主機響應速度
虛擬主機響應速度(來自 bitcatcha 評測)

Google 建議的響應時間是 200 毫秒(越短越好)。所以低於 180 毫秒的網站內容會被評為A +。

A2 Hosting 的 Turbo Boost 以上方案,有針對主機速度做特別優化,官方表示會比一般常規站點最多快上 20 倍,這是它的特別優勢。

配上 A2 Hosting 任一個共享主機方案,全部皆使用 SSD 存儲,這確實有助於其快速加載速度(SSD的速度比普通硬碟快 30%)。

每降低一秒的網站速度,這代表能保留更多訪客留存,進而轉化成網站訂單。


3. A2 Hosting 方案選擇

這章節會進行「 A2 Hosting 」的主機方案選擇,帶你選擇適合自己的方案。

首先,點擊前往 A2 Hosting 官網,會直接來到 Web Hosting 主機頁面,或是點選 Hosting > Shared Hosting 前往也可以。

前往 WordPress Hosting 主機

接著往下滑,會看到不同的主機方案,如果你正猶豫如何選擇,下面我會給你一些選擇建議。

A2 Hosting 方案費用
A2 Hosting 方案費用

小備註:方案價格會隨著主機廠商有所調整,以 A2 Hosting 官網呈現價格為主。

要選擇哪種 A2 Hosting 主機方案?

A2 Hosting 共享主機提供 4 種方案選擇,分別是 StartUp(入門)、Drive(行駛)、Turbo Boost(渦輪)、Turbo Max(增大渦輪)

它的任一種方案,全都享有 WordPress 一鍵安裝、大量網路 SSD 儲存空間、不計網站流量、 SSL 免費憑證、A2 速度優化軟體 、免費網站搬家、CloudFlare CDN 服務、CPanel 多功能介面、數據中心選擇等 ..,這是超值的功能服務。

隨著方案提升又提供更多進階功能,這邊我簡單的統整,方便你找到適合自己的方案。

  • 只需架設一個網站,且有預算考量:StartUp 方案
  • 需架設多個網站,且有預算考量:Drive 方案
  • 需架設多個網站,且預算還算足夠,對主機速度有進一步追求者:Turbo Boost 方案

如果是 WordPress 新手入門,會建議選擇 StartUp 或是 Drive 方案,能讓你用最少預算開始,也不會一開始負擔就太多。

Drive 方案以上,都能架設無限網站、無限網路儲存空間,所以整體會比 StartUp 划算一點(但還是要看你的預算)。

不管選擇的是哪種主機方案,A2 Hosting 本身賣點就是注重主機速度,所以表現基本都會在水準之上(不會因為你是否選擇 Turbo Boost 方案)。

如果你有現成或是較多的穩定流量,會建議直接選擇 Turbo Boost 方案。此方案大幅優化了主機速度,它們表示 Turbo Boost 方案以上的主機速度,比一般常規站點快上 20 倍,比較不會遇到速度上的問題。

至於 Turbo Max 方案我不建議使用,因為這個費用太貴了(同樣費用有更好的選擇),且和 Turbo Boost 方案功能差不多。

如果 A2 Hosting 整個共享主機方案都還是無法滿足你,有關於更高規格的主機,會比較推薦 Cloudways 雲端主機

A2 Hosting 費用了解

A2 Hosting 原價入門費用是,網址 $10.99 美元 / 年(一年約 330 台幣),和主機 $12.99 美元 / 月(一年約 4,680 台幣)。

值得開心的是,A2 Hosting 官方同意為我們網站讀者,提供最高可享有 2.5 折的主機優惠,一次購買越多年折扣越多(這裡需特別留意, A2 Hosting 只有年租方案才享有優惠價格)。

下表是用台幣計算,美元台幣匯率用經常的 1:30 換算。

StartUp 方案Drive 方案Turbo 方案
買一年:特價約 1,080 元買一年:特價約 2,160 元買一年:特價約 2,520 元
買三年:特價約 5,390 元買三年:特價約 6,470 元買三年:特價約 7,550 元

小提醒:新手可購買 1 年的 StartUp 或是 Drive 方案,用最少預算入門:)

這等於說,在 A2 Hosting 申請個人網域和主機,最少可用不到 2,000 台幣(網域+主機費用),就能開始啟動你的網路事業,並享有完整的主機規格服務。

不論你購買的是哪種主機方案,只要點擊本站 A2 Hosting 連結,讀者們都享有優惠價格。


4. 網域申請+租用虛擬主機

確認主機方案,這章節開始「 A2 Hosting 教學 」的申請網域+租用虛擬主機,我把流程整理為 4 步驟,幫助大家快速完成。

選擇主機方案

首先,點擊前往 A2 Hosting 官網,會直接來到共享主機頁面,然後往下滑會看到主機方案。

若沒看見,可依圖片指示,選擇 Hosting > Shared Hosting 即可看見方案資訊。

a2-hosting
前往 A2 Hosting 主機

選擇你想租用的方案,如果預算有限可選 StartUp 方案,如果想架設多個網站可選 Drive 方案以上,如果對速度有高規格需求就選 Turbo Boost 方案。

A2 Hosting 方案費用
A2 Hosting 方案費用

小備註:接下來我會用 A2 Hosting 的 StartUp 方案,進行主機申請教學(不一定要和我同方案,不會影響教學流程)。

Step1:輸入註冊資訊

這裡需填入主機註冊資訊(參考下圖)。使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址和郵遞區號可用 中華郵政 查詢。

電話部分因為需輸入國際碼有 +886,所以把開頭 0 去掉加上手機或市內電話就可(例如手機: 886911000111)。

A2 Hosting 輸入註冊資訊
A2 Hosting 輸入註冊資訊

小備註:有關租用時間,建議至少選擇一年才能享有大幅度的折扣優惠喔!

Step2:申請網域

開始選擇網域,Create a New Domain 是註冊新網域,Use My Domain 是輸入已經有的網域。

這裡我註冊新網域,然後輸入想註冊的網域名稱(如果網域已經被別人註冊過,就再重新想一個即可)。

A2 Hosting 選擇網域
A2 Hosting 選擇網域

Step3:選擇伺服器位置

亞洲地區建議選擇 Singapore(新加坡),離台灣比較近。

A2 Hosting 選擇伺服器位置
A2 Hosting 選擇伺服器位置

Step4:選擇付款資訊

選擇付款方式,這裡我選最多人用的信用卡方式,另一種 PayPal 也滿多人用的。

然後輸入相關資訊,確認沒問題後進行結帳。

點擊送出按鈕後需稍微等待一下(建議留在當前頁面),因為 A2 Hosting 會進行主機的所有設定,所以等待時間會久一點(我自己大約 5-7 分鐘,每個人不同),這期間請確保電腦正常運作。

A2 Hosting 選擇付款方式
A2 Hosting 選擇付款方式

Step5:A2 Hosting 租用成功

走到這一步,就代表已經順利租用 A2 Hosting 成功囉!接著只要做後續的 WordPress 網站建置即可。

點選下圖的「 Client Area 」,就可直接進入到後台的會員專區,若需要輸入帳號密碼,就填入剛在註冊時留的即可。

A2 Hosting 主機租用成功
A2 Hosting 主機租用成功

5. 前往 cPanel 後台&更換語言

cPanel 是一個多功能的管理後台,讓使用者可用簡單的介面,管理網站檔案、備份、FTP 等 ..。

這裡面有非常多功能,如果要設定網站&主機設定,大部分都是在這處理。

登入 A2 Hosting 後台,會看到自己租用的服務,選擇要管理的項目,點擊「 cPanel Login 」,就可前往了。

登入 A2 Hosting 後台&前往 cPanel 專區
登入 A2 Hosting 後台&前往 cPanel 專區

進入後,首先更改一下語言,方便我們操作。找到 Preferences > Change Language,更換網站語言。

A2 Hosting教學 :更改操作語言
A2 Hosting教學 :更改操作語言

選擇語言,然後儲存即可。

A2 Hosting教學 :更改操作語言
A2 Hosting教學 :更改操作語言

再度回到主面板就會看到語言切換囉。

完整的 cPanel 功能介面
完整的 cPanel 功能介面

6. 建立 WordPress 網站

這章節會開始教學,如何透過 A2 Hosting 快速建立 WordPress 網站。

首先,一樣在 cPanel 面板內會看到 WordPress 快速安裝的功能,先點擊前往。

選擇 WordPress 快速安裝功能
選擇 WordPress 快速安裝功能

點選 Install,進行 WordPress 網站安裝流程。

點選 Install 安裝 WordPress
點選 Install 安裝 WordPress

選擇 WordPress 網站要安裝在哪個網域下,這裡系統通常會幫你設定好,可用預設值即可。

會建議先選擇「 http:// 」的模式,避免因 SSL 憑證尚未生效問題,導致網站無法瀏覽(有關 SSL 後面再設定也可以)。

設定 WordPress 網域
設定 WordPress 網域

分別輸入像是你的網站名稱、標語,還有 WordPress 後台的登入帳號、密碼、管理員信箱,有關帳密部分自己要記得喔。

輸入 WordPress 建立資訊
輸入 WordPress 建立資訊

選擇 WordPress 後台的語言,下圖是選擇繁體中文,可依自身需求挑選。

都設定完畢後,就點擊「 Install 」就會開始安裝 WordPress 網站了!

選擇網站語言&開始安裝
選擇網站語言&開始安裝

如果在安裝 WordPress 的過程中,系統跳出來類似下圖的警示,可以把下圖的選項打勾(若沒出現就無需理會),然後再重跑一次安裝就可以成功。

勾選覆蓋原來的檔案
勾選覆蓋原來的檔案

恭喜!看到這訊息就代表 WordPress 安裝成功了!

裡面應該會看到兩個網址,分別是 WordPress 前台&後台的路徑,點擊就能直接前往。

小提醒:WordPress 的後台路徑,就是網域後面加上 /wp-admin ,舉例來說像是:demo.com/wp-admin

WordPress 前台&後台網址
WordPress 前台&後台網址

好囉,以上就是透過 cPanel 內建的 WordPress 快速安裝工具,這樣就能迅速架站成功!

如果搜尋網址沒看到網站,可能是 ..

  • 剛申請的網域還沒生效,最多可能需等待一天時間(因 A2 Hosting 需要把你的新網域,通知給世界各地的主要伺服器認識+收錄)。若遲遲未能訪問到網站,也可直接聯繫 A2 Hosting 客服,它們會幫助你處理。
  • 網域不是同時在 A2 Hosting 申請的(像是使用第三方網域商:NameCheap 等 ..),則需到你的網域商進行 DNS 設定,等待 24 – 48 小時生效時間,才會順利看到網站。

接下來,我們還有重要的事要做。

就是確認 A2 Hosting 寄過來的信件,其中包含網域認證信件(WhoIs 認證)請務必認證唷:)


7. 信件認證

A2 Hosting 主機申請完成後,系統會自動寄出多封信件,其中網域認證信(WhoIs 認證)是比較重要的,我帶大家認識。

網域認證信(WhoIs 認證)

網址購買後,會收到來自 ICANN 透過網域註冊商,發送過來的網址認證信件,用來確認聯絡人資訊,這務必需認證完成,來保持網域的所有權。

所要做的就是打開信件,然後點擊 Verify Your Email 連結驗證,就認證完成了:)

A2 hosting 主機:網域驗證信(WhoIs 認證)
網域驗證信(WhoIs 認證)

點擊下圖連結就可以認證網域了,完成會出現認證成功訊息。

A2 hosting 主機:點擊網域認證連結
點擊網域認證連結

以上是比較值得一提的信件內容,至於其他信件有需求也能點擊查看。


8. WordPress 設定

如果有照著上面的 WordPress 架站步驟,你應該也有自己的形象網站了。

這章節我們到 WordPress 後台做些一般設定,方便我們後續的網站經營。

WordPress 網站的 2 個重要路徑(請把 demo.com 改成自己的網域):

  • WordPress 前台:demo.com
  • WordPress 後台:demo.com/wp-admin(加上 wp-admin 就是後台路徑)

首先,登入並前往 WordPress 後台 > 一般,可依需求更改「 網站標題、網站說明、網站管理員Email、網站語言、時區 」等 ..。

至於網站網址除非很確定目的,不然不建議更動,因為會影響整個網站連結。

網站管理員Email:需填寫正確,未來網站相關訊息,如:更改密碼等 .. 會寄送至此信箱。

網站語言:更改成繁體中文,方便後續操作(若已經有更改則無需理會)。

Bleuhost教學 :WordPress 網站一般設定
WordPress 網站一般設定

如果都修改完畢,按下 儲存設定 就設定好囉,請參考 WordPress 後台教學 有更多完整教學。


9. SSL 憑證申請

安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種安全協定,可在瀏覽器和主機伺服器之間,建立安全加密連結。

只要瀏覽器的網址欄前面有安全鎖頭,就代表目前是用 SSL 連線狀態。

網域加上 SSL 憑證的好處,除了訪客搜尋到你的網頁時,不會顯示不安全網站,也能幫助網站 SEO 排名。

下面我教學了幾個方法,幫助你達成目標,只需選擇其中一個進行即可。

如果你使用的 WordPress 虛擬主機 就有提供 SSL 服務,那我會優先建議你使用。

方法1:使用 A2 Hosting 申請 SSL 憑證

前往並登入 A2 Hosting,在首頁面版會看到剛申請的網域+主機,點 cPanel Login 前往 cPanel。

備註:cPanel 是主機開放的多功能面板,裡面有多種功能可使用。

A2 hosting 主機教學:前往 cPanel 功能面板
前往 cPanel 功能面板

進入 cPanel 後,前往 SSL / TLS 進入申請 SSL 憑證。

A2 hosting 主機教學:SSL 憑證申請
SSL 憑證申請

點選產生憑證(CRT)。

A2 hosting 主機教學:前往 HTTPS 憑證功能
前往 HTTPS 憑證功能

A2 Hosting 預設會將我們網站上的所有服務,像是主網域、cPanel、webmail 等 ..,全都納入準備套用 SSL 憑證的範圍。

直接點選「 安裝 」。

A2 hosting 主機教學:安裝 SSL 憑證
A2 hosting 主機教學:安裝 SSL 憑證

選擇需安裝 SSL 憑證的網域,然後點 Autofill by Domain(依憑證自動填入),系統會自動帶入 SSL 憑證碼到欄位中,完成後在當頁面往下滑,點 Install Certificate(安裝憑證)。

A2 主機教學:安裝免費 SSL 憑證
安裝免費 SSL 憑證

安裝成功後,可能需等一些時間讓 SSL 憑證生效(時間長短不一定)。生效後再到瀏覽器輸入你的網址,應該就會看到安全鎖頭了。

方法2:使用 WordPress 外掛申請 SSL 憑證

WordPress 是強大的 網頁製作平台,有上千萬個 佈景主題 和 網站外掛,幫助你達成網站需求。

這裡我推薦使用 Really Simple SSL 外掛幫助你 SSL 憑證申請,請參考 如何安裝 WordPress 外掛

操作流程很容易,你只需安裝和啟用這個外掛,過段時間網址就有安全性鎖頭了。


DNS 設定指向(NameCheap+A2 Hosting)

DNS 設定,就是把網域(門牌)指向虛擬主機(土地),當訪客搜尋網址時,就可以順利找到主機上的網站(房屋)。

如果你是在 A2 Hosting 同時申請網域+租用主機,DNS 指向已經自動設定完畢,不需額外操作,這章節可略過。

但如果個人網域和虛擬主機,是分開申請的(不是同公司),就需手動 DNS 設定。

接下來,將示範 NameCheap 網域和 A2 Hosting 主機,的 DNS 設定指向教學(不同網域和主機的設定地方不同,但流程大同小異,皆可參考教學)。

如果還沒在 NameCheap 申請個人網域,請參考 NameCheap 教學,這篇有完整流程。

Step1:找到 DNS 網址

首先登入 A2 Hosting,在首頁面版會看到剛申請的網域+主機,點 Account Details 前往。

A2 主機教學:前往帳戶資訊
前往帳戶資訊

這頁會有許多連線相關資訊,目前需要的是 Nameservers 網址,A2 Hosting 有提供 4 組網址,都先複製起來等等會用到(網址後面的數字不用複製)。

A2 主機教學:DNS 網址
DNS 網址

Step2:將 DNS 網址,複製至網域申請的地方

前往並登入 NameCheap 後台,前往 Domain List > Manage。

網站架設 :DNS 設定指向
網站架設 :DNS 設定指向

找到 NameSevers 把選項更改 Custom DNS,貼上主機商的 4 行 DNS 網址(不夠寫的話,點加號添加),然後打勾確認。

A2 hosting 主機教學:前往 NameCheap 設定 DNS 指向
前往 NameCheap 設定 DNS 指向

這樣 DNS 就設定完成囉,接下來等待 24 ~ 48 小時的 DNS 轉址時間,再來訪問你的網址,就可以看到你架設的網站了:)


WordPress 軟體教學

wordpress網站教學
WordPress 網頁製作軟體

WordPress 開源軟體 讓站長可以最低預算,自行架設網站。

對於不同主機、功能外掛、佈景主題的搭配方法,可能會產生不同的 WordPress 建置費用。從最低的架站價格,到進階功能網站的搭配,一切由你自由組合。

開始打造 WordPress 網站

購買網域+虛擬主機完成後,「 WordPress 網站架設 」初步完成。

接著站長們可開始學習 WordPress 後台 如何使用,幫助你打造更棒的個人、公司形象網站。

Google SEO 規則,E-A-T 網站指標
開始打造 WordPress 網站,建置多元網站類型!

全世界有很多專業人士,開發了上千萬種佈景主題和網站外掛,豐富 WordPress 的生態系。

所以完成前置作業後,我特別挑選了幾款 最佳佈景主題最佳網站外掛,可以幫助你節省尋找的時間。

如果你有想架設的網站類型,這邊,我列出 3 個常見的 WordPress 網站類型,你可以直接點擊前往,進行後續學習唷。

網站架設完成,開始網路行銷!

最後,開始經營網站的過程,我們還需進行 SEO 行銷。

WordPress 因為是最多人使用的開源軟體,所以搜尋引擎都會優先收錄 WordPress 製作的網頁,同時已累積許多 WordPress SEO 技巧,可供站長學習。

站長可在進行網站行銷時,搭配 關鍵字研究工具優質 WordPress SEO 外掛,幫助你分析網站流量,進一步規劃搜尋引擎優化策略。


架設網站的多種方法

架設網站的多種方法
架設網站的多種方法

「 網站架設 」有多種方法,不同的作法都各有優缺點,並沒有誰好誰壞,只有適不適合你。

你可以選擇適合的方法,建置個人或公司的形象網站,再搭配網頁設計製作,完整你的網站。

下面我列出幾種最常見的「 網站架設 」方法,如下。

  1. 使用開源的網頁製作軟體,有完全的網站所有權(像是 WordPress 軟體)。
  2. 租用架站平台公司的軟體,但需負擔不少的租金。
  3. 外包網頁設計公司製作。
  4. 自學程式語法架設網站。

接下來,我會對這幾點進行簡單的優缺點分析,協助你選擇適合的方式建置網站。


開源軟體評價

開源軟體,架站程式
多種網頁製作軟體(開源)

開源 = 免費+擁有全部的網站所有權。

這類型的代表軟體,像是 WordPressJoomlaDrupal .. ,都是屬於此種類型。

其中又以 WordPress 是最知名的架站軟體,全世界有 40 % 以上的網站是使用 WordPress 建置,你可在 GitHub 找到它的底層程式碼。

GitHub 是全世界最大的開源程式碼平台,數以萬計的軟體工程師,將其開發的程式碼公開至網路上,並供給其他人做再開發,豐富整個網路世界。

開源最大的好處是,就是有完全的網站自主權,可掌握自己網站的所有資料,如:文字、圖片、網站程式碼、資料庫等。

還有,因為網站開源(底層程式碼公開),所以任何的軟體工程師,都能用此當基礎,向上開發新的功能服務。

像是 WordPress 就有龐大的功能生態系,能夠架設多種類型網站,像是 部落格架設形象官網製作購物網站架設 .. ,幾乎能完成你所想。

最重要的是,在架設網站完成後,後續的網路行銷,開源架站軟體可完全讓站長自由控制,像是可以安裝 SEO 外掛輔助,不需額外花費解鎖 SEO 功能。更多 SEO 是什麼

其他的知名架站開源軟體,像是 Joomla、Drupal 或是其他新興軟體,也有自己的追隨者,但因為使用規模都不及 WordPress,這邊就不特別介紹。

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 有豐富的網站功能生態系,通常只需一鍵安裝即可使用。
  • 可自由控制網站預算,依需求搭配功能。

缺點

  • 需學習如何安裝網站軟體和架設網站,但這通常很容易上手,因為網路上有多種教學課程,像是 犬哥網站

架站平台公司評價

架站平台公司評價
架站平台公司評價

使用架站平台公司的服務,就是跟軟體公司租用架站方案,幫助自己建置網站。

這類型的服務又稱為 SaaS(Software as a Service),就是軟體即服務,也是常聽到的雲端服務。

代表軟體有很多,有建立部落格的像是痞客邦、Medium、方格子等 .. 。

有可以建立官網設計的,像是 Wix、Weebly、Strikingly ..,這幾種網站建置軟體。

也有可以架設購物網站的,像是 Shopline、91App、Meepshop ..。

使用這類型架站方法的好處是,可以省掉網站安裝的流程,因為軟體公司都幫你建置好了,只需付費使用現成的即可

相對的,使用架站平台公司的軟體也有缺點,因為你只是平台租用者,並非是擁有者

所以有關你的網站資料,像是文字、圖片、資料庫、程式碼 ..,都是由軟體公司掌握,這代表你會受到牽制。

假設公司更改收費規則,或是經營不善而結束營業,那網站都可能面臨消失問題。

優點

  • 不需自行安裝建置網站,可直接使用現成的軟體服務。
  • 形象品牌網站的技術服務,有軟體公司的客服可詢問。
  • 適合一次性網站建置,像是行銷頁面、個人作品集 .. ,不打算長期經營的網頁。

缺點

  • 因為只是平台租用者,並沒有網站擁有權,容易受到軟體公司經營的影響。
  • 基本款的平台方案,網站功能通常不完善,目的是為了收取較高額的進階版費用。
  • 租用平台的價格,對於新手或預算不多的人來說,會是一筆不小的負擔。

外包網頁設計製作

架站軟體公司評價
外包網頁設計製作

將網站建置的需求,外包給 網頁設計公司 ,也是常見的架站解決方法之一。

外包網頁設計的好處是,你可以客製化網站功能,像是 預約系統、訂位系統、訂房系統、企業內部管理系統、派車系統,這些服務系統基本上都有辦法做到。

依照不同的開發難度,選擇的網頁設計公司就很重要,因為網站程式不是寫出來可以運作就好,好的程式架構跟未來的網頁速度,有很大的關係

且不同網站建置需求,會有不同的網頁設計價格,一次性費用從幾千元到上百萬都有,主要依照客製化程度。

下面我列出幾個常見的提問,可以幫助進一步了解。

1. 如何選擇適合的網頁設計公司?

網頁設計的發展也經歷了好幾個年頭,所以市場上提供相關服務的公司也很多。

我提供一些尋找適合公司的方法,像是公司評價和規模是否理想網頁作品集 是否漂亮網頁報價是否合理

這幾個都能當挑選標準,幫助你找到適合的公司。

2. 網頁設計有哪幾種常見方案?

常見的網頁設計方案,有套版方案客製化方案租用型方案半客製化方案(套版,但可修改)

套版方案,這是網頁設計公司已開發完成的系統,然後拿來重複販售。

價格費用相對客製化方案,會比較低一點。

客製化方案,這是依照顧客的需求而特別量身製作,費用通常會比較貴,當然能做的需求幾乎是無極限。

租用型方案,是比較新版的網站方案,因為網路服務的興起,許多顧客可能預算有限或是想先試用看看,網頁設計公司就推出租用版方案。

3. 外包網頁設計製作的優點?

  • 可以客製化網站設計,幾乎能滿足大多數需求。
  • 可省掉大量的時間和精力,轉交給網頁設計公司執行就好。
  • 有任何網站問題,可直接詢問客服人員。

4. 外包網頁設計製作的缺點?

  • 依照不同的需求,會有不同的網站建置費用,從幾千元到上百萬的範圍都有。
  • 大部分網頁設計公司,不會提供網站程式碼(或資料庫),你沒有網站擁有權。有關此問題,可以詢問你委託的公司,看他們是否願意提供。

WordPress 網頁設計服務

WordPress 網頁設計服務
WordPress 網頁設計服務

犬哥數位 提供優質的 WordPress 網頁設計服務。

我們是使用 WordPress 開源軟體來架站,幫你挑選適合的主題+功能外掛,再針對你的行業別做微調。更多 架設費用如何算?

WordPress 架設網站,優勢大整理!

使用 WordPress 設計網頁好處多多,我們這邊條列式整理優勢,讓大家更好理解 WordPress 優秀之處!

  • 客製化開發:自由搭配外觀主題+功能外掛,實現多種特殊功能。
  • 後台管理:中文化後台管理,可搭配會員功能,完成公司內部分權網站運作。
  • SEO 表現優秀:WordPress 是全球最多網站的選擇,也因此搜尋引擎更好讀取 WordPress 程式碼,網站收錄速度大幅提升,SEO 表現自然優秀。更多 WordPess SEO 教學
  • 資訊安全:因為 WordPress 是全球最多網站使用的架站軟體,所以有許多資源投入安全運作,正常使用 WordPress,絕不會有安全疑慮。更多 WordPress 資安外掛推薦
  • 網站自主權:不論是交由哪一個網頁設計公司,只要是使用 WordPress,你隨時可拿回網站程式碼,因為程式碼是開源的,不怕找不到下一家幫助你維護 WordPress 網站。

可以看見,使用 WordPress 架設網站,是相對 CP 值優秀的選擇,這也是為什麼犬哥數位選用 WordPress 幫助站長架設網站的原因!

如果你想了解更多「 犬哥數位 」的服務,歡迎點擊下方按鈕,前往查看&諮詢:


自學程式語法

自學 HTML、JavaScript 等程式語法
自學 HTML、JavaScript 等程式語法

自學程式語法,這個模式和 使用開源軟體 情況一樣,就是站長擁有最高的網站控制權,從個人網域、虛擬主機、網站內容、網站程式碼等 .. 都能獨立擁有。

這代表,你能完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。

自學程式語法是條漫長的道路,因為它是一個技能的培養,沒有幾年的學習時間,是很難架設出功能齊全的網站。

除非架設網站之外,你也剛好想培養一技之長,那學習寫程式會是個好選擇,因為有程度的軟體工程師,公司給的薪水幾乎很不錯。

不然會建議用其他方法建置網站,因為這樣花費的時間可能太多。

網站架設 :網頁前端工程師,學習路線圖
網頁前端工程師,學習路線圖

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 程式開發學成後,任何功能類型網站隨你架設,不受限制。
  • 培養一技之長,有程度的軟體工程師,薪水待遇通常很不錯。

缺點

  • 程式技術是一門學問,要學習到一定的程度,需要幾年時間培養。
  • 如果單純想建置網站,通常有更好的方法替代。

備註:程式語法有很多種,可先選擇一種語言專精即可,像是 HTML、CSS、JavaScript、PHP、Python、Java、C# 等 ..。

利用 AI 輔助進行程式學習 / 開發

AI 輔助撰寫程式碼

近年來 AI 發展神速,像是 ChatGPT 這類的語言模型,除了可以回答關於網站架設的知識外,也能依照你的文字敘述,直接幫你生成程式碼!更多 UI / UX 設計師 ChatGPT 指令秘笈

透過簡單文字描述,例如「 請幫我寫按鈕的 HTML、CSS,按鈕樣式為圓角、黃底黑字請幫我寫一個按鈕的 HTML 和 CSS,按鈕樣式為圓角、黃底黑字 」,不到一分鐘的時間,ChatGPT 就能產出程式碼。

你只需要簡單複製貼上,就能製作網站,不過目前 ChatGPT 產出的程式碼,有時候可能會有小誤差,不太完美,建議還是要檢查一下

ChatGPT 撰寫程式碼
ChatGPT 撰寫程式碼

我們之前也有分享過利用 ChatGPT 寫 CSS 程式碼的影片教學,有興趣的朋友可以前往學習唷:)

ChatGPT 寫 CSS 程式碼影片學習

部落格平台有哪些?

經營網路個人品牌,可能會需要 部落格平台 ,協助你完成 Blog 建立。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機

使用 WordPress 不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 Blog 建立,這篇文章中有完整架站教學,或是參考下面影片學習。

建立Blog:如何架設教學(寫網誌+部落格平台)

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的部落格平台,跟大夥介紹。

痞客邦

痞客邦部落格,社群首頁
痞客邦部落格,社群首頁

痞客邦 是老字號的部落格平台,主要的客群來自台灣,好處是它有自己的平台生態,像是話題討論區、主題社團、定期活動等..,網站內較熱門的分類屬於美食、旅遊、親子及美妝。

對於網站主的好處是,你或許會從中得到一些網站流量,但通常也不多。

在操作介面裡,我覺得內容很齊全,有眾多選項可以調整,光是字體就有數十種類型,文字可以自由調整大小;排版方式除了可以調整段落間距、段落併攏位置,還可以做段落縮排調整,在編輯方面非常多元!

痞客邦操作介面|部落格平台推薦
痞客邦操作介面

但它的缺點也不少,像是佈景主題、後台介面 .. 都偏向舊款設計,會影響網站門面。

此外,還有上傳流量限制,如果需要提升上傳流量,勢必要使用付費服務解鎖功能。

網站架設 :痞客邦佈景主題
痞客邦佈景主題

比較可惜的是,就是痞客邦有很多的網路廣告,讓使用者體驗變得差,這也是讓許多人遠離的原因。當然你可以關閉網路廣告,但是需為此付費升級。

儘管如此,由於痞客邦在台灣發展的早,仍是有它的功能特色和一定的用戶群,所以也是可參考的標的。

Medium

Medium

Medium 是一個國外的部落格平台,由 Twitter 的創辦人和其他夥伴,在 2012 年 8 月一起創立的,宗旨是「打造高質量、高專業的部落格平台」,希望有別於 Twitter 的短篇貼文。

Medium 獲得全球專家學者青睞,很快就成為學術交流的平台,近年來台灣也越來越多用戶加入,與國外學者做交流。

因此有許多國內外的媒體會在這邊轉載分享專業的學術文章,也有許多個人或是企業,使用它做為公司或是其中一個項目的文章發布平台,像是 Airbnb、Facebook、Square 等..。

網站架設 :medium 架站平台推薦
Medium 架站平台推薦

Medium 網頁設計很藝術派,大多數是時尚、簡約的樣式類型,而且沒有鋪天蓋地的網路廣告。

所以比起痞客邦,我更推薦使用 Medium 打造你的部落格網站。

網站架設 :medium部落格,畫面版型
Medium部落格,畫面版型

相關網站類型

下面這幾款部落格平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為我們管理自己的網址、主機、整個網站等等權限,不受任何平台約束,所以不必擔心因平台結束營運,整個網站心血在一夕之間都沒了!

犬哥網站 就是使用 WordPress 建置而成,當然這是我的選擇,主要還是選擇適合自己的來使用:)

部落格平台整理(依照順序推薦):

  • WordPress
  • 痞客邦
  • Medium
  • Blogger

網頁製作平台有哪些?

市面上的網頁製作平台有很多,但絕大多數是採用平台租用服務,網站並不是完全屬於自己的,這容易遇到哪天平台結束營運,而導致多年經營的網站血本無歸。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機更多 WordPress 是什麼

使用 WordPress 不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 官網設計,這篇文章中有完整架站教學,或是參考下面影片學習。

WordPress 網頁設計教學:如何架設網站+完整官網製作(不懂程式也做得到)

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的網頁製作平台,跟大夥介紹。

Wix

網頁製作平台 :Wix 網站製作教學

Wix 是一個流行的網頁設計軟體,在全球 190 多個國家服務,超過一億八千萬個使用者。

龐大的使用者,讓它成為了納斯達克的上市公司,算是除了 WordPress 以外,聲量第二高的網頁製作軟體。

網站上有 800 多種佈景主題,和多種官方或第三方網站外掛,可直接套用。

Wix 有多款佈景主題可選擇

Wix 有提供出色的頁面編輯器,介面直觀淺顯易懂,且都是繁體中文,是輕鬆架站的好夥伴。

挑選完喜歡的樣板,只需把元件拖放至指定區位,就可新增一個區塊功能。

而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)

Wix 頁面編輯畫面

Wix 也有推出 App 供使用者下載,若你人在辦公室外,不方便帶著筆電,你可以下載 Wix 的 App,在你的行動裝置上管理網站。

Wix App頁面編輯畫面

Weebly

網頁製作平台 :weebly
網頁製作平台 :Weebly

Weebly 是一款簡單上手的網頁製作軟體,有支援中文,在台灣也算知名架站平台。

它有好用的頁面編輯器,只要用拖曳方式,就可快速製作網站,蠻適合需快速建站的新手使用。

頁面編輯器支援多種小工具,像是文字、圖片、區塊、輪播工具等 ..,有利站長設計網頁排版。

Weebly 頁面編輯器

此外,Weebly 也有推出 App,不管你在哪裡,只要有手機等行動裝置,就可以下載 Weebly 的 App,在你的行動裝置上設計版面、處理訂單等..。

Weebly 在行動裝置上也能使用頁面編輯器設計網頁

Weebly 也有多種佈景主題可以選擇,不論你是要架設電商網站或是部落格,都有模板可以直接選擇。

如果你打算快速架站,或只是短暫性的需要有網站能使用,那使用 Weebly 也是個好選擇!

Weebly 佈景主題

相關網站類型

下面這幾款網頁製作平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為 犬哥網站 就是使用 WordPress 建置而成,而且擁有網站自主權,更改編輯的自由度高,所以我才會推薦,不過這是我個人的選擇,主要還是依據讀者需求,選擇適合自己的來使用:)

關於 WordPress 的優點有哪些,前面章節都有介紹,可以往前閱讀介紹內容,進行比對篩選。更多 網頁製作平台推薦

網頁製作平台整理(依照順序推薦):

  • WordPress
  • Wix
  • Weebly
  • Strikingly

網路開店平台有哪些?

想要經營線上生意,可能會需要強大的網路開店平台,協助完成購物網站架設。

WordPress 是完整多功能的架站平台,也可用來建置購物網站,是目前全世界僅次於 Shopify 最多人使用的開店平台。

如果你有預算上的考量,最佳作法會是使用 WordPress+WooCommerce,這是完整的搭配。更多 WooCommerce 是什麼

可參考 架設購物網站 教學文章,並搭配下面影片學習,有將近 4 小時的完整購物站製作,讓你立即網路開店成功!

如何架設 WordPress 購物網站+網路商店

WooCommerce

WooCommerce 電商外掛

WooCommerce 是 WordPress 旗下最知名的網路商店架設外掛,全球下載量已超過 4500 萬,而且它是免費的。更多 WooCommerce 中文教學

因為是免費的軟體加上安裝快速,在全球各地累積許多使用者,在全球已有超過 500 萬的下載量,市占率高達 40 %,是世界排名前幾的電商系統。WooCommerce 幾乎任何實用的功能都擁有,如: 商品管理 、訂單管理、 會員管理 優惠管理金物流串接 等等,非常齊全!

woocommerce購物網站架設
WooCommerce 購物網站架設

加上有眾多的 WooCommerce 佈景主題擴充外掛,可協助強化電商平台,只需點擊安裝即可。

對此,我寫了這篇 架設購物網站 完整教學,手把手帶你網路商店架設,希望能有效幫助到你。

WooCommerce 外掛的豐富生態圈
WooCommerce 外掛的豐富生態圈

WooCommerce 的生態圈很豐富,有多種周邊擴充功能,這也是讓它更完整強大的原因。

如果想節省網路開店平台的預算,使用 WooCommerce 開店平台外掛,絕對會是你的好選擇:)

Shopline

Shopline|電商平台
Shopline 電商平台

Shopline 是香港的軟體新創公司,因為其優質的設計介面和多功能的商店服務,在東南亞吸引許多愛好者使用。

Shopline 內建完整的電商平台功能,像是會員管理、訂單系統、商品管理、優惠管理等等多項服務項目,你不需額外進行安裝。

只不過在平台外觀方面,Shopline 提供了固定外觀版型給商家使用,這些版型無法做出大幅度的編輯修改,所以很難凸顯出網站的個人特色。

Shopline功能|電商平台
Shopline 功能及服務

Shopline 的方案內容目前分為四種,從小資輕量到全通路的方案都有,可看自身需求選擇。

Shopline 方案

但由於使用「 架站平台公司 」的方法架設網站( 像是 Shopline ),你只是平台租用者而非擁有者,所以像是網頁程式碼、文字圖片、資料庫等 .. 都不是你擁有的。

這可能會遇到個問題,假如哪天品牌茁壯了,想搬出來自架購物網站,你將重新開始網站經營,這將是一個巨大的成本。

還有每月(或每年)固定的平台使用費,也是要網站主需考量的地方。

相關網站類型

結論是,剛開始網路事業,建議使用 WordPress+WooCommerce 搭配。

雖然會花些時間學習網站架設 ,但至少不會有「 沒有資料擁有權 」和「 每月高額平台費用 」問題

等品牌成熟一點後,再依需求雇用軟體工程師,協助提升 WordPress+WooCommerce 的整個功能性,讓它更符合公司成長需求。

或是重新開發一個客製的購物網站(不一定是 WordPress 系統),雇用一個軟體工程師、外包網頁設計公司,幫助你重新製作。

不論哪種方法,請記得索取網站程式碼、資料庫等等「重要的」網站內容資料

這只是我的經驗供你參考,主要還是選擇適合自己的方法。更多 網路開店平台比較

網路開店平台整理(依照順序推薦):

  • WordPress+WooCommerce
  • Shopline
  • Shopify
  • 91App
  • Meepshop
  • Cyberbiz

AI 架站軟體推薦

AI 快速架站
AI 快速架站

過去在製作網站時,都會需自己發想每一個區塊該放什麼、如何呈現樣式等 ..。

現在也有許多 AI 架站平台,可以直接透過回答問題或是描述,快速生成完整的網頁。更多 AI 網頁建置軟體推薦

像是可以透過輸入你的行業別、選擇色彩搭配、選擇網站區塊、選擇字體樣式等 ..,就能快速架站成功,十分的方便(不需任何程式概念)。

有些 AI 架站軟體,也有支援電商網站的製作,加上完整的會員訂單系統,讓我們可選擇的架站工具又多了不少。

Framer AI 架站影片學習

這邊也列出幾個好用 AI 架站軟體,免費版就包含非常多功能,大家可以試試看:)

Hocoos

Hocoos AI 架站軟體

Hocoos 是一款 AI 架站軟體,操作介面簡單又好看,免費版就可以製作發布網站!除了 AI 架站功能外,也有 AI 文案生成、圖片生成、logo 生成等..。

Hocoos 的架站流程滿有趣的,是透過對話方式,一步一步的問答引導來架站,總共只有 7 個步驟。

首先,於首頁輸入 Email 登入後,就會進入到一個像對話框一樣的架站頁面。

再來只要依序回答你的網站類型、提供的服務、網站要包含的功能( 產品銷售、線上預約等.. )、商家類型( 只有網路商店或有實體店家 )、商家特色、商家聯絡方式,接著不到 30 秒的時間,AI 就能生成一個完美的網站!

Hocoos AI 架站介面

網站生成後,有 3 種樣式可以選擇,你可以再自行調整網站配色、搭配字體。

若是目前顯示的配色或字體不喜歡的話,你可以再次切換樣式,系統就會產出新的配色、字體建議,之後點選 Creat my website 進到下一步。

Hocoos AI 生成的頁面

接著就可以開始對網頁內容進行更新調整,你可以直接使用 Hocoos 內建的 AI 文案生成功能,輕鬆編輯商品文案。

若是你的商家剛起步,還沒有自己的 logo,也能使用 Hocoos 的 AI logo 功能,幫你的商店設計專屬的 logo!

不過免費版只有 1 次 logo 生成的體驗機會,文案生成也有限定 20 次,若想體驗更多,需要付費升級。可前往 Hocoos 方案 了解更多。

Hocoos AI logo 生成選項

Hocoos 最強大的地方在於,你可以直接在網站上一鍵架設商品頁面,之後只要簡單替換照片、修改商品介紹,就可以輕鬆完成你的商品網站!

商品編輯頁面的操作方式也都非常簡單易懂,對於新手架站算是非常友善!

此外,Hocoos 也有 AI 圖片生成功能,讓你可以直接在網站上生成商品示意圖,不過免費版也只有 5 次生成機會。

Hocoos 商品編輯頁面

商品頁都設置完成後,網站就可以免費上架運作了!除了可以實際購物下單、設定購物折扣券,更厲害的是,顧客下單後,系統還會自動發送訂單成立通知 Email 給顧客,而站長也會收到有新訂單的 Email 通知。

之後站長可以回到 Hocoos 後台的「 Orders & Customers 」介面管理訂單,非常方便!推薦有電商架站需求的朋友試試:)

Pineapple Builder

Pineapple Builder AI 架站軟體

Pineapple Builder 是一款強大的 AI 架站軟體,只需要輸入一段簡單的描述,就能生成一個高質感網站!它也有 AI 文章建議功能,可以幫助你快速撰寫優質 SEO 部落格文章,適合想要架設部落格的站長。

Pineapple Builder 搭配了 ChatGPT 智能助理協助你精準快速架站,你可以選擇要使用免費版的 ChatGPT 3.5 或付費版的 ChatGPT 4。前往 Pineapple Builder 方案 了解更多。

雖然介面皆為英文,但是你可以透過輸入中文指令來架站,例如「 一個理髮廳形象網站 」,不到一分鐘,就可以快速生成頁面,甚至連中文文案都幫你打好了

Pineapple Builder AI 生成網頁

Pineapple Builder 的頁面編輯器也非常好懂,像 Figma 一樣,左方工具列有各個元素分層,適合不懂程式碼的設計師編輯。

在編輯器上也隨處可見 AI 助理功能,如果最一開始生成的文案太短的話,你只需要點選 AI,再點選 Make it longer,AI 就會生成更長的文案。

此外,Pineapple Builder 也有快捷功能,只要輸入斜線 / ,就會跑出 H1、子標題、行動呼籲按鈕或是其他 AI 功能快捷鍵,非常方便。

Pineapple Builder 編輯器快捷鍵功能

若你還想在網站上新增更多區塊,你只需要點選加號 + 或 Add Section,就可以新增區塊,你也能繼續搭配 Pineapple Builder 的 AI 助理生成區塊。

在靠近左下角的地方會有一個像是對話框的地方,同樣只需要一段簡單的中文描述,告訴 AI 這個區塊你想要放置什麼樣的內容,Pineapple AI 就能幫你產出附帶中文文案的網頁區塊

Pineapple AI 對話生成網頁區塊

使用下來,Pineapple Builder 算是滿強大好用的 AI 架站工具,AI 生成的速度都滿快的,且免費版就可以無限次生成文案,大家可以試試看唷:)

相關網站類型

這幾款 AI 架站軟體都挺不錯的,操作簡單適合新手,可從中選取試試看:)

AI 架站軟體整理( 依照順序推薦 ):

  • Hocoos
  • Pineapple Builder
  • Framer AI
  • Jimdo
  • Kleap

網頁設計教學/資源

網站架設 :網頁設計(程式+設計)
網頁設計(程式+設計)

有人問我說,如果想自學成為網頁設計師,有什麼資源是可以用來學習的?

一個網站設計,主要是由兩個面向組成的,分別是設計+程式。接下來,我整理了一些相關資源,幫助大家學習成長。

架設網站(教學+課程)資源

網頁設計「 靈感參考 」:

Dribbble:最有人氣的設計靈感網站,挖寶的好地方。

Behance:支援中文版,後面有Adobe老大哥站台。

Pinterest:圖片界的Google,有大量圖片素材可供搜尋,很多人愛不釋手。

站酷:眾多網頁設計作品案例,靈感來源參考。

CollectUI:眾多網頁設計作品案例,靈感來源參考。

Eagle:台灣團隊開發的靈感搜集工具,可以輕鬆整理「 靈感、截圖、影片、音樂 」等各種素材。

網頁設計「 軟體教學 」:

犬哥網站:固定更新不同的自架網站、UIUX 相關教學,也有影片學習、素材資源分享。

學 UI 網:學習PS、 AI等軟體好地方,也有影片學習。

UI 中國:中國知名的UI/UX設計,教學分享網站。

網頁設計「 素材來源 」:

Freepik:提供大量圖像設計素材的搜尋引擎,滿多向量圖型可以下載來使用。

Flaticon:國外有名的icon素材網站,挖寶的好地方。

Iconfinder:很多扁平化 Icon 圖示可以使用 ,適合作為介面設計的圖示來源。

Sketchappsources:提供 Sketch 軟體可用模版與素材的網站,收錄許多漂亮的樣板。

Pexels: CC0 圖片搜尋引擎,收錄了許多網站的 CC0 圖片,方便尋找想要的圖片。

Pixabay: 大量 CC0 圖片可供搜尋,適合用在商業文章或網頁設計範例中。

PS. 還有更多 免費圖庫資源 可參考,也推薦追蹤 犬哥網站 IG,我們會固定分享最新資源唷:)

網頁設計「 程式學習 」:

W3School 在線課程(簡中):蒐集大量程式語法的基礎知識點,新手入門程式的好地方。

MDN Web Docs:包含 HTML、CSS、JavaScript 等教學,部分教學都有繁體中文版可參考。

Codecademy:網頁設計課程/教學,可以從 HTML、 CSS 開始學起,註冊會員後有一系列的教學。

網頁設計「 程式編輯器 」:

Sublime:編輯器的入門款選項,簡潔風格讓很多使用者喜愛。

VSCode:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝,且有繁體中文版。

當然,還有許多網頁設計資源可以讓自己學習提升,這裡僅列舉部分。


常見問題

自架網站需要準備什麼?

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個網站主都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務 or 產品有關、去除 www、 .com 優先、勿用中文。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

WordPress 是什麼?

WordPress 它是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。

它可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

有推薦的 WordPress 優質虛擬主機嗎?

A2 Hosting 是一家全球知名的虛擬主機和網域託管服務商,它從 2001 年就開始提供相關服務,由於創辦人本身有程式相關背景,所以主機速度優化上,一直是它們的服務重點。

它在虛擬主機上提供多種服務項目,像是共享主機、WordPress 專業主機、VPS 主機、獨立主機,隨著你的網站規模越大(流量越多)可同步升級服務,滿足不同時期的需求。

如果對速度有一定程度的要求,則可以參考其他款進階主機,像是 Cloudways(VPS) 或是 A2 Hosting(中高階方案)。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈如何架設網站?完整網頁設計+製作流程教學(2024)〉中有 88 則留言

    1. 嗨~方先生你好:
      剛看了你的連結內容,裡面功能算是簡易版的淨銷存系統,是比較客製化的網站功能,採用PHP程式語法架構出來的。

      建議如果公司內部有技術團隊,可以和公司溝通請他們協助開發;若是沒有的話,可以找尋網頁外包(公司或是個人Soho,優缺點和注意事項,文章內有敘述)。

      祝你一切順利:)

  1. 您好,看到您的文章讓我受益許多,但有些疑惑
    不曉得如果要從網頁製作平台轉到網頁製作軟體或是自己架網站,或者從網頁製作軟體轉到自己架網站的時候
    之前建立的會員系統會不會有無法轉移(會員要重新註冊)的情況發生?

    1. 嗨~HeZe你好,首先很開心我的文章有幫助到你:)

      切入正題,在平台上的移轉,舉例:如果原來用wix(網站製作平台),想要把會員移轉到wordress(網頁製作軟體),你可以先看wix後台,有無開放會員資料匯出功能,若是有的話就輕鬆許多,但以我的經驗來說多半沒有(因為多半不希望你跳槽)。

      如此一來,只能用人工手動新建會員方式,在wordpress建置會員檔案,如此一來也不用再發信給原來會員,請他們重新註冊,不然多半會有會員流失問題。

      如果是要把wordpress的會員,匯出到自己架設的網站,應該比較有機會實行,你可以先搜尋是否有類似的外掛,協助你進行。

      但如果沒有的話,可能還是需要人工手動重建會員,或者可用程式,爬wordpress的會員資料+頭像等資料..進入到你自行架設的官網,也可以達成。

      因為跨平台的移轉資料是算比較大的工程,各家軟體本來就不一定會相互支援,祝你一切順利:)

      1. 嗨 小犬,你的文章太棒了,對我這種新手來說真的很有幫助,謝謝你。另外,不好意思,可以跟你請教一個問題嗎?我想要架設販賣線上課程的網站。可是我不太了解wordpress和市面上其他的online lesson course platform的關係EX: podia,teachable. 因為這些網站似乎也可以協助我架網站+額外的課程架構服務 。所以我不知道我是應該先用wordpress架好網站,再使用這些平台的服務嗎? 還是我直接使用平台架網站,而不需要使用wordpress。 不好意思,問題有一點長,謝謝你了:)

        1. 嗨,首先謝謝你的鼓勵&支持:)

          至於你提到的問題,市面上的線上開課平台,好處是馬上就能使用,但缺點是每個月大額的租金費用&網站並不屬於你自己的&無法保存學員資料。

          使用 WordPress 架設線上課程網站,可使用 Learndash 外掛處理,雖然一開始會花些時間處理架站問題,但對於長期經營來看,會是比較好的。

          但由於 Learndash 算是比較大一點的外掛,會建議主機使用 Cloudways 來處理。相關 Cloudways 主機教學

  2. 您好, 謝謝你這麼詳細地解說, 讓我終於有點頭緒…

    另外有個問題想請教: 如果想做互動性較高的新聞網站, 也打算初步的設計和開發外包給網頁設計公司製作, 比較好奇是在和他們洽談前, 就要有一定量的新聞內容了嗎?(避免網站架設好但產品還沒好?)
    或是能夠先有網站, 再慢慢累積內容?如果是前者的話, 有建議要提供設計公司多少的內容量嗎?

    非常感謝!

    1. WenYen 你好,基本上這兩種模式都可以,但如果怕網站成品出來,沒有內容會有點單調,那建議可以先準備幾則文章,等待網站完成後先上傳幾則(自己上 or 請外包公司上),免得網站看起來空空的,其他的文章再慢慢製作就可以。

      希望有幫助到你:)

  3. 請問為何我已經使用Let’s Encrypt加密,也出現如同您顯示畫面表示已經成功,但為何在一鍵安裝WordPress的Choose Protocol時,選擇https:// 的選項是出現A trusted SSL Certificate was not found呢?
    是因為DNS指向剛設定的關係嗎?需要等待時間嗎?還是有哪裡出問題呢?謝謝您指教!

    1. HI,CarolHuang:

      有的時候可能是剛才設定完成的關係唷,可以試著等一下。

      或是先安裝好wordpress,再用Let’s Encrypt加密。

  4. 真的非常謝謝您詳細的分享解說,收穫滿滿!! 解決了內心很多的疑惑,感恩。

  5. 想請問,只想做一個最基本的公司網頁(介紹公司提供的檢測項目而已),是用weebly自己好呢?還是請人架設好呢?
    主要是希望能夠上搜尋引擎,讓公司能見度提高
    如果是用weebly做,看他方案內也有優化的功能,這樣就能上收尋引擎嗎?還是也是要自己上google去申請
    不好意思….問的問題或許很好笑…..但我真的是不太懂….再請您指教,謝謝

    1. HI Amy:

      若只是簡單的形象網站,可以使用上面的免費架站軟體,他們內建都有 SEO優化(應該也會協助做網站提交),只要公司名稱沒有含熱門關鍵字,是滿快在瀏覽器上可以用公司名稱搜尋到自己網站。

      若是想要自己控制 SEO優化,建議你可以使用 wordpress 進行網站架設(有網址+主機費用),但又須比用 weebly 這些軟體,還要多學一些東西補足了,好處是你可以自行變更任何東西。

      希望有幫助到你唷:)

  6. 有幸拜讀您的文章 真的是相當的認真且用心
    能夠看出筆者地努力的心血及想盡可能完善各方面介紹的認真態度
    在此感謝您的分享

    順便請教 如想精進有關網頁前端布置及後端資料處理的相關技術
    例如 必要js套件的學習應用 學習資源.書籍等等
    有沒有什麼個人推薦的呢?

    1. HI Hower:

      謝謝你的鼓勵和支持:)

      若要學習程式技術,目前來說網站上的資源已經很多了,你可以參考 w3school(簡體教學),會入門比較快,從 HTML => CSS => JS => PHP 逐步學習,從前端入門,若是對後端有興趣,可以玩看看 PHP 比較好入門。

      JQ 是 JS 的一種框架,可以幫助你完成許多前端功能(有很多套件,都是基於 JQ 開發),在學 JS 打完基礎後,也可以玩看看 JQ ,希望有幫助到你唷:)

  7. 因為最近才剛購買網域、租主機也是在學習階段,有幸拜讀您的文章,真的是很感謝。讓我對整個架構又更清楚了。相對比其他架站網站來說,您的網站呈現的是更清楚的是整個架構與觀念的釐清,剩下的就是使用者自己再去找更深入的議題學習。對我受益良多。~感謝!!

  8. 請問我想要在wix網站上加入Ayden payment 系統要怎麼做呢?有程式人員可以介紹幫忙我嗎?

    1. Hi lydia:
      有關 Wix 上的付款功能,是他們內部綁定的唷!簡單來說,就是要配合他們的金流廠商,是無法自己串接的,除非是使用 wordpress 等開源軟體,進行網站開發。

  9. 剛個人創業,許多事都在起頭,一步步的戴著鋼盔往前衝
    好不容易把FB粉專搞懂了,也把資料漸漸豐富起來
    下一步就是個人網站了!
    感謝版主豐富又詳細的架站介紹,對我這個網路資訊新手有莫大幫助
    有信心繼續往前衝了!

    1. Hi 傑瑞:

      看到你一步步往你的夢想前進,很替你開心!

      很開心我的文章有為你帶來幫助,祝你一切順利:)

  10. 感謝筆者用心分享關於網站架設的資訊
    初學架站真的很多東西需要慢慢去學習理解
    像是虛擬主機租借等也得自己去評估選擇
    不論什麼都是博大精深呢XD

    1. HI bella00xx:

      你好,是可以的唷。

      照著本站的流程申請完成 SiteGround 後,登入 SiteGround 然後前往 cPanel ,在這裡面可以上傳你的 database(使用 MySQL DataBases & phpMyAdmin),然後再用 FTP 工具,把網站資料上傳到 server 即可。

      希望也幫助到你唷:)

    1. HI Ivy Huang:

      文章比較長一點,若不了解可以加入社團,希望有幫助到你:)

  11. 請問一下 像我是使用Wix製作的的網站 我想使用我自行購買的網域當作網址 但我的網址後面有.tw Wix好像沒有支援,如果是這樣,那我該怎麼辦?

    1. HI 吳尉嘉:

      Wix 使用自己的網址當網域,目前還沒實際試過,若 tw 不支援,可能就需要申請 com 的網域了。

    1. HI DDR:

      有的,雲端資料庫應該算基本配備,不然沒地方存網站資料。

      Bluehost 有 phpMyAdmin 這款軟體,用來操作資料庫相關動作,這在 Bluehost 後台介面,都能前往。

      希望有幫助到你唷:)

  12. 您好 想請問 依照您的步驟一步步執行,完成後,是否代表 在google上鍵入自己的名稱 即可搜尋到自己的網頁呢? 非常謝謝您

    1. HI mimi lee:

      照著文章可完成網址+虛擬主機申請+網站架設,

      但若要 Google 關鍵字能「 快速 」搜尋到,需本身你的網站名字不是熱門名(因為競爭,相對排名的慢)。

      若不是熱門名,舉例:用公司名稱當網站名稱,因為公司名基本上不太會重複,

      所以網站上線大約1-2個禮拜(不一定),應該就搜尋的到了。

      希望有幫助到你唷:)

  13. 您好,謝謝您詳細的說明!
    想請問架設自己的美容工作室的網站,想導入網路預約的系統,用wordpress就做得到嗎?
    該怎麼做呢?

  14. 您好,

    目前公司有架設好一個網站,未來會要成立新品牌架設新的網站,但是不想使用既有購買的套裝模式,想要改成wordpress系列架站。

    請問我現在想要先用免費wordpress架網站,未來準備好後會新註冊網域及租用主機,請問這種情況下會建議使用哪個版本的wordpress呢?

    1. HI Nancy:

      首先,如果是用微軟系統,就先下載WAMP。如果是Mac系統,就先下載MAMP。(這軟體可以讓你在本機上架設網站)

      再來,可以參考 WordPress安裝 文章的「 使用 FTP 安裝 WordPress 」章節,在本機上安裝 WordPress 網站。

      如果 FTP 工具不太會操作的話,可以參考 FTP 軟體教學 文章。

      希望有幫助到你唷:)

    1. 嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

    1. 嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

    1. 嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

    1. 嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

  15. 你好,感謝分享,目前公司想創立網站但又不想花太多錢,因為不需要金流,只是放產品資訊跟價錢以及連絡方式,所以我在找免費的網頁架設的公版跟網域,想請問一下有哪些比較適合?另外,若需要有購物車以及金流跟客服,會比較建議哪個呢?謝謝

    1. HI vivi:

      會建議你參考 架設購物網站 這篇文章,這是一篇完整的購物網站教學,唯一的費用就是個人網域+虛擬主機(這是任一個自架網站主,都需支付的費用)。

      當購物網站建置完成後,可參考 WooCommerce教學,WooCommerce 是 WordPress 旗下最強大的線上開店外掛,相關的設定細節都在文章中。

      如果不需有購物功能,就把加入購物車相關功能關閉即可(就變成單純展示產品&價錢的網站),至於金物流部分文章中也有教學。

      希望有幫助到你唷:)

  16. 啾的Music_story

    小犬您好~ 看完你的教學真的很棒 但這邊想請教一下我購買bluehost主機後,收據上有加稅金是正常的嗎?因為在結帳頁面並沒有顯示會收稅金,所以覺得受寵若驚

    1. 嗨~你好!

      首先謝謝你的鼓勵。

      至於有關稅金部分,這是正常的唷,我如果教學文章中沒有顯示稅金部分,

      那是因為我是比較早期申請的,那時候好像沒有稅金部分。

      但現在申請的都會有唷!

      希望有幫助到你:)

  17. 小犬您好,
    感謝您網路購物架設的文章, 獲益良多。
    請問如要架設類似591租屋網站,
    要用wordpress+bluehost,
    再搭配哪一個網站theme主題比較合適?
    以及建議再加那些外掛程式協助其他功能?
    麻煩您, 謝謝。
    祝 事業順利, 業績長紅!

    1. 嗨,有關租屋網站是比較複雜一點的呈現,可能要安裝客製化程度比較高的主題。

      這類型的主題可參考 Astra Pro,頁面編輯器可參考 Elementor Pro,至於如果你要的需求是更多的,可能就要再看有哪些外掛比較符合你的需求~

  18. 小犬您好:
    謝謝你提供的資訊,想請教你機個問題,因為網路上大多是從虛擬主機/網域申請到購買,但是我希望我能把之前建置好的網頁透過wordpress重新進行版面設計,因為之前網頁是委託別人製作,所以目前已經有現成的網域和實體主機,想請問我應該怎麼做

    1. 犬哥網站

      謝謝你的鼓勵~小犬網站之後也會陸續推出更多教學文章的!
      希望能夠幫助到更多人:)

  19. 嗨 小犬

    我是位舞蹈老師,想要自己製作線上課程,希望使用者付費後可以進入觀看,請問有推薦的方式嗎?

    我想這個也很適合很多想要在家創造新事業的朋友~

  20. 嗨小犬,真的很感謝你的無私教學。

    我現在想要搭建一個非常簡單的活動官網,唯一的問題是想讓中國墻內的網友也能打開,不知道WordPress跟Bluehost能否實現這一點呢?如果可以的話需要做什麼呢?(我只知道關鍵點應該是在域名?以及IPFS類型網站是可以開的。)

    不好意思,可能問到超出你範圍的麻煩問題,如果不方便解答也沒關係,因為我暫時爬不到相關的文也找不到前輩直接問,所以只能留言試試看。

    期待您的回復!謝謝!

    1. 嗨,Sugar,

      這部分我也不太清楚,僅能就我已知的回答你,

      建議若需要中國也能看見,還是使用中國方的主機以及網域,是最保險的做法,因為如果建制在國外,還是需要每天檢查是否被封鎖,封鎖的標準也沒有明確的規範。

      僅能多注意網站內容避免敏感用詞,留意中國的法規,

      並且購買主機的專用 IP ,可防止跟你共用 IP 的網站被中國封鎖,導致你也一起被封鎖的情況。

      這邊我找到一些文章說明,希望能幫助到你:)

      如何讓中國可以正常看到網頁

      如何順利讓網站在大陸上線

  21. 你好 謝謝你完整的教學~

    請問我想像teespring網頁一樣 提供使用者線上設計的服務
    應該如何下手呢?

    謝謝喔!

  22. 您好
    我想請教一下
    我剛剛按照您的教學網站申請Bluehost的網域與主機
    文中有說到第一年是免費網域
    但是我出現費用是如下,我是點選你網頁上的連結過去申請的
    Account Plan
    Plus 12 Month Price – $5.45/mo.
    Hosting Price $65.40 ($5.45 for 12 months)
    Primary Domain Registration $27.99
    Let’s Encrypt SSL Free – terms

    另外我想請教,我是直接申請PLUS方案,因為我想要製作2個網站
    所以我要再同時申請第2個網域要如何申請呢?

    另外想再問一個很奇怪的問題
    就是為何買3年會比買1年貴?
    就是1年費用*3小於一次購賣3年費用??
    謝謝您

    1. 犬哥網站

      嗨,天使

      關於第一個問題,我們點擊連結,進入 Bluehost,點擊「 WordPress Hosting 」,選擇 Plus 方案,網域名稱確實是第一年免費,建議你可再重新點擊試試看,

      如果還是沒有顯示首年免費,建議你可洽詢客服。

      第二個問題,這是因為優惠的方式不同,以現在 2022 年 06 月的 PLUS 方案舉例:

      購買一年一個月為 5.45 美元,也就是一年支付 65.4 美元,但後續要續訂,會恢復為原價 13.99 美元,也就是往後都是一年 167.88 美元,並不會持續以優惠價續訂,

      若是購買三年為 65.4(第一年)+ 167.88 + 167.88 = 401.16 美元。

      購買三年一個月為 7.45 美元,一年為 89.4 美元,但三年都會是 89.4 美元,就會是 268.2 美元。

      若是有長期需要,可以選擇三年方案,但是可以在選購之前,先思考自身使用需求唷!

  23. 您好
    謝謝您詳細的回覆
    我試過了,後來發現原來是後面是co 就沒有優惠
    PS問一下:從您網站連過去申請就有優惠折扣對嗎? (譬如他寫63%off就是嗎?)

    那這樣我要一次購買plus3年
    但是我要有兩個網址 ,另一個網址是申請好再購買嗎?
    還是有其他方法建議操作,謝謝您

    超嫩新手問題有點多,謝謝犬哥團隊

    1. 犬哥網站

      嗨,天使

      也謝謝你提供的資訊,因為我們都是以「 .com 」搜尋,沒有發現其他域名是沒有首年優惠的,會在文章內再行補充,再次感謝你~

      是的,只要點擊我們的文章連結,進入 Bluehost 頁面,就可以享有 60% 以上優惠

      另一個網址可以先自行申請,也可以在 Bluehost 上繼續申請第二個網域,這都是依照你的需求去進行選擇,

      通常會建議如果可以一起購買,在 Bluehost 上購買第二個網域即可,若想試用看看其他網域商服務,我們也推薦 NameCheapGandi 網域商,你可參考看看~

      希望能幫助到你唷:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top