WordPress網頁設計教學-從零開始打造部落格

WordPress受歡迎原因在於靈活性高,可自行更換主題及外掛,能在網站中放置網站,一般架設平台則受限,費用比較貴,自架站彈性較好,如果是商用,參考WordPress網頁設計。

了解更多➝8個網站架設平台比較:功能、成本與發展性解析

1.WordPress是什麼?

WordPress是一款開源內容系統,沒有相關背景也能入門,需支付主機及網址,才能建立網站,優點是靈活度高、成本比較低,不論是部落格電商網站公司網站預約網站都能使用。

資源豐富可以自行增加外掛,強化網站功能,例如 : WooCommerce購物車,是許多電商平台選擇之一,後台修改方便,比租用平台便宜,包含會員系統、優惠卷、金物流串接、粉專串接、其他設定。

了解更多➝WooCommerce教學-快速建立購物網站,立即在網路上開店

WooCommerce組合商品設定-教學實用篇

Checkout Field Editor結帳表單-WooCommerce優化結帳欄位

2.WordPress.com與WordPress.org差別?

WordPress網頁設計

WordPress.com跟免費平台差不多,功能受限,如果要增加功能,須付費解鎖,比起自架站費用高,一般常見的架設網站就是WordPress.org,與WordPress.com不同之處,能自行增加外掛,不用擔心被平台限制,費用比較便宜。

了解更多➝快速了解WordPress.com方案與WordPress.org差異

3.WordPress特色

WordPress本身為免費,用戶購買網址及主機,就能自行架站,選擇合適的佈景主題,例如 : AstraDivi,都各有愛好者,如果有預算考量,也能使用免費版,像是Astra也有提供免費,到網站外掛搜尋下載即可。

了解更多➝Astra Pro Theme教學-進階功能讓WordPress更專業

Divi教學-設計師必選的專業主題

WordPress佈景主題推薦-選擇主題須注意的9個重點

WordPress特色:

  • 1.免費使用
  • 2.可以控制成本
  • 3.能選擇喜歡的主機商
  • 4.彈性度較高,修改方便
  • 5.享有網站自主權
  • 6.可置入GooGle Ads廣告

4.WordPress網頁設計教學

WordPress網頁設計所需要的元素,包含主機、網址、軟體,缺少一個都不能,網址可以讓使用者找到你,主機則是可以放網站資料,這樣才能建立網站,只要是自架站都要負擔網址及主機,優點是可以低成本架站,享有更多自主權。

4-1.註冊網址

幫部落格取一個名稱,跟主題相關即可,推薦Namecheap網址商,價格比較便宜,一年約11美元,選擇頂級域.com,除了有特別需求。

了解更多➝Namecheap教學-4大完整購買步驟

4-2.主機推薦

主機用來放網站的資料,規格會影響價格,每間主機商方案不同,推薦Hosting.com,提供安裝WordPress、10GB空間、免費信箱、免費安全憑證、免費搬家、24/7客服,每月2.99美元,價格比較便宜,這家主機商創辦人,本身有技術背景,以優化速度聞名。

了解更多➝Hosting.com教學-購買步驟流程

WordPress主機優缺點-價格比較

4-3.安裝WordPress網站

如果是使用Hosting.com主機,可以登入cPanel面版,安裝WordPress網站,過程不需10分鐘,同時還能設定網域信箱,記得先測試能否正常收發信。

進到網站後台,可以設定基本功能,例如 : 一般、閱讀、討論、永久連結、名稱,參考WordPress後台教學

5.WordPress製作教學

5.1-安裝佈景主題

選擇優質佈景主題,提升品牌性,可以強化網站功能,首先進入網站後台,找到外觀➝點選上傳主題,將檔案上傳或下載,了解更多主題相關教學

Astra是一款輕量的佈景主題,運作只需50KB,可以優化網站速度,超過數十萬用戶,不用寫程式也能駕馭,免費版可以到外觀搜尋Astra下載,搭配Elementor頁面編輯器能設計頁面,提高網站效能。

了解更多➝Astra Pro Theme教學-進階功能讓WordPress更專業

Astra Theme教學-WordPress入門推薦的主題

5-2.設定外觀

這邊可個別設定,包含色彩、頁面編輯器、排版樣式、按鈕、版面配置等,打造專屬網站,做出差異化。

5-3.匯入範本

點選右邊使用經典範本建立網站,接著會詢問你要使用哪種頁面編輯器,在此選擇Elementor

選擇想要的範本,點選匯入,通常等待時間不會太久

5-4.Elementor頁面編輯器教學

透過左手邊工具,將元素拖曳到想要位置,就能快速編輯、修改文字、調整圖片、間距,分為免費版與付費版,在前面安裝Astra主題,也會順便安裝Elementor。

5.5-發佈文章

進到網站後台,找到文章點選「新增文章」,開始編輯文章內容,你可以透過上方有個+號工具,新增元素,包含標題、段落、圖片、表格、引文、按鈕、超連結。

延伸閱讀➡︎如何建立WordPress文章-區塊編輯器教學

☆注意: 不建議使用Elementor編輯器撰寫文章,會讓網站資源消耗過大

6.SEO外掛推薦

Rankmath外掛會根據你的文章,提出優化項目,建議架站完成就安裝上去,免費版到外掛下載,這款比Yoast SEO外掛受歡迎,原因是Rankmath提供了付費版才有的功能,如果有其他需求,可考慮付費版。

了解更多➝WordPress外掛推薦 (精選主機、佈景主題、外掛清單)

7.備份外掛推薦

WPvivid外掛不只可以備份,還能網站搬家,經營網站的人,定期做好備份更放心,進到後台外掛搜尋下載,設定相關功能。

了解更多➝WordPress備份與還原-快速復原資料

常見問題

WordPress是免費的嗎?

WordPress.org是免費開源內容系統,要支付主題和網址費用,成本比較低,完全沒有程式背景的人,也能跟著文章學習,成功架設網站,挑選合適主題及外掛,打造成功的品牌網站。

WordPress可以建立哪些網站?

WordPress能設置購物網站、企業網站、品牌網站,全球43%以上都在使用這套系統,例如 : 知名白宮、CNN網站都是透過WordPress建立。

如果有網站架設需求,我們提供套版和半客製方案,一起聊聊你的需求。

發佈留言

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

error: 內容有版權保護