網站架設 :17 個教學設計(網頁製作+建置費用)

網站架設 :17 個教學設計(網頁製作+建置費用)

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

想自己架設網站,如:部落格架設形象官網製作購物網站架設線上課程網站預約網站、個人或公司網站設計等 ..?

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

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

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

★☆ — 重要資訊 — ☆★

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

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


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 它是全球知名的網頁設計軟體,全球有 30 % 以上的網站,都來自於 WordPress。

WordPress 網站使用人數
WordPress 網站使用人數

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,會給你應該的幫助。

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

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

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


2. 虛擬主機推薦

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。

Bluehost 的客群來自世界各地,所以不用擔心不懂英文,只要搭配 Google 翻譯,一樣能操作自如。

你也能參考下面影片,進行完整的網域 / 主機申請+ WordPress 架站。

有哪家虛擬主機商,對 WordPress 有良好的支援?

Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost教學 :wordpress.org 認證的虛擬主機公司
wordpress.org 認證的虛擬主機公司(經過官方嚴格審核標準)

Bluehost 正常運行時間、網站速度,表現好嗎?

Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的數據,不然訪客無法連上你的網站。

再來,我實測了幾個 WordPress 網站,在中低價位的各家主機速度評比,Bluehost 的網站速度是排行前幾的。

Bluehost教學 :網站正常運行比例&頁面載入時間
Bluehost 網站正常運行比例&頁面載入時間

備註:

Bluehost 主機不會是最快的,在速度方面它只是中低價位主機的佼佼者,如果你對主機速度有比較高規格的需求,Bluehost 可能會不適合你。

像是經營一段時間有許多穩定流量的人、因為舊主機速度慢想搬家的人、有高網站流量的人,如果你符合這些狀況,建議你可以參考 WordPress 主機推薦 的其他主機。

使用 Cloudways(VPS 主機)或是 A2 Hosting 的 Turbo Boost 方案,它們的主機速度更快,才會比較適合你的需求,但費用會稍微貴一點。

相關架站教學,可參考 Cloudways 教學A2 Hosting 教學

如果你沒有以上狀況,可能只是第一次架設網站的人、有預算考量的人(重視 CP 值)、想簡單快速架站的人 .. 。

那使用 Bluehost 主機,絕對是最棒的選擇!

Bluehost 主機安全性高嗎?

Bluehost 是全球最大的虛擬主機之一,它從 2003 年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。

老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過 200 萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。

搭配有優質的 24 / 7 線上客戶服務,如果怕語言不通,通常用 Google 翻譯就能搞定(他們有很多亞洲客戶)。

有關 Bluehost 主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在 Bluehost 上,而且也用了好幾年。

接下來,我將開始「 Bluehost教學 」課程,帶領你繼續架設網站囉:)


3. Bluehost 方案選擇

了解完 Bluehost 這款優質的主機之後呢,這章節就來點評一下主機方案部分,幫助你選擇最適合自己的。

前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。

使用 Bluehost 申請 wordpress主機+網域
使用 Bluehost 申請 wordpress主機+網域

往下滑,會看到 Bluehost WordPress 主機方案。

如果不知道如何選擇最適合你,下面我會給你一些 Bluehost 的方案建議。

Bluehost 教學 :主機方案費用選擇
Bluehost 教學 :主機方案費用選擇

要選擇哪種 Bluehost 方案?

Bluehost 的 WordPress 主機提供 4 種選擇,分別是 Basic 方案、Plus 方案、Choice Plus 方案、Pro 方案。

依照不同方案,全都享有免費的一年個人網域、SSL 免費憑證、WordPress 自動安裝和更新、24/7 全年無休客服,這是超值的功能服務。

基本來說,Bluehost 的 Basic 方案、Plus 方案會比較建議選擇,因為費用較便宜且功能已經足夠。

這邊我簡單的統整,方便你找到適合自己的方案。

  • 只有一個網站架設需求:選 Basic 方案。
  • 多網站架設需求:選 Plus 方案。

以新手來說,若只有一個網站需架設,選擇 Baisc 方案是毫無懸念的,此方案也搭配 50 GB 的大儲存空間,是非常夠用。

