WordPress 教學主機網址佈景主題功能外掛品牌網站規劃新手必讀基礎精選文章網站製作網路創業

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

陪你找到最省時間與長期來說最省錢的開始方式

Hello! 我是帶路姬!我是個不懂程式、但擁有19年經驗的網頁設計師,我用WordPress幫上百個客戶做漂亮的網站,今天來跟大家分享,如何不用寫程式,也能快速的做一個自己的網站或部落格!

我知道你很希望有個自己的網站,可是又不想大錢請專業設計師製作,聽說很多人都用 WordPress 自架網站 ,可是擔心是不是要花很多錢?自己不懂程式真的做得出來嗎?

你的擔心我都知道,放心!這裡的教學都是特別針對不懂程式的新手寫的,不會有很難的專有名詞,如果真的仍然有不懂的地方,歡迎到我們 WordPress不懂程式的新手社團,與同學們一起學習,看看帶路姬幫你們統整的所有常見問題。

下面帶路姬帶路姬會以圖文約略說明 WordPress 架站的流程,閱讀過程中,如果任何時候你覺得好複雜喔….「五天自學衝刺班」就是你最好的解決方案! 帶路姬將用影片帶著你用最短的時間、用長期來說最省錢的方式,輕鬆做好第一個 WordPress 網站,就不用再看很長又複雜的文字囉!

WordPress 是什麼?

WordPress 是一種製作網站的工具,它讓你不用寫程式,就可以輕鬆製作與經營網站!根據 W3C 官方數據顯示,全世界有超過 40% 的網站是用 WordPress 製作的喔!可見他真的很適合完全不懂程式的人!

WordPress 可以做出甚麼網站?

WordPress 的彈性非常大,可以用來做部落格、購物網站、作品集網站、公司形象網站、會員網站、教學平台等等。

WordPress 要錢嗎?

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

  1. 使用 WordPress.com 的作法(長期來說比較貴):這種做法有點類似痞客邦,直接到 WordPress.com 申請帳號,就可以馬上擁有一個 WordPress 網站。帳號有分五種等級,第三等級以上 (商用方案) 才能使用完整功能的 WordPress 系統,每年費用至少 9588元起。
  2. 使用 WordPress.org 的作法 (長期來說比較便宜) :簡單來說,只要每年1900元起,就能享有沒有任何功能限制的 WordPress 系統來架站,所以網站帶路姬的所有教學,都是教這個方式的架站喔!
WordPress.com vs WordPress.org
WordPress.org 的方式,才能架出便宜又獨立的網站!

如果用 WordPress.org 的做法架站,要花多少錢?

WordPress網站的花費通常包含:

  • 必須:網路空間 (遠端的電腦 / 主機)+網域
  • 非必須:佈景主題+網域

第一年架站費用最低約 1600元起。

花費的高低,取決於下面四大因素:

1. 網路空間(主機)越高階越貴、網站速度越快

你如果買過電腦或手機,就一定知道容量越大、效能越快就會越貴。WordPress 這個系統(軟體),他必須安裝在一個遠端的電腦上才能運作,通常我們叫它「主機」。主機的價格和電腦一樣,效能越高、費用越貴。

WordPress 是安裝在主機上,越貴的主機效能越高,網站速度就越快

帶路姬十幾年來幫客戶架站,用過數十家的主機,最後只有三家主機是我近幾年持續有在使用的,分別是 Bluehost 主機A2 主機Cloudways 主機

最平價的是 Bluehost 主機,每年平均約1500~3000元之間、 A2 Hosting 主機與 Cloudways 主機,大約是每年4000元起。非常不建議新手使用免費的主機空間,通常會讓第一次的學習架站過程,多了很多變數與不必要的困難。

2. 越熱門的網域可能越貴、反之很便宜,最低一年才300元

3. 套用功能越強的佈景主題越貴,反之很便宜,甚至不用錢。

WordPress 的網站,可以透過套用「佈景主題」的方式來改變網站的外觀,佈景主題的選擇非常多,依照主題提供的自訂外觀的選項多寡,價格就會有差異,很多人選擇用免費主題入門,但是長期來說不一定是最省錢的方式。

帶路姬在五天自學衝刺班中,特別選三個最熱門的佈景主題來做教學 (AvadaSoledad、與Flatsome),他們都是只要花一次 1700元,就可以終生使用。如果你是認真想做好一個看起來專業的網站,從套用這些主題開始,會幫助你節省非常多的時間。

