WordPress教學網站製作新手必讀 (持續補充中)主機網址佈景主題功能外掛網路創業網站規劃

5分鐘搞懂第一次做WordPress網站的流程

Hello! 我是帶路姬!我是個不懂程式的設計師,我用WordPress幫幾十個客戶做漂亮的網站,今天來跟大家分享,如何不用寫程式,也能快速的做一個自己的網站或部落格?

在開始之前,首先跟你介紹一下,這裡的教學都是特別針對不懂程式的新手寫的,所以請放心,不會有很難的專有名詞,如果真的仍然有不懂的地方,歡迎到我們 WordPress不懂程式的新手社團,與同學們一起學習,看看帶路姬幫你們統整的所有常見問題。

下面的教學,是以文字的方式來解說流程,假如你希望能看影片,學得更詳細的話,請參考「五天自學衝刺班」的內容喔!帶路姬陪你用五天的下班時間做好第一個網站 ❤️

這篇文章,主要分成三大部分:

  1. 認識 WordPress  – 參考,非必讀。
  2. 如何製作第一個網站 – 五個必學步驟。
  3. 做好之後呢?

1-1. WordPress 是什麼?

WordPress 是一種製作網站的工具,它讓你不用寫程式,就可以擁有自己的網站或部落格,讓你做成自己喜歡的樣子,長期經營下,可以有機會轉為獲利。

根據 W3C 官方數據顯示,全世界有超過 37.4% 的網站是用 WordPress 製作的喔!可見他真的很適合完全不懂程式的人!

1-2. WordPress 可以做出甚麼網站?

如果你完全不會寫程式,那麼,光是靠現成的外掛輔助,你可以做成部落格、購物網站、作品集網站、公司形象網站、會員網站等等。

1-3. WordPress 要錢嗎?

WordPress 有分兩種作法,花費方式不一樣:

延伸閱讀:WordPress.com 與 WordPress.org 的差別

1-4. 如果自己買主機(網路空間)來放置 WordPress 網站,要花多少錢?

一般來說,自架 WordPress 網站,需要的花費包含:主機空間、網域、佈景主題與外掛。第一年的總花費,可能是2000~5000元(要看你買什麼主機方案,以及是否有購買佈景主題)。

購買主機(必須):

主機的價格範圍蠻廣的,主機效能越高,當然費用就會越高。帶路姬推薦的三家主機來說,最平價的是 Bluehost 主機,每年平均約1500~3000元之間。再來就是 A2 Hosting 主機與 Cloudways 主機,大約是每年4000元起。非常不建議新手使用免費的主機空間,通常會讓第一次的學習架站過程,多了很多變數與不必要的困難。

延伸閱讀:WordPress 主機, 帶路姬十幾年來換過無數個後, 現在只推薦這三家…

購買網域(必須):

如果要買台灣的網域,像是.tw 或者 .com.tw,可以跟台灣的網域商購買,像是中華電信、Gandi。.tw 與 .com.tw 是分開的兩種網域,每一個是約800元左右。

如果要買國際的網域,尤其是較通用的.com 網域,費用約360元起。不過,購買網域的方式有很多,如果是選擇 BluehostA2 Hosting 主機的話,帶路姬比較建議新手們在購買主機時,跟主機商一起購買網域,這樣可以省略一些步驟,讓第一次架站更加輕鬆順利。

購買主題(選擇性):

WordPress 的網站,可以透過套用「佈景主題」的方式來改變網站的外觀,佈景主題的選擇非常多,依照主題提供的自訂外觀的選項多寡,價格就會有差異,有免費的、有一次性付費的、也有每年都要付費的,價格範圍其實蠻廣的。

以帶路姬挑的三個最適合新手入門的佈景主題來說 (AvadaSoledad、與Flatsome),他們都是一次性的付費購買,就可以終生使用,費用約1800元台幣。如果你是認真想做好一個看起來專業的網站,從套用這些主題開始,會幫助你節省非常多的時間。

延伸閱讀:免費主題與付費主題的差別
延伸閱讀:挑選主題時的過濾清單
延伸閱讀:五大入門主題的終極比較

購買外掛 (選擇性):

WordPress 可以透過「安裝外掛」來擴展網站的功能,非常方便!新手通常不一定需要購買外掛,等到你對 WordPress 更加熟悉後,可以依照需求慢慢添購。

1-5. WordPress 難不難?要怎麼開始?