如果是有多個網站架設需求,建議直接選擇 Plus 方案,且享有無限儲存空間。

Bluehost 費用了解

Bluehost 通常費用是,網址 $14.99 美元 / 年(一年約 450 台幣),和主機 $8.99美元 / 月(一年約 $3240 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 60% 的主機折扣。

下表是用台幣計算,美元台幣匯率用經常的 1:30 換算(P.S 當前匯率更低, 換算下來更優惠)。

WordPress Basic 方案WordPress Plus 方案
買一年:特價約 1800 元(原價3600 元買一年:特價約 2700 元(原價 5040 元
買三年:特價約 3240 元(原價 9720 元買三年:特價約 5940 元(原價 12960 元

備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)

如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和附帶免費的 SSL 憑證,請多加利用。

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

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

接下來,我將購買 1 年的 WordPress Basic 入門方案,當作「 Bluehost教學 」範例。


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

選擇心目中的 Bluehost 方案,我們就可以開始申請網域和虛擬主機了,這邊簡化 3 步驟,打造自己的網頁製作。

Step1:選擇方案和申請網域

前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。

使用 Bluehost 申請 wordpress主機+網域
使用 Bluehost 申請 wordpress主機+網域

點選你想租用的年限&方案,如果預算有限可從 Basic 方案開始,想架設多個網站就選 Plus 方案。

Bluehost 教學 :主機方案費用選擇
Bluehost 主機方案費用選擇

申請新網址選 Create a new domain,已經有網址選 Use a domain you own,確認點 Next。

bluehost教學 :網域申請
有建立新網址 & 已經有網址,兩種選項
  • 如果「 網址 」和「 主機 」都是在 Bluehost 註冊申請,Bluehost 會附贈一年的網址(免繳網址費用),且 DNS 已經設定完成。
  • 如果網域不是在 Bluehost 申請,都需進行 DNS 設定指向,這樣搜尋網址才找的到網站。
  • 想申請第三方網域商,知名的 NameCheap 會是好選擇,請參考 NameCheap 教學,內有完整網域申請流程。

Step2:申請資料填寫

使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址可用 中華郵政 查詢。

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

Email 需填寫正確,申請完成 Bluehost 會寄網域確認信(需點擊啟用)& 購買收據等 .. 敏感訊息。

bluehost教學 :使用者資訊
bluehost教學 :使用者資訊

主要留意租用多久、是否加購商品、確認消費金額,Bluehost 會贈送一年網址和免費的 SSL 憑證。

加購商品只有 Domain Privacy(網域隱私保護)比較值得加購,其他可不勾選,省預算。

bluehost教學 :方案選擇&加購商品
bluehost教學 :方案選擇&加購商品

然後填入付款訊息並勾選服務條款,最後按下 Submit 送出。

bluehost教學 :付款方式
bluehost教學 :付款方式

這樣一來,個人網域和 Bluehost 主機就都申請完成囉,太好了。

Step3:創建 bluehost 帳戶

申請完成後會看到歡迎訊息 & 收據明細,可把收據保存下來,Bluehost 也有同步傳到你的信箱。

接著註冊 Bluehost 帳戶,這是用來登入 Bluehost 後台的,點擊 Create your account 創建帳戶。

bluehost教學 :虛擬主機申請完成
bluehost教學 :虛擬主機申請完成

下圖,Domain Name(你的網域名稱)是未來登入 Bluehost 的帳號,並輸入你想申請的密碼,確認無誤後點 Create Account 建立帳號。

P.S 這裡的資料請妥善保存,是未來登入 Bluehost 的帳密唷:)

bluehost教學 :創建bluehost帳戶
創建 bluehost 帳戶:輸入密碼

到了這裡,恭喜完成了網域申請 > 主機申請 > Bluehost 帳戶註冊的重要流程。

有了這些東西,我們就可以架設 WordPress 網站囉。


5. 建立 WordPress 網站

到了這邊,應該已經有個人網域、虛擬主機、Bluehost 登入帳密了,我們繼續架設 WordPress 網站。

如果有跟上面流程走,Bluehost 帳戶申請完成,會有個 Login 按鈕,點擊可前往登入頁面。

或是前往 Bluehost 官網,點右上角的 Login 登入也可以。

Bluehost教學 :登入 Bluehost 帳戶
登入 Bluehost 帳戶

輸入你的網域名稱(或信箱)&密碼, 登入 Bluehost 。

bluehost教學 :後台登入
bluehost教學 :後台登入

如果是第一次登入,Bluehost 會有個引導流程,協助你安裝 WordPress 網站。

會有多個步驟,都先點選 Skip this step 略過設定流程,直接進行網站安裝。

Bluehost 網站安裝引導
Bluehost 網站安裝引導

網站安裝完成後,會直接跳轉到 Bluehost 後台首頁,如果有任何加購選項,都先取消。

然後點 My Sites,就會出現剛架設完成的網站啦!這裡可進入 WordPress 網站前台&相關網站管理。

Bluehost教學 :前往網站前台&功能管理
前往網站前台&功能管理

備註:因為 Bluehost 是英文介面,中文標題在 Bluehost 後台可能呈現問號(除非英文命名),但這不會有任何影響。

如果要前往 WordPress 後台,可點 Manage Site 功能管理(上圖),進入點 Log in to WordPress,就可以囉。

Bluehost教學 :WordPress 後台登入路徑
WordPress 後台登入路徑

WordPress 網站前台

首度前往 WordPress 前台,會出現網頁準備中頁面(Coming Soon),這是 Bluehost 貼心幫忙製作的,等網頁設計完畢後,再切換 正式上線 即可。

還有,如果網址列出現臨時網域(非剛申請的網域)是正常的。

那是因為 Bluehost 需把你的新網域,通報給全世界的主要伺服器基地,讓它們收錄你的網域,如此一來你的網域才會被找到(就是一種新生報到點名的感覺)。

等作業完成後,Bluehost 會自動把臨時網域,更改成你剛申請的網址(在此之前,如果要登入 WordPress 後台,建議先從 Bluehost 後台前往)。

WordPress 網站後台

首次登入 WordPress 後台,建議優先更改網站語言、網站標題、永久連結 等 .. 主要項目,方便未來操作。可參考 WordPress 後台教學


6. Bluehost 其他設定

bluehost 網站架設,功能設定

如果有跟著上面的教學,你應該也順利建立 WordPress 網站了。

接著還有一些事項需完善它,像是信件認證(WhoIs 網域身份認證)、Bluehost & WordPress 設定、網站正式上線、SSL 安全憑證等 .. 。

如果網域是在第三方網域商申請(不是在 Bluehost 一起申請),別忘了需設定網域的 DNS 指向,把網域指向剛申請好的 Bluehost 主機,這樣搜尋網域才會順利看到網站唷。

上面提到的待辦事項,可以參考 Bluehost 網站製作,補充尚未學習到的部分。

完成後,我們的基礎設施就都建置完成了,恭喜大家。


什麼是 DNS 設定?

DNS 設定指向

DNS(Domain Name System) 又稱為網域名稱系統,是網際網路的一種服務。

所有連上網路的主機都有一組 IP 位置。

DNS 主要功能就是當你輸入網域,可以對應到關聯的 IP 主機,這個主機也就是網站放置的地方。

DNS 很像網際網路的巨大電話簿,當你想找某個人,就輸入電話號碼即可。

這就像是,當你在瀏覽器上搜尋網域時,會找到你租用的虛擬主機,進一步的讀取網站內容,然後呈現在訪客面前。

要讓個人網域和租用的虛擬主機,能對應起來,這時就需進行 DNS 指向設定。

每一家網域商都有可填寫 DNS 的地方,流程大同小異。

我有整理一些最佳虛擬主機的 DNS 指向方式,可找適合你的參考操作即可。

  • NameCheap(網域商)+Bluehost(主機商)示範,請參考 Bluehost 的 DNS 相關章節。(一般複製貼上即可,比較簡單)
  • NameCheap(網域商)+Cloudways(主機商)示範,請參考 Cloudways 的 DNS 相關章節。(要自行設定 A 紀錄等內容)

WordPress 教學

wordpress網站教學

如果「 網站架設 」完成,可學習更多 WordPress 後台 使用,會幫助你打造更棒的個人、公司形象網站。

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

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

對於不同軟體工具的搭配方法,可能會有不同的 WordPress 建置費用,從最低的架站價格,到進階功能網站的搭配,一切由你自由組合。

最後,經營網站的過程,可能你花費了許多時間心力,但沒人能確定網站是否永遠正常運作,所以 定期備份 是重要的,可讓你更加安心唷:)


架設網站的多種方法

架設網站的多種方法

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

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

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

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

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


開源軟體評價

開源軟體,架站程式

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

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

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

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

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

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

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

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

優點

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

缺點

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

架站平台公司評價

架站平台公司評價

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

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

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

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

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

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

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

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

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

優點

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

缺點

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

外包網頁設計製作

架站軟體公司評價

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

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

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

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

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

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

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

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

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

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

常見的網頁設計方案,有套版方案客製化方案租用型方案

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

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

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

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

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

  • 可以客製化網站設計,幾乎能滿足大多數需求。
  • 不需自行安裝建置網站,可直接使用現成的軟體服務。
  • 有任何網站問題,可直接詢問公司人員。

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

  • 依照不同的需求,會有不同的網站建置費用,從幾千元到上百萬的範圍都有。
  • 無法保證網頁成果品質,不論是頁面設計或是程式碼品質(會影響網頁速度)。
  • 大部分網頁設計公司,不會提供網站程式碼(或資料庫)和不允許自管主機,這跟使用 架站平台公司 情況相同,你沒有網站擁有權。

自學程式語法

網站架設 :自學程式語法

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

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

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

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

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

網站架設 :網頁前端工程師,學習路線圖
網頁前端工程師,學習路線圖
程式語法有很多種,可先選擇一種語言專精即可,像是 HTML、CSS、JavaScript、PHP、Python、Java、C# 等 ..。

優點

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

缺點

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

部落格平台有哪些?

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

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

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

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

完整建立 Blog 網站教學(使用 Soledad 主題)

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

痞客邦

痞客邦 是老字號的部落格平台,主要的客群來自台灣,好處是它有自己的平台生態,像是話題討論區、主題社團、定期活動 .. 。

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

網站架設 :痞客邦部落格,社群首頁
痞客邦部落格,社群首頁

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

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

比較讓人無法接受的,就是痞客邦有超多的網路廣告,讓使用者體驗變得很差,這也是讓許多人遠離的遠因。

當然你可以關閉網路廣告,但是需為此付費升級。

儘管如此,因為痞客邦在台灣發展的早,還是有不少用戶仍在使用。

Medium

Medium 是國外比較新的部落格平台,它是由 Twitter 的原班人馬之一和其他夥伴,一起進行創辦。

國內外已經有許多個人或是企業,使用它做為公司或是其中一個項目的文章發布平台,像是 Airbnb、Facebook、Square ..

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

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

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

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

相關網站類型

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

我首推的還是 WordPress,因為 犬哥網站 就是使用 WordPress 建置而成。

當然這是我的選擇,主要還是選擇適合自己的來使用:)

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

  • WordPress
  • Medium
  • Blogger
  • 痞客邦

網頁製作平台有哪些?

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

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

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

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

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

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

Wix

Wix 是一個專業的網頁製作平台,能讓使用者用自製的拖放工具,就完成網站建置,是快速架站的好選擇。

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

使用者可在網站加入許多額外功能,像是社群按鈕、聯絡表單、網路開店平台功能 .. 。

同時提供多種網站樣板,一鍵即可安裝套用,讓你自由做選擇。

wix教學 :多種選擇模板
多種選擇模板

挑選完喜歡的樣板,再搭配 Wix 的頁面編輯器,就能客製化你的網頁囉。

只需把元件拖放至指定區位,就可新增一個區塊功能。

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

網站架設 :wix editor 客製化網頁設計
wix editor 客製化網頁設計

Weebly

Weebly 是一款發源於美國的網頁製作平台,由於它直覺的操作介面,讓它在全世界同樣有許多愛用者。

網頁製作平台 :weebly

可使用 Weebly 架設形象網站、線上商店、行銷網頁等 .. ,它和 Wix 一樣有多種網站樣板,點擊即可一鍵套用,如下圖。

網站架設 :Weebly 套用網站樣板
Weebly 套用網站樣板

Weebly 同樣有頁面編輯器,可讓你用拖放方式即可製作網頁。

它的區塊功能雖然沒 Wix 這麼多,但是介面設計很直覺,很適合新手入門。

網站架設 :Weebly 的頁面編輯器
Weebly 的頁面編輯器

相關網站類型

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

我首推的還是 WordPress,因為 犬哥網站 就是使用 WordPress 建置而成。

當然這是我的選擇,主要還是選擇適合自己的來使用:)

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

  • WordPress
  • Wix
  • Weebly
  • Strikingly