WordPress 主題
WordPress 可以套用各式各樣的佈景主題,來快速改變網站外觀

4. 安裝越多能「幫助你賺錢的外掛」越貴,否則,很多基本的外掛是免費的!

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

WordPress 難不難?要怎麼開始?

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

  1. 慢慢看文章學習:先花個五分鐘閱讀一下這篇文章下面的說明,先了解 WordPress 最基礎的五個步驟,接著可以參考這些帶路姬寫過的文章,慢慢學習。
  2. 直接看線上教學影片跟著做:如果你希望更有系統一點的學習,希望老師手把手的帶著你做,那麼 免學費的 WordPress 五天自學衝刺班 會是更好的選擇,帶路姬融合十幾年的使用者介面設計經驗,規劃出這套課程,讓不懂程式的朋友們,可以輕鬆學習,不知不覺就做好一個網站囉!

最推薦入門的方式:讓你花最少的時間、長期來說花最少的錢,輕鬆做好一個 WordPress 網站,做完後還可以到網站帶路姬學園臉書社團和學長姐們交流討論喔!

對 WordPress 有基本認識後,接著就來正式看看如何用 WordPress.org 的方式 自架 WordPress 網站

所需時間: 20 分.

WordPress 架站的五大步驟

  1. 買主機 (網站空間) 和網址,並且安裝 WordPress 系統到主機上。

  2. 換上喜歡的外觀(安裝佈景主題)。

  3. 認識網站控制台(網站後台)。

  4. 增加網站內容與選單

  5. 加上額外需要的功能 (安裝外掛)

  6. 完成!

步驟一、購買主機空間和網址

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

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

  1. 價錢優先,便宜又穩定的初階主機:Bluehost 主機
    • 主機+網址:首購約1600元~2700元。
    • Bluehost 有贈送第一年的網域喔!
    • Basic 方案最省錢、Choice Plus 方案最安心。
  2. 速度與服務優先的中階主機:A2 Hosting 主機
    • 主機+網址:首購約2990元~7000元。
    • Drive 方案最省錢、Turbo Boost 方案速度快且 CP值高。
  3. 速度與彈性優先,用多少、付多少的好朋友:Cloudways 主機
    • 帶路姬的粉絲可以特別享有首兩個月七折優惠喔!(請在註冊帳號時,使用折扣碼:WP5DAYS)

*假如購買上有疑問,歡迎與我聯繫,帶路姬有提供主機諮詢與代購的服務。

步驟二、換上喜歡的外觀(安裝佈景主題

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

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

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

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

步驟三、認識網站的控制台

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

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

控制台的範例:

步驟四、增加網站內容與選單

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

延伸閱讀:

步驟五、加上額外需要的功能 (安裝外掛)

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

WordPress 後台有五萬多個免費外掛,可以安裝來擴充網站功能喔!

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

增加外掛的方式很簡單

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

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

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

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

– WordPress 網站帶路姬

看了這麼多,你一定很納悶,那到底怎麼做才能花最少的時間、長期來說花最少的錢,來做出一個真的可以用的網站?

只要跟著 WordPress 五天自學衝刺班學習,只要五天、每天一小時跟著影片做,就可以輕鬆做好網站,做完後還可以到網站帶路姬學園臉書社團和學長姐們交流討論喔!

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


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

網站帶路姬 / Erin Lin

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

相關文章

36 則留言

  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給我的帳號跟回復我已變更完成的密碼,仍然
    無法登入,要多久才能登入?

    以上,謝謝您

  16. 想請問帶路姬若是先選了某一種主機方案
    發現容量不夠,我是否可以轉到自己的NAS 虛擬主機?這部分不知道帶路姬知道如何設定嗎?謝謝你

  17. Erin您好:
    我公司網站的歷史沿革中每一筆事件都出現警示語如下,請問如何處理? Notice: Undefined variable: image_url in /home/cspcompe/public_html/wp-content/plugins/mega-addons-for-visual-composer/render/timeline_son.php on line 53

    1. 看起來是 mega-addons-for-visual-composer 這個外掛有問題,可以跟他們的客服聯繫看看喔。

  18. 我架站一直沒有好的基礎,現在看了這篇文章終於瞭解了很多概念,感謝您分享!看來要學的東西還很多。

  19. We are a website and application development company. We built trusted and quality website.
    We provide hosting service provider. Our servers are DDOS Protected which will never let you down.Our Professional support team is available 24*7/365 days to help you at every step.

發佈留言

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

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

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

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