恭喜你,你已經找到 網站帶路姬,就有機會用最短的時間,做好你的第一個網站。WordPress 有點像用 PowerPoint 做簡報一樣,說簡單也簡單,要做到很進階,也可以越來越難。不過,只要跟著我的建議開始,一定可以幫各位少花冤望錢,減少摸索的時間,在帶路姬的網站,建議由下面兩種方式開始入門:

  1. 慢慢看文章學習:可以花個五分鐘,稍微閱讀一下這篇文章下面的說明,先了解 WordPress 最基礎的五個步驟,接著可以參考這些帶路姬寫過的文章,慢慢學習。
  2. 直接看線上教學影片跟著做:帶路姬特別製作了免學費的五天自學衝刺班,讓你只要花五天的下班時間,每天約一個小時,跟著我安排好的步驟,就可以輕鬆做好你的第一個網站喔!

2. 不懂程式,WordPress 第一次如何開始?自己做網站或部落格?用 WordPress.org 的方式 自架網站的基礎五步驟?

  1. 買主機 (網站空間) 和網址 (5~10分鐘)
    安裝 WordPress 在主機上 (0~5分鐘)
  2. 換上喜歡的外觀(5~10分鐘)
  3. 認識網站控制台(5分鐘)
  4. 寫點基本的內容(10分鐘)
  5. 加上額外需要的功能 (選擇性)
  6. 完成!

2-1. 購買主機空間和網址(5~10分鐘)

這個步驟其實很簡單,只不過是十分鐘的事,難的是要跟誰買?買錯了,以後很麻煩!很多新手,為了省點錢,怕英文不夠好,最後選擇國內的,花了比國外多的錢,選擇了問題很多的主機… 得不償失…

帶路姬從2012年開始接案做 WordPress 的網站,使用過很多爛主機後,現在只敢推薦下面這三間給新手,也是我自己正在使用的空間。

  1. 價錢優先,便宜又穩定的初階主機:Bluehost 主機
    • 主機+網址:首購約1700元~2700元。
    • Bluehost 有贈送網域喔!(第一年免費)
    • Basic 方案最省錢、Choice Plus 方案最安心。
    • 建議參考五天自學衝刺班 — 部落格篇第一天的教學,可以了解各方案之間的差異,並且有教學影片帶著你購買。
    • 帶路姬的粉絲可以利用這個連結來購買,就能享有比官網更便宜的優惠價喔!
  2. 速度與服務優先的中階主機:A2 Hosting 主機
    • 主機+網址:首購約3600元~7000元。
    • Drive 方案最省錢、Turbo Boost 方案速度快且 CP值高。
    • 建議參考五天自學衝刺班 — 形象篇第一天,可以了解各方案之間的差異,並且有教學影片帶著你購買。
  3. 速度與彈性優先,用多少、付多少的好朋友:Cloudways 主機

免費影音教學:帶路姬手把手帶你買主機喔!

如何購買 Bluehost 主機 如何購買 A2 Hosting 主機 如何購買 Cloudways 主機
補充:
  1. 假如購買上有疑問,歡迎與我聯繫,帶路姬有提供主機諮詢與代購的服務。
  2. 這三個主機都很穩定,很少需要跟他們聯絡。假如你真的運氣不好,遇到斷線又不知道怎麼處理,帶路姬有提供主機障礙排除的服務,費用是一次600~800元。雖然用到的機會真的不高,但是,有這個服務在,至少你就不用擔心會因為語言的障礙,被限制於一定要買國內的主機囉!

2-2. 換上喜歡的外觀(5~10分鐘)

WordPress 網站剛誕生時,有點光溜溜的,有點醜。可以透過安裝「佈景主題」的方式,來幫你的網站穿上漂亮的衣服,快速擁有美麗專業的外觀。

  1. 在控制台,左手邊的「外觀」 >「佈景主題」> 「新增」,在這裡你可以搜尋免費的「安裝」與「啟用」,或「上傳」付費後下載的再「啟用」
  2. 安裝好主題後,通常會有「Import Demos(Install Demos) 之類的選項,讓你一鍵快速匯入範例檔案,快速讓你的網站設定成和展示的網站一模一樣。如果沒有找到這個選項的話,表示你使用的主題太陽春,會讓身為新手的你做起來比較摸不著頭緒。
  3. 不論你最後選擇安裝什麼主題,通常在「外觀」 >「自訂」,就是讓你更新LOGO、和改變設計外觀的地方。

帶路姬推薦什麼佈景主題呢?

