用五天下班時間做好第一個WordPress形象網站

購買主機網址+Avada佈景主題全攻略+帶路姬密傳授

五天自學衝刺班:形象作品集網站篇

如果你是沒有任何基礎、想自己做網站、而且什麼都還沒開始的人:

這五天的教學課程就是特別為你而做的喔!學習WordPress的方式有很多,可是這次,帶路姬特別為完全沒使用過WordPress的朋友們設計這門課程,每個環節都是我層層把關與精心安排,希望讓新手們可以輕鬆順利的做好第一個網站,減少摸索卡關的時間。

如果你是試著想做WordPress網站、做到一半、尚未成功的人:

這門課程裡的有些觀念,還是會對你有幫助,畢竟製作WordPress的流程是類似的,只是,如果你不是使用Siteground主機和Avada主題,裡面有些內容可能就不適用於你的狀況囉。

3:04

final_result

課程目標

請找一個星期,每天空出1~2小時的時間來跟著做,五天後你就可以做好第一個WordPress的形象網站喔!

這個形象網站會包含:

✔︎ 關於我們
✔︎ 服務內容
✔︎ 作品展示
✔︎ 部落格
✔︎ 聯絡我們

課程大綱

Day 1

製作前的準備

購買主機、購買網址、購買佈景主題

Day 2

做出範例網站

安裝主題與範例網站、學習修改現有的內容

Day 3

新增更多內容

學習新增更多內容、設計漂亮的排版。

Day 4

客製化外觀

學習利用客製化的選項,讓網站變得更獨特。

Day 5

展望未來

學習如何獨立照顧自己的網站,與持續學習。

這堂課真的免費嗎?

帶路姬融入了自己十幾年來的UI設計與網站製作經驗,花了上百個小時的時間來設計與製作這五天共約200分鐘的課程,還另外花錢購買影片錄製工具,希望能真正幫助需要網站的朋友們,讓大家可以輕鬆在家自學做網站。

你可以隨時加入,學費是「0」。

但是,帶路姬希望從以下三種方式獲得一些回饋。不論你是透過哪一種方式,都很感謝你的回饋和參與喔!

點選我的連結

如果你是從零開始,你會需要購買主機網址和佈景主題,請在第一天的課程中,點選我提供的連結來購買,讓我收取一點佣金。

請到粉專寫下見證

當網站做出來時,記得來粉絲頁告訴我,寫下你的心得感想,並且推薦這份好的教材給更多的新手朋友們知道喔!

請帶路姬喝杯幾杯咖啡吧!

如果你覺得我的課程與社團對你有幫助,尤其是你已經有主機了,無法讓我賺到佣金,不妨額外贊助一下吧!

課程要正式開始囉!

只要堅持五天,你一定可以做到!

第一天
%
準備環境
第二天
%
建立與修改
展示網站
第三天
%
建立更多內容
第四天
%
客製化外觀
第五天
%
展望未來

你喜歡這樣的學習方式嗎?

這裡需要你的真實見證! 成功時,別忘了留言告訴我喔!- 網站帶路姬

"Lacinia neque platea ipsum amet est odio aenean id quisque."

— KELLY MURRY
ACME Inc.

"Aliquam congue lacinia turpis proin sit nulla mattis semper."

— JEREMY LARSON
ACME Inc.

"Fermentum habitasse tempor sit et rhoncus, a morbi ultrices!"

— ERIC HART
ACME Inc.
標籤

網站帶路姬 / Erin Lin

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

