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 有分兩種:

1-4. 如果 WordPress 放在自己的網路空間裡,那要花多少錢?

實際一點的情況,一年可能約台幣3000元起。不建議網路上推薦的免費空間之類的。如果你是認真考慮建立個人品牌、業餘微型創業,基本的投資可以確保你有好的開始。

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分鐘)

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

Erin 從2012年開始接案做 WordPress 的網站,使用過很多主機,以下我只推薦兩間給新手,也是我自己正在使用的空間。讓你們只需要花十分鐘選擇與購買。

  1. 價錢優先,便宜又穩定:Bluehost Basic 方案
    • 主機+網址:第一年約2200元 (第二年起約一年3200元)
    • 只能放置一個網站喔!如果你是個人的小型網站或部落格,建議可以從這個主機下手。
    • 帶路姬的粉絲可以利用這個連結來購買,就能享有比官網更便宜的優惠價喔!
  2. 速度優先,穩定服務好:SiteGround GrowBig 方案
    • 主機+網址,第一年約3600元 (買年期越久,折扣越高)
    • 可以放無限個網站,各種表現都比 Bluehost 好,所以貴一點,適合中小企業商用網站。
  3. 彈性優先,速度快又穩定:Cloudways 主機
    • 帶路姬的網站為什麼使用 Cloudways 主機?
    • 以時計費,月底付款,隨時可升級或停用。
    • 適合任何想一次把網站做好一點,速度快一點,未來不用一直搬家的人。
    • 帶路姬的粉絲可以特別享有首兩個月七折優惠喔!(請使用折扣碼:WP5DAYS)

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

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

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

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

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

佈景主題的選擇非常多,有免費的也有付費的,到底要怎麼選呢?這裡有兩篇文章可以給你們一點基本的概念:

帶路姬推薦什麼主題呢?

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

如同上面所說,因為主題的使用方式差別很大,很多新手朋友們在這部分常常遇到挫折就放棄了。因此,帶路姬特別選擇了三個常見的網站類型,部落格形象官網、與型錄購物網站,我分別選一個我認為 CP 值很高、不用一下付太多錢、彈性很大、成功率也比較高的主題給新手們(適合部落格的 Soledad 主題適合形象官網的 Avada 主題適合型錄購物網站的 Flatsome 主題),並且,我錄製了完整的線上影音教學(五天自學衝刺班),手把手的帶大家把基本的網站做出來喔!

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

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

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

後台的樣子:

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

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 網路創業者,輕鬆學習 WordPress 的 社群學習環境。
➡️一人公司好家在 — 品牌帶路姬學園: 提供 WordPress 網路創業者,輕鬆交流一人創業與品牌經營的秘辛。
➡️訂閱贊助帶路姬:歡迎贊助帶路姬,讓我可以提供更多優質的教學內容與環境給大家喔!

標籤

網站帶路姬 / Erin Lin

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

相關文章

24 則留言

  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自己購買主機的方式
    網站是可以搬遷的嗎 ? 會很麻煩嗎?

發佈留言

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

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

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

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