每個主題的使用方式差別很大、功能與設定也非常的多!很多人常常到 Themeforest 找了看起來不錯的主題,安裝之後卻發現完全不會用… 好不容易搞懂後,又發現原來這個主題不好用,白白浪費了很多時間和金錢,後來要換主題,又要多花一次錢,又要重新花好幾個月研究怎麼用… 帶路姬做過上百個網站,買過至少四十個主題以上,在我的愛用清單裡,我有列出很多還不錯的主題給大家,希望幫助大家少走一點冤枉路。

另外,帶路姬特別針對三種常見的網站類型,分別嚴選我認為最棒的主題給新手們,分別是 適合部落格的 Soledad 主題適合形象官網的 Avada主題、以及適合型錄購物網站的 Flatsome主題,並且在五天自學衝刺班的影片教學中,手把手帶大家用這些主題做好第一個網站喔!

2-3. 認識網站的控制台(5分鐘)

WordPress 的網站,有分對外公開的網站 (前台),還有管理員才看得到的控制台 (後台),後台最上方有一排工具列,左手邊也有一整排的控制台工具。

進入控制台的方式:到妳購買的主機的網站 (Bluehost, SiteGroundCloudways),登入你的帳號後,從主機的控制台去打開你的網站控制台。

控制台的範例:

2-4. 寫點基本的內容(10~30分鐘)

WordPress 的控制台中,只要到「文章」> 新增文章,就可以建立一篇新文章。
WordPress 的控制台中,只要到「頁面」> 新增頁面,就可以建立一篇新的頁面。

延伸閱讀:

2-5. 加上額外需要的功能 (選擇性項目)

WordPress 除了可以幫網站寶寶換裝很方便外,還可以利用「掛上外掛」的方式,教你的網站寶寶做各式各樣的事。WordPress 預設的功能,大多和撰寫部落格相關,像是:發表文章、上傳圖片或藝廊、審核留言、置頂文章等等。但是,如果,你希望你的網站不只是部落格,還可以做網路購物、會員管理等等…,那就可以靠新增外掛來達成。

外掛的種類超級多,外掛的功能簡單或複雜的都有,像購物網站最常用到「WooCommerce」、線上表單功能常常是用「Contact Form 7 Gravity Forms」、用拖拉來改變文章順序可以用「Post Types Order」。未來,你可能要習慣,把你想要的功能,先翻譯成英文,然後到 Google 搜尋,例如: 「Top Gallery Plugins」,就可以找到很多和藝廊相關的最熱門的外掛(Top 是前幾名的意思)。

增加外掛的方式很簡單

在控制台,左手邊的「外掛」>「新增外掛」,就可以搜尋免費的外掛,直接「安裝」「啟用」,或者「上傳」買來的付費外掛再「啟用」點此觀看示範影片

建議你可以到 帶路姬的推薦清單,看看有哪些常見的外掛,帶路姬會慢慢更新,補齊推薦清單。

2-6. 完成囉!? ?

身為一個不懂程式的人,還願意積極接受新知,抱著努力學習的態度,這不就是創業家最需要的嗎?你們真的很棒!這次真的很高興,能有這個緣份,在這裡幫助到你。希望未來的學習路上,大家繼續保持交流,都能做個快樂成功的 WordPress 站長。

WordPress 是個不斷在更新進化的工具。所有的使用者都是在製作的路上,持續的學習與嘗試。

如果不是要打 NBA 、踢世足當 C羅、或當張學友,何不開心的邊學邊享受他的過程呢?

3. 沒有對錯,開心的享受冒險的過程吧!

我自己是覺得,其實 WordPress 的網站製作過程,沒有絕對的對與錯,不用太在意網路上某某老師說,應該怎麼做才對,或者因為看不懂一些專有名詞,就心生畏懼害怕。除非是專業設計師,並且有在執業賺錢,否則,一般的使用者,開開心心的學習,享受這個可愛的 WordPress新生兒吧!就像學習球類或唱歌一樣,如果不是要打NBA 、踢世足當C羅、或當張學友,何不開心的邊學邊享受他的過程呢?這也是為什麼我希望能建立這個社團的原因之一,因為我希望你們也可以跟我一樣愛上WordPress

就跟照顧 Baby 一樣,沒有人天生就是好爸媽的,摸個一兩個月,你就會越來越順手的。

以下我簡單列幾個可以持續學習的部分:

  1. 如何善用你選擇的主題本身的功能
  2. 如何客製化你的網站,變成你喜歡的架構和外觀
  3. 常常更新內容
  4. 學習 SEO 技巧
  5. 優化網站速度
  6. 保持網站安全
  7. 等等..

唯一最重要提醒大家的是,要選好的主機與確定主機上有備份,有一鍵還原的功能,就可以比較放心去玩囉!

