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

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

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

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

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

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

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

1-1. WordPress 是什麼?

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

2018 WordPress 十大驚人統計數據 顯示,全世界有將近三成的網站是用 WordPress 製作的喔!可見他真的很適合完全不懂程式的人!

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

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

1-3. WordPress 要錢嗎?

WordPress 有分兩種:

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

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

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

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

  1. 只要五分鐘:這篇文章下面的說明,可以讓你先了解 WordPress 最精華的五個步驟
  2. 只要五天的下班時間:跟著帶路姬的影音教學,就可以輕鬆做好你的第一個網站喔!
第一次如何開始做WordPress網站
跟著帶路姬一起做各式各樣的網站!

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 方案
    • 主機+網址,第一年2620元 (第二年起約一年5000元)
    • 可以放無限個網站,各種表現都比Bluehost好,所以貴一點,適合中小企業商用網站。

BluehostSiteground 購買的過程,其實很類似也很簡單:

  1. 選擇你要的方案 (Select…)
  2. 填入你要的網址名稱 (Insert domain)
  3. 填入你的個人資料+信用卡資料
  4. 完成。
如何購買 Siteground 主機 (影音教學) 如何搬家到 Siteground 主機 (影音教學) Siteground 主機管理全攻略 (影音教學)
補充說明:
  1. 填寫個人資料時,會需要英文的姓名和地址,名字可以參考你的信用卡上的名字,地址可以到中華郵政地址英譯的網頁做翻譯。
  2. 購買過程中,有建議你加購的都可以取消勾選,先不用加,並且建議先購買一年。
  3. Bluehost 購買後,會自動安裝 WordPress,你可以直接進入到 WordPress後台,就可以開始下面步驟2-2。
  4. Siteground 則需要多一兩個步驟來安裝 WordPress (Install WordPress)見附圖
  5. 安裝完 WordPress,一進到後台時,如果看到是英文的控制台,不用慌,請到左手邊的控制選單「Settings」 >「General」,把Site Language 下拉選單,點選最下面倒數第二個的「繁體中文」,再按「Save Changes」就可以了!
  6. 假如購買上有疑問,歡迎與我聯繫,Erin 有提供代購或代管的服務。
  7. 這兩個主機都很穩定,很少需要跟他們聯絡。假如你真的運氣不好,遇到斷線又不知道怎麼處理,Erin 有提供主機障礙排除的服務,費用是一次600~800元。雖然用到的機會真的不高,但是,有這個服務在,至少你就不用擔心會因為語言的障礙,被限制於一定要買國內的主機囉!

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

WordPress 網站剛誕生時,有點光溜溜的,有點醜。幫他穿個漂亮的新衣服,其實很簡單。

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

帶路姬在五天自學衝刺班的影音教學裡,其實是最推薦新手們,從 Avada 這個佈景主題開始,雖然他需要一次性的費用約 $1800 台幣,可是可以終生更新,不用另外付錢,這個佈景主題非常萬用,可以設定的功能很多,適合各行各業、各種用途,不論是購物網站、部落格、形象網站都可以喔!

請新手們一定要先了解,佈景主題的功能非常多,說明文件都是英文的,很多新手自己到 Themeforest 自己找主題,安裝了之後發現完全不會用,好不容易搞懂後,又發現原來這個主題不好用,白白浪費了很多時間和金錢,後來要換主題,又要多花一次錢,又要重新花好幾個月研究怎麼用…

因此,帶路姬推薦大家,第一次入門時,可以先跟著我的五天自學衝刺班一起做一次,同樣使用 Avada 這個模板,可以利用設定把它改成幾百種、幾千種完全不一樣的外觀,完全不用擔心會跟別人一模一樣,只是需要花點時間學習怎麼改而已。學習過後,不管你是否使用 Avada 來做你的網站,跟著帶路姬學習的這一次,絕對沒有浪費時間,因為你已經學到很多重要的通用觀念,有一些會適用在使用其他的主題模板時,這樣會比你直接選一個陌生的主題,卻只能自己看英文說明,簡單容易很多。

有推薦的免費主題嗎?假如你真的想要用免費主題來開始,帶路姬 推薦你試試看 OceanWP(外觀 > 佈景主題 > 新增 > 搜尋OceanWP > 安裝 > 啟用)他免費版的功能就很多了喔,也有很多現成的展示網站可以選擇,也有一鍵快速匯入展示網站 (Install Demos)!只有一些特殊的功能被鎖住,要加購才能啟用。並且,建議你就直接搭配他建議的 Elementor 內容編輯器,就可以順手的開始囉!以下列出四個簡單步驟是安裝完 OceanWP 後,如何匯入範例網站,供參考。不過要注意的是,長久使用下,他是有可能會需要花很多錢的喔,並且,因為帶路姬還沒有出完整的教學,你自己摸索會比較辛苦喔!

相關閱讀 (非必讀):

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

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

進入後台的方式:從Bluehost或Siteground,登入你的主機後,從主機的控制台去打開你的網站後台。

後台的樣子:

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

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

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

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

增加外掛的方式很簡單

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

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

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 架站教學與資源給不懂程式的新手與創業站長。

相關文章

14 則留言

  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

發佈留言

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

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

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

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