網路開店平台有哪些?

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

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

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

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

如何架設 WordPress 購物網站+網路商店(Flatsome 主題)

WooCommerce

WordPress 有豐富的外掛生態圈,其中 WooCommerce 是 WordPress 旗下最知名的網路商店架設外掛。可參考 WooCommerce 中文教學

因為是免費的軟體加上安裝快速,在全球各地累積許多使用者,全球下載量已超過 4500 萬。

任何想的到的功能,如:商品管理、訂單管理、會員管理、優惠管理頁面管理金物流串接 等 .. ,幾乎都擁有。

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

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

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

Shopline

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

shopline網路開店平台
shopline網路開店平台

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

shopline功能列表
shopline功能列表

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

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

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

相關網站類型

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

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

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

或是重新開發一個客製的購物網站(不一定是 WordPress 系統),你雇用的軟體工程師,也能幫助你重新製作。

當然,外包請網頁設計公司製作也可,但請記得拿網站程式碼和資料庫 .. 等,網站內容資料。

不論哪種方法,重點是需確保網站資料都在你手上。

這只是我的經驗供你參考,主要還是選擇適合自己的方法:)

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

  • WordPress+Woocommerce
  • Shopline
  • 91App
  • Meepshop
  • Cyberbiz

17. 網頁設計教學/資源

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

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