71 則留言

  1. 你覺得這份教學對你有幫助嗎?有幫助你釐清很多觀念嗎?帶著你很順利的做好第一個網站嗎?幫助你節省了很多時間嗎?有沒有很喜歡Siteground和Avada呢?請在這裡告訴我喔!我喜歡聽聽你們的學習故事喔!

      1. 想要幫公司更新形象網站, 真的很謝謝您分享與整理這些資料, 看了增加很多信心,也敢開始, 真的受益良多。
        由於我想先使用暫時的URL製作網站,等正式更新好後再整個更新過去(讓既有網站也是可以先不要被關閉),
        請問這樣註冊avada時,是要用既有網站還是暫時的URL來註冊?

  2. 改版過後~更厲害了!! 想請問目前現在的網站是使用avada主題製作的嗎? 尤其看到首頁第二個選單的模式好特別,可以顯示整個文章的圖片跟標題。 這功能是主題自有的嗎??

    1. 我不確定耶… 我的帳戶是綁美國的銀行… 然後,還沒有人從台灣區轉給我過,你可以試試看喔!謝謝你😊

  3. 您好:
    感謝您費心整理這些資料,讓我們受益良多。
    我的目標是建置一個有金流及物流的wordpress網站,稍懂程式語法而已,請問,我要先從形象網站開始學習,未來是有機會改版成購物網站,對嗎?

    1. 你好哦,當然喔!一定是從形象網站先學起,了解WordPress的基本使用方式,未來都有機會加裝WooCommerce的外掛,就做成購物網站了喔!建議你要從有購物網站的範例內容的主題開始學起,會快很多,像Avada就有shop的Demo網站可以快速匯入範例網站資料,連WooCommerce的購物車外掛都幫你一起裝好,當然也可以考慮用Flatsome主題,可是沒有該主題的相關教學,你會入門的很辛苦。

      1. 感謝您費心整理這些資料

        想請問妳 : 若要加裝 WooCommerce 建立購物平台

        主機的選擇 : siteground 或 bluehost 會影響嗎 ?

        謝謝妳

        1. 有影響喔,WooCommerce購物平台,本來就會需要更高階的主機才能負荷的了,SiteGround建議最少最少要GrowBig,建議是GoGeek會更好。
          如果想一次到位,建議直接走Cloudways會更好。以上的建議,是針對新手、而且不懂主機的人的建議喔!
          一定會有很多高手工程師建議你直接租其他的VPS主機等等…(我是覺得VPS主機設定不是幾天就學的起來的…)
          https://wpointer.com/recommends/siteground-hosting/
          https://wpointer.com/recommends/cloudways-hosting/

  4. 您好:感謝提供手把手的教學影片,已經依照影片建立網站了,但之後想要更改網站的話,該如何操作?謝謝!

    1. 第四天的教學提到基礎的客製化的一些觀念,之後可能就得先靠自己摸索了喔,過一陣子帶路姬會出更多的客製化的相關教學,到時候可以再來參考看看囉~

  5. Hi Erin,

    請教妳, 妳建議瀏覽器用 Google Chrome, 那要是別人用別的瀏覽器(如 IE, Firefox..)打開網站看是不是會有問題? 畢竟我們無法控制別人用什麼瀏覽器.
    謝謝~

    1. 不會有問題喔,Avada主題做出來的網頁適用任何瀏覽器,與螢幕大小,只是製作過程中,你們如果用Chrome,可以看到跟我一模一樣的畫面。

      1. 老師您好~
        我是一個完全沒有任何網站經驗、也沒有任何程式語言背景的菜鳥
        想請問您
        (1) 用Avada佈景主題,在不同手機的不同瀏覽器上,網站會自動會變成合適手機瀏覽的樣子嗎? 還是需要做什麼設定呢?
        (2) 剛剛到Avada佈景主題購買頁面,發現有一個項目是關於Gutenberg Optimized : no。 這對未來網站設定上,有什麼影響嗎?

  6. 謝謝帶路姬,我是某天谷歌後發現帶路姬的五天教學,而且是免費的
    於是交了點”器具費”從19/01/06~19/01/12 花點一點時間邊看邊做
    因為上班忙也只能利用下班和假日,終於今天學完了帶路姬的基本課程
    印象中碰網頁設計應該是小學的電腦課,那時用的工具已忘記,做出來的網頁也很簡單
    ,只有幾個按鈕和簡單的頁面,經過時代變遷用了AVADA真的是懶人福音,而且又好看
    雖然做出來的沒有很精美,但架構已出來,未來也想朝個人部落客前進,邊探索邊學習
    感謝,帶路姬老師!!

    1. 不客氣喔!真的很開心聽到你的故事,也很高興真的有幫助到忙碌上班的你,期待看到你的新網站喔!製作過程中如果有疑問,也可以到社團裡來發問~ 加油加油!

  7. 您好,因有網路事業的創業想法,但自覺不是程式設計的料,所以是想請聘請工程師或是請網頁設計公司製作後再聘請工程人員維護,
    看到您的教學覺得燃起一些希望,想先靠著自學去了解網頁設計這一塊。

    我目前對於網頁設計這塊最大的問題是,我不知道找誰,用哪種平台或軟體,似乎有多種建構的方式。
    例如,全端、前中後端工程師職權。語言用C++、JAVA、HTML等等…

    有幾個問題想請教您:
    1.未來終極目標網站是 大型社群交友結合購物網站等功能,請問可以單靠WORDPRESS就能完成嗎?
    2.WORDPRESS 需要中後端工程師嗎? 還是那是不同平台的。
    3.WORDPRESS 可以做到很多細節嗎?例如交友網站,需要篩選個人資料分析,會員系統等。
    3.WORDPRESS 可以加入其他語言一起建構嗎?例如HTML
    4.WORDPRESS 自由度高嗎?還是所有都是套板,例如能否某圖片想放哪裡就放哪裡?
    5.除了wordpress 30%占比,其他大致是由幾種方式還是語言製作呢?
    6.承上,其大略主要差異與應用方向為何?
    7.由於目標是製作中大型社群與購物網站,您覺得wordpress適合嗎?或是您有其他的建議作法。
    (我目前想法是先自學了解網頁相關,最後公司還是要聘請專業人員維護)

    抱歉,詢問您的問題不少,我真的很新手,對於這塊有許多不了解之處,有心要學,
    希望老師您能分享寶貴經驗,如果WORDPRESS可以讓我初步入門,那麼我會著手跟隨您的腳步,期待您的回覆分享,非常謝謝您。

    1. 您好,不好意思現在才回覆給您,我簡短回覆您的問題,因為問題真的有點多 XD
      1. 社群交友結合購物車,是有可能完成的,可是有可能會很吃重,主機會要求很高。要這麼多功能的平台,也許WordPress不會是最好的選擇。
      2. 需不需要都可以,要看你有沒有需要做到外掛做不到的事情,或者要整合不相容的外掛。
      3. 可能沒辦法完全不客製,就完全符合你要的所有功能,這真的要看你選擇什麼外掛,每個外掛的功能、優勢、劣勢都不同,會需要專業有經驗的 WordPress 團隊幫你評估,才能給你比較省錢又符合你要的需求的建議。
      4. 自由度高,如果是你說的,是要圖片放哪、文案放哪、排版方面,都是可以藉由搭配很好用的頁面編輯器,就可以達成的,例如 Elementor Pro。
      https://wpointer.com/recommends/elementor/
      5. 這我就不是太清楚了,目前沒有太仔細去查其他熱門的方式耶,不好意思,我以前用過 Joomla, Drupal,都被我淘汰了。
      6. 這個我可能沒辦法幫你,不好意思。
      7. 以WordPress為主的購物網站,最推薦就是WordPress+WooCommerce。其他像是Shopify, OpenCart也很多人用。這方面的比較我比較少做。不過你可能可以跟Andy討論看看。他對其他的電商平台也有研究。
      https://www.facebook.com/ZenZoneGuide

      希望以上對你有幫助,不客氣囉~

  8. 感謝帶路姬錄製關於Avada的影片,非常詳盡而且能感受到用心,我花了半天的時間全部看完。

    我曾是經營近10年的WP愛用者,略懂一些PHP語法,後期一邊摸索一邊用主題編輯器硬幹,讓網站呈現出心中想要的樣子,於是CSS也要會,但是對於WP整體的運作還不是十分透徹,換了一個佈景主題就等於要完全打掉重練,這對於新手是一種折騰,對於有點經驗的老手也有點重新造輪子的感覺,所以也都不敢貿然換掉主題。後來因為偷懶就荒廢了兩三年,現在看到你為Avada的介紹內容實在是趨之若鶩,又重新燃起了我使用WP的動力,也有信心繼續再戰10年,感謝你開啟了這扇窗。

    1. 太棒了!希望你重拾WordPress之後,可以學習的開心順利喔!謝謝你的高度評價,帶路姬聽了真是太開心了!:)

  9. 你好,我發現GOOGLE有提供雲端主機,並且還送300美元以及後臺分析器耶,這對我這個學生而言貌似會比較好齁

    1. 你好喔,假如你是新手的話,其實我真的非常不建議從Google的雲端主機開始,免費的300元會很快用完,之後會變很貴,很多人後來想搬出來,又發現他很不好搬(和一般的虛擬主機的搬家方式不太一樣),更不用說他是VPS主機,後台超複雜的,對新手來說真的是會多走蠻多冤枉路的。虛擬主機會讓新手輕鬆簡單非常多,可以讓你直接進入到WordPress的世界,而不用卡在主機上多花好多不必要的時間,不過當然主控權在你囉,如果你真的超想試試看,也是可以的啦^^

  10. 目前已買Godaddy虛擬電腦,以及網域名稱,準備架站,有一點點Wordpress基礎,覺得Godaddy支援不足,蠻辛苦,請給建議。可按時計酬教授或轉你推薦的虛擬主機公司。

  11. 您好,請問老師如果想在wordpress網站做出簡易的測驗題目,是否有能夠計算答錯題目和計算分數的模組可以使用呢?

  12. 您好:非常感謝您分享5天自修的教學,我網站的架構漸漸有雛形了,真的對我幫助很大。
    可是我目前有一個問題卡關
    1.我目前試著發佈新文章的時候。首頁應該會顯示文章的預覽畫面,可是畫面都沒顯示出來?
    2.我也嘗試直接修改舊有的文章內容,修改好內容且更新後,回到首頁時,圖片顯示沒問題,可是預覽的文字卻還是英文畫面
    想請問是有什麼地方,我沒有修改到嗎??謝謝您

  13. 您好:
    請問使用wordpress幫客戶架站,程式如果有問題,要怎麼辦?
    不懂程式該如何解決?

    謝謝!!

    1. 你好喔,
      可以找主機商、找主題官方的客服、找外掛的客服、或者把該問題找工程師外包。

  14. 請問一下 WordPress 是否有什麼模組或外掛可以架構出類似Hahow或Yotta那樣的網路課程平台的嗎?
    謝謝聰明智慧的帶路姬^__^

      1. 謝謝熱心又聰明的帶路姬,您的回覆幫了一個初學者大忙
        我會去努力找資源試試看的,非常非常的感謝您唷!

  15. Erin 你好,
    謝謝你提供新手很好的帶路影片。
    我目前剛在wordpress.com的基礎板,透過平台提供的套版設計自己的個人工作網站。但是目前遇到了瓶頸,我的網站需要多語言。在wordpress.com上得先升級到商務版後還得再花貴貴的外掛程式。不然也得再另外重新建個網站。 萌生我自己想買主機來做,感覺還會比較划算一些? 因此想請教您:
    1. 我是不是能先匯出我目前的網站,然後依據您的教學逐一套入?
    2. 如果可以套入的話,我是否需要買AVADA佈景主題?

    麻煩您了,感謝!

  16. 您好~
    我按照您的教學步驟,自己的網站終於有一些雛型樣式了!真的非常感謝!
    雖然花了很多時間慢慢摸索wordpress裡面浩瀚的功能,但看著網站逐漸有了自己想要且滿意的感覺,也很值得~
    但目前遇到一個問題想請教您,我想在wordpress裡面的social sharing加入line的分享連結,但我在網路上爬文,有人教學在「設定」-「分享」的地方可以新增分享,就可以把line加進去預設中。但我的wordpress後台裡面的「設定」裡面沒有「分享」這個選項…
    可以請您教授一下如何把line分享鈕加入到wordpress裡面的social sharing嗎?
    PS: 我有使用AddtoAny這個外掛將Line加進來,也成功了,但我不是很愛AddtoAny的呈現版型,顯的比較粗糙… 想再找方法把line加入到wordpress裡面的預設分享,感覺會更融合在原本的佈景主題中…
    感謝您

    1. 我也沒試過把LINE加到預設分享裡耶,感覺應該是一定得修改程式… 我如果有找到相關資訊再分享給妳喔,建議你可以到WordPress正體中文的社團問問看,可能會有熱心的工程師提供意見喔!

  17. Erin 您好,
    我想開始學習用您的五天學習wordpress, 但是我想使用cloudways, 這樣會不會在學習上版面有所不同而操作錯誤呢?
    不好意思我是完全新手,謝謝您花時間回答。

  18. 你好,我自己本身是寫伺服器,但沒有寫過網頁
    想請問我的網站需要有前台跟後台功能
    比較特別的是,後台並不是我們一般wordpress看到的那種
    而是有導師、教室、學員、職員…等看起來類似但內容不同的後台

    所以總結來說,會有
    一個前台(一般看到的網頁)
    數個後台(非wordpress頁面的後台)
    一個wordpress後台
    請問wordpress可以做到嗎?

      1. 好的 謝謝你
        使用wordpress會讓我的開發速度大幅增加
        比較擔心是全部網站要從0開始寫
        那真的會瘋掉

        謝謝你給的方向

  19. 看的出來Erin非常用心
    本身是程式菜鳥,不過最近有架設網站的計畫
    所以最近決定要follow Eriin的五天課程
    像我自己很喜歡Erin的網站風格
    想請教這個網站,也是可以完全使用WordPress製作完成嗎?

    感謝熱心的Erin無私分享~

  20. Hi Erin,

    很喜歡妳的網站風格, 也從中學習到很多, 謝謝妳的用心

    請教妳二個問題
    1.有 “多國語言” 的外掛嗎?
    2.若無多國, 中英轉換的外掛, 請問有建議那一個較好使用的嗎?

    謝謝妳

  21. 謝謝Erin熱情的教學,收穫良多。
    請問在影片中,滑鼠點下去網頁會出現紅圈與選擇網頁文字會標示,是怎樣達成的呢?

發佈留言

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

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

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

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