# 特別謝謝陌生人之眼攝影工作室所拍攝的專業形象照,帶路姬好喜歡啊!?


如果你是超級新手,建議跟著帶路姬的免學費線上教學:五天自學衝刺班 開始學起,只要每天一小時,帶路姬用影片手把手,帶你做好第一個網站!保證節省你好幾個月的摸索時間喔!

用五天下班時間做好第一個部落格網站
用五天下班時間做好第一個形象作品集網站
用五天下班時間做好第一個型錄購物網站

 

—————————– ❤️跟著網站帶路姬,輕鬆起家沒問題 ❤️ —————————-

➡️ WordPress 網站帶路姬 — 臉書粉絲頁:跟著網站帶路姬,每天學習一滴滴。
➡️ WordPress 網站帶路姬學園 — 臉書社團: 提供 WordPress 網路創業者,輕鬆學習 WordPress 的 社群學習環境。
➡️ 一人公司好家在 — 品牌帶路姬學園: 提供 WordPress 網路創業者,輕鬆交流一人創業與品牌經營的秘辛。
➡️ 贊助帶路姬:歡迎贊助帶路姬,讓我可以提供更多優質的教學內容與環境給大家喔!

標籤

網站帶路姬 / Erin Lin

Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。

相關文章

29 則留言

  1. 很棒的分享心得!想起剛接觸wordpress的3XX天前,懵懵懂懂不太了解如何上手wordpress,真應該早點接觸wordpress的!不過從文章內容對wordpress的使用歷程有深深的感觸,分享是一種美德!
    依稀記得從youtube看著國外的wordpress 教學視頻,一步一步的學習了3XX多個日子,看到版主的分享文,真的挺棒!可以給新手更快的上手!

    1. 謝謝環礁麥可,我想我已經把入門的門檻降到最低了!精簡濃縮到極致了!我也真心覺得,能看到這篇教學的新手,應該是幸福的,可以省下好幾個月的摸索期!喜歡就幫我分享出去吧!^ ^,歡迎持續常常來交流!

  2. 非常棒的入門分享文, 讓我這位新手可以快速上手!! 今日小弟我在照著您步驟做的時候出現以下問題 :

    安裝完OceanWP後, 然後Import Demos, 其中Import XML Data時發生如下的問題, 不知您是否有遇過類似問題呢? 感謝!!
    There was a problem during the importing process resulting in the following error from your server: 500

    1. Hello,通常5xx 錯誤訊息,大概是和主機(伺服器)的設定比較有關,通常是你的主機端的設定沒有符合Import Demos的最低要求,有可能是需要增加 PHP limit之類的。每個主機的情況不太一樣,僅提供做大方向的參考囉。建議你,主機環境調整好後,再重新Import看看。

    2. 你好 , 我在bluehost購買wordpress , 也在themeforest.net購買主題 , 安裝後不能像https://demo.djmimi.net/themes/travelog/展示的那樣 , 請問要怎麼做 , 謝謝 !
      第一次使用wordpress , 沒頭緒 .

  3. 你好 , 我在bluehost購買wordpress , 也在https://themeforest.net/購買主題 . 但安裝好套用後 , 沒辦法像https://demo.djmimi.net/fbar/index.php?theme=Travelog展示的那樣 , 請問要怎麼做 ? 謝謝 !

    才剛使用wordpress , 沒頭緒 .

    1. Hello Kyoko, 你買的這個主題,會有自己的 Documentation(使用方式說明),每個主題的使用方式都不一樣,我也沒辦法簡單教你要怎麼做。這也是為什麼我常常鼓勵新手,可能先不要一開始就自己找個模板就直接開始,因為會學得比較辛苦,建議你可以考慮先參考我的五天自學衝刺班的教學內容,對WordPress的主題模板,稍微有點概念之後,再來考慮要不要換模板,或者研究手邊的模板要怎麼用… https://wpointer.com/wordpress-tutorials/5days-wordpress-diy/

  4. 你好,
    謝謝你的分享~
    真的非常詳細,我本身有買書來看,結果書是工程師寫的,完全不知道他在說什麼,你寫的簡單明瞭,我很喜歡喔!
    另外想請教你個問題,我已經下載好wordpress,打算到setting general裡面去改成中文版面,但我一案進去就自動跳到另個網站,顯示說此頁面不安全,可能有被竊取資料的風險,請問你之前有遇過這個情況嗎?

    1. 聽起來你可能WordPress安裝方式不對,或者,你網址和主機在不同地方,網址沒有設定對。其實可能的原因蠻多的,不是很容易這樣猜。
      我會比較建議你跟著我的五天自學衝刺班來做,從頭到尾跟著做,比較不會有問題。如果你真的是主機和網址都已經事先買好了,那你可能要描述清楚一點你目前的情況,怎麼做到目前這個步驟的,這樣大家比較好幫忙你喔。並且,建議你加入我們討論的社團,到那邊發問,我會更快看到喔~
      https://www.facebook.com/groups/wpointer
      https://wpointer.com/wordpress-tutorials/5days-wordpress-diy/

  5. 您好 , 想詢問一下 , 如果我只是要幫別人做一個網站 , 後續的管理會交給他們 , 那我是不是在申請主機+網域時 , 選擇 Bluehost Basic 這個方案就好呢 ?

    1. 要看你的客戶的需求喔,問問看他們自己希望用哪一種主機,也許他們願意付多一點錢用好一點的。那就幫他們買 SiteGround Growbig,有30天自動備份很重要喔!

  6. 帶路姬好:
    請問我已經使用wordpress的方案(包含網址),也使用了他們的template,現在還可以下載wordpress在電腦製作網頁之後再覆蓋過網址內已經有的內容嗎?

    1. 你是指,你用了Wordpress.com上面的方案嗎?如果是的話,其實他是沒辦法輕易把整個網站下載下來的喔。WordPress的網站,因為牽涉到資料庫,並不能像一般 HTML 檔案這樣,下載回來寫一寫,再上傳回去。
      方式不太一樣喔。

      通常我會建議新手,先不要想著「下載下來」或者「在自己的電腦做好再上傳上去」,這兩件事會讓新手卡很久,一直失敗。

      我會建議你先照著「五天自學衝刺班」的內容學習一次,應該會對 WordPress 更有概念一點。如果有問題的話,歡迎到社團裡來發問喔~
      https://wpointer.com/wordpress-tutorials/5days-wordpress-diy/
      https://www.facebook.com/groups/wpointer

  7. 請問如果依你的五天教學去開設site ground,如果想在網頁分頁加入討論區,有推薦的外掛嗎?

    謝謝

  8. 板主您好

    想要請教您

    我的狀況是

    閱讀設定中->
    設定靜態首頁->
    選取我設定的分頁(Taiwec home)為何設定完成後點選->
    儲存設定以後
    會跳回來到->選取字樣 ,這是甚麼原因呢?

  9. 請問:當我在bluehost填完各項”Create your account”的資料後,在按下”submit”,結果顯示出”Trouble dispatching”。可以麻煩告訴我問題在哪裡嗎?

    1. 不確定耶… 通常很可能出錯的地方是地址,不要太長… 或者信用卡資料不被接受,這還是要問客服才會知道,如果需要購買上的協助,可以直接到粉絲團私訊給我喔。

  10. 您好,有照著流程購買主機,近日更新時碰到以下問題

    請教不知是否有解決的方法,感激不盡。

  11. 您好,有照著流程購買主機,近日更新時碰到以下問題”更新 soledad 時發生錯誤: 無法安裝這個安裝套件。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature”

    請教不知是否有解決的方法,感激不盡。

    1. 最近的這一個更新,自動更新的確有問題,如果你會使用FTP,建議手動更新,如果你不會使用FTP,建議等下一個版本的更新出來再做更新吧。

  12. 您好, 我是個網站新手
    想請教一下, 如果是先使用wordpress.com 架設網站, 將來如果想要使用WordPress.org自己購買主機的方式
    網站是可以搬遷的嗎 ? 會很麻煩嗎?

  13. 感謝您的分享~好清楚!想請問Erin,我wordpress中的blog~為什麼文章點不進去,會一直跳回blog分類的頁面呢?

  14. Hi Erin, 謝謝妳的分享。我有一個問題,就是我現在想要租Siteground主機建一個新的公司網站,但我們現在有一個運作中的舊網站,也就是有一個網域了。我要怎麼在不買網域的情況下建立我的網站呢? 我要選”I already have a domain name”?在我做好新網站前,舊的網站還是必須要持續運作。謝謝。

  15. Erin您好:
    非常感謝您費心提供影片教學,帶我們新手入門
    我已經透過您的網站購買Bluehost了
    1.想請問我如果只想在網站上張貼自有相片,需要購買soledad嗎?
    2.購買後至今已5小時,用Bluehost mail給我的帳號跟回復我已變更完成的密碼,仍然
    無法登入,要多久才能登入?

    以上,謝謝您

發佈留言

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

Back to top button
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link
close-link
close-link
close-link
Close