一個網站設計,主要是由兩個面向組成的,分別是設計+程式。

接下來,我整理了一些相關資源,幫助大家學習成長。

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

網頁設計「靈感參考」:

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

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

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

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

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

網頁設計「軟體教學」:

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

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

網頁設計「素材來源」:

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

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

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

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

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

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

網頁設計「程式學習」:

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

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

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

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

vscode:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝。

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


常見問題

自架網站需要準備什麼?


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

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

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

網域如何取名呢?


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

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

虛擬主機是什麼?


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

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

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

WordPress 是什麼?


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

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

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


Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。可參考 Bluehost 教學,有完整教學。


WordPress 學習資源

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

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

我最近也開啟了 YouTube 頻道,裡面有些影片教學,你也能配上 Blog 一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。

當然,如果怕問題描述不清楚,也可以加入 WordPress 教學時光屋 – 犬哥網站 ,我同步也會在社團中幫忙解惑。

希望這些對你有所幫助,祝架站順利啦。

犬哥網站:wordpress教學社團

80 thoughts on “網站架設 :17 個教學設計(網頁製作+建置費用)”

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

    1. HI Amy:

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

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

      希望有幫助到你唷:)

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

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

    1. HI Hower:

      謝謝你的鼓勵和支持:)

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

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

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

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

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

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

    1. Hi 傑瑞:

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

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

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

    1. HI bella00xx:

      你好,是可以的唷。

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

      希望也幫助到你唷:)

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

    1. HI 吳尉嘉:

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

    1. HI DDR:

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

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

      希望有幫助到你唷:)

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

    1. HI mimi lee:

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

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

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

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

      希望有幫助到你唷:)

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

  13. 您好,

    目前公司有架設好一個網站,未來會要成立新品牌架設新的網站,但是不想使用既有購買的套裝模式,想要改成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 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

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

    1. HI vivi:

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

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

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

      希望有幫助到你唷:)

  15. 啾的Music_story

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

    1. 嗨~你好!

      首先謝謝你的鼓勵。

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

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

      但現在申請的都會有唷!

      希望有幫助到你:)

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

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

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

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

    1. 小犬網站 - Luna

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

  18. 嗨 小犬

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

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

Leave a Comment

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

回到頂端