WordPress 網站建置教學:2024 最完整實戰指南

WordPress 是什麼?

在這個自媒體的時代,如果你想要經營個人品牌,那擁有一個網站絕對是「標配」,一個好看的、專業的網站,不但可以為你的品牌加分,更可以為你的事業帶更多的機會。

WordPress 是不是像是網路上說的一樣,是網路上最佳網站架設平台?

大叔在 2019 年開始學習自架網站,用過許多「那時候」的網站架設平台,例如:Wix 、Strikingly 或是電商架站平台,例如:Shopify 、EasyStoreShopline 、WACA。

學習建置網站的目的就是為了幫炸雞店來曝光和宣傳,那時候真的花了不少時間在搞懂什麼是「網域」、「主機」、「平台」等很基本的問題。

而 WordPress 就是其中最難學習的平台,雖然它不容易上手,大叔還是推薦大家選擇 WordPress 做為你的架站平台,原因很簡單:

  • 優秀的擴充性 - Wordpress 是開放程式碼,透過安裝不同的外掛程式,很簡單的為網站新增強大的功能。例如,安裝購物車 Woocommerce 就變身為電商網站,安裝 Crocoblock 就可以化身會員網站或是訂房的旅館網站。


如果你想要選擇某個系統,然後用很久很久,和愛情一樣長長久久。你說什麼! 你不想結婚,因為男人的嘴,廁所的水。

那就請選擇 WordPress,你在網路上可以找到一些人的心得,最後他們在外面轉了一圈,還是回來使用 WordPress 來建網站,因為 WordPress 還是少數可以實現你想要的功能,而且負擔的起的價格。

你可以從簡單的網頁開始經營,未來要換主機或是擴充功能的話,都會很方便,外面很多工作室也是使用 WordPress 幫你架設網站,所以詢求協助或是轉移都相對簡單。

大叔真心推薦 WordPress 網頁設計系統,真心不騙,真心可能會被狗咬,但還是推薦給真心想用 WordPress 學習網站設計的你。

如果你在 WordPress 學習的過程中遇到問題,都可以留言給我,大叔會盡力回應你的問題。



10 個為什麼你應該學習 WordPress 架設網站的理由

WordPress 它是個自架網站軟體,它可以是你的網站管理平台、也可以是你的攝影作品集,或是你的線上教學教。更多你應該學習 WordPress 的理由,大叔說給你聽。



#1 全世界最多人使用的網站管理平台系統

如果你想學語言和世界溝通,你會選擇世界上多數人都使用的英文,而不是少數民族的語言像是「台語」;所以要學習網站設計的話,而 WordPress 就是全世界最多人使用的網站管理平台 ,它不只是個工具更是個技能,你可以為「德國人」開發網站,或是在「紐約」接案子。



#2 WordPress 架站成本低

如果你在 WordPress 官方網站可以看到「進階版」每月只需要 240 元,可以說是非常的便宜,但是真正你應該選擇的是 799 的「商用版」,因為 WordPress 強大的重點在於幾乎包羅萬象的外掛系統。

而商用版以上才可以安裝外掛和主題! 但是 799 就有點負擔了,大叔偷偷教你,去租個虛擬主機吧! 價格大概在每個月 300 -500 塊,但是除了便宜還有很多好處。

可以參考看看 CloudwaysBluehost 都是台灣最推薦使用的付費主機,而且真的便宜。


🔻 WordPress 官網定價 - 進階版方案 240 元

WordPress|Name



#3 學習資源最豐富

在學習時,最怕走沒人走過的路,我們又不是要當個「教授」;但是 WordPress 的好處就是網路上的資源豐富,也可以上外國網站去找答案,不過「花錢」買外掛應該是最快。

台灣免費的學習網站有:

  • 網站帶路姬 - 雖然大叔調侃一下「 5 天就可以完成一個網站」這件事,但網站的內容還是很好的!! 請一定要加入社團,上面有很多高手在。
  • 網站迷谷 - 網路內容很實戰的教學,大叔很喜歡。
  • 犬哥 - 內容很豊富,教學很細。



#4 WordPress 技能是高薪技能

第 3 個 WordPress 值得學習的理由是「這是個高薪技能」,不論你打算想要成為一名網頁設計師,或是做為你的副業,操作 WordPrress 並做出一些令人驚艷的動態網頁,都會讓你的業主及進入網站的人知道是名高手,值得更好的報酬。

🔻 104 人力銀行的接案- WordPress 網頁設計

WordPress|Name



#5 可以在家工作、遠距工作

你有想過在咖啡廳一邊喝咖啡一邊工作嗎? 成為學習 WordPress 並成為 WordPress 網頁設計師吧!

遠距工作越來越重要了,因為 2020 疫年的關係,在家工作成了一種流行,更有多工作者也同意這是一種「工作」和「生活」平衡的最佳工作方式。

很幸運的,這包括 WordPress 網頁設計師。



#6 WordPress 適合不會程式語言的新手

如果你和大叔一樣,沒學過 CSS、HTML、JS 也沒關係,反正我就是抱著有外掛就好的心態來製作我的網站,只是我還是有了解一下 CSS 和 HTML,不過就算不會也沒差。

反正外掛都幫你做好了,就看你口袋深度夠不夠了! 知道為什麼我要學 CSS 了嗎?



#7 經營自己的品牌

自媒體不是流行! 它是一種渲染力極強的媒介,網紅有幾個特色,他們說實話 ( 當然有也人說謊,但就被下架了)、敢夢想、做自己。

人們會樂意去分享他們覺得很棒的事情! 例如:「家中寵物」、「好文章、好故事」、「大叔的 ____ 塊肌?」

籍由網站讓大家了解你的人、喜歡的事或是放上一些作品,這都會為你的未來創造長時間的價值。



#8 學習 WordPress 可以為你創造被動收入

WordPress 可以是個部落格,也可以是你的工作室網站,你可以在上面放置 Google 廣告頁面,也可以在上面賣你的課程,輕鬆串接金流和物流,如此一來就可以建立起你的被動收入來源。



#9 當做你線上學習的記錄站

不少人在網站上寫文章的目的是為了「高速學習」,研究顯示,如果你想要學習一個新的技能,最好的方式之一就是「教學法」,想像自己正在台上教授課程,台下充滿的是對知識以及老師肉體的渴望眼神 ( 快住手同學們 ),而你在學習的同時,並行思考要如何授課內容給電腦前的同學。

善用 WordPress 網站學習並不是新聞,美國有個環境工程師,他服務在某家相關行業的時候,為了工作及未來職涯計畫,參加了一個冷門的國家級考試。

聽起來是個無聊的故事,但他把他的學習筆記「記錄」在網站上,方便他出差或是到各地工作的同時,可以閱讀及複習他的學習內容,一年後順利考取了證照,同年,他被資遣了! 是的他被資遣了。

心灰意冷的他,在失去工作和即將面臨房貸壓力的同時,發現他的網站每天有 2000 -3000 人次的閱讀;

經過和專家的討論,他將讀書內容整理成電子書,並在他的網站上販賣,在第 2 個月的時候,已經超過在原公司上班的薪水,畢竟這是不錯的利基市場及需求。



#10 學習 WordPress 開創無限可能

當年世界足球比賽的時候,世足官網就是用 WordPress 做的 ( 看連結 ),例如說,它可以寫文章、🔽可以分享 IG、可以當電商。功能多到,都會自我懷疑,「為什麼 WordPress 都比我受歡迎?」

▼ WordPress 最大的優點就是,你不需要會程式語言,你只需要找到合適的外掛就可以!

WordPress|Name



WordPress 網站建置前置作業:選擇主題、搜尋域名與主機

在學習 WordPress 自架網站之前,有幾項前置作業要前完成,例如說,你需要租用一台主機、購買網域,以及最重要的你要知道你的意圖,也就是為什麼你需要一個網站,以及你希望網站為你帶來什麼效果。

WordPress|Name



WordPress 主題? 如何選擇合適的 WordPress 主題

WordPress 主題是一種能夠讓你的網站外觀和風格更加個性化的程式碼。它們可以控制網站的樣式、布局、色彩和字體等方面。選擇合適的 WordPress 主題可以讓你的網站看起來更專業、更有吸引力,並且更好地表達你的品牌形象。

如何選擇合適的 WordPress 主題的幾個因素:

  • 外觀和風格:主題應該符合你的品牌形象和風格,並且容易與你的內容和圖像搭配。
  • 布局和結構:主題應該具有良好的結構和布局,並且易於導航和使用。
  • 響應式設計:主題應該具有適應性設計,以適應不同大小的設備和螢幕。
  • 功能和擴充性:主題應該具有所需的功能和擴充性,並且能夠與其他 WordPress 插件和工具搭配使用。

網路上有許多免費和付費的 WordPress 主題可供選擇。你可以在 WordPress 官方網站或其他 WordPress 主題市場上瀏覽和下載主題。在選擇主題時,建議你先評估你的需求和預算,並且閱讀其他使用者對該主題的評價和評論,以幫助你做出最佳的決策。

一開始也不用太擔心要選什麼主題,因為 WordPress 都有內建的主題,後面大叔也會推薦幾個免費以及功能強大的付費主題。



如何選擇適合的域名與主機

域名是網站的網址,例如 google.com、lashiblog.com 等。主機是托管網站的服務器,可以將網站文件儲存在主機上,然後通過網路提供網站服務。在建立 WordPress 網站之前,你需要選擇一個合適的域名和主機,以便網站能夠在網絡上運行。

在先前的文章我們討論過怎麼購買域名與主機,以及如何搬家的內容。網域就像是「地址」,有地址才能找到我們,所以怎麼樣的地址才是好地址呢?

簡單好記的就是好的地址、好的網域,網域原來是一串 IP 數字,由於不易記憶,所以才產生了「網域」這樣的服務。

世界所有的好的網域,幾乎都有著和好男人一樣的特色,像是:「簡單」、「乾淨」,還有「短」,例如說:

  • google.com
  • mi.com
  • lashiblog.com



簡單好記,一眼就大概知道它是誰,提供什麼樣的服務,這就是好的網域的定義。所以你大概知道要怎麼選擇域名了吧。

我們再來討論一下主機的選擇,在 2022 年統計的資料上,雲端服務前 3 名分別為 AWS 32%、 Azure 22%,Google Cloud 9%,簡單來說,就是亞馬遜、微軟、Google。在 Canalys 調查中指出這 3 家公司就佔了雲服務的 63% 。

簡單說來,雲服務就是由大企業壟斷的行業,對於公司行號來說,直接使用由這 3 家公司提供的服務就是最好的選擇。

但對於個人戶或是一人公司來說,我們就要惦量惦量口袋的深度了。從基本的入門主機來看的話,非 3 大公司的服務,可能只要一半的價格,這時候我們應該怎麼選擇呢。

對於新手用戶來說,應該要考量的第 1 個重點是合理的價格,再來就是網站服務轉移的「難度」和「風險」。也就是將未來的升級或是轉移也做為「主機服務」選擇的考慮的因素之一。

大叔過去使用 Siteground 也是網路上大家評價不錯的主機服務商,後來我轉移到 Cloudways ,其一原因是速度,其二原因是 Cloudways 不用綁約,用多少算多少,這是數位經濟很重要的概念,我們仔細看看,越來越多的線上服務和商品都選擇了訂閱制。

例如說,Netflix、Google Driver 到方格子的會員內容。有點離題了,大叔的意思是說,我們正在數位轉型中,由實體經濟 → 數位經濟,過去是販賣服務,未來是販賣「時間」,我賣給你使用我的服務的時間。

所以相較之下,提供「以時計費」的服務更符合我的需求,第 3 個選擇 Cloudways 的原因是因為這家服務商可以選擇 5 家不同的主機商,包括了 AWS 和 Google ,在未來升級的時候,也可以由 Linode → AWS ,目前我是用 Linode 的 50 USD 的方案。

總之結論就是,「沒有完美的主機,我們應該隨著業務發展來調整主機服務。」

Cloudways 費用

WordPress|Name




如何安裝 WordPress ?

關於安裝 WordPress 有很多選擇,建議大家一開始就是選擇帶有一鍵安裝的「 WordPress Hosting 」,例如說:Google Cloud、AWS、Cloudways。

當然你也可以自己到 https://tw.wordpress.org/ 下載,並安裝到 PHP 系統下的伺服器。當然「懶」是人類的天性,選擇 WordPress 主機可以省下更多的時間和麻煩。


▼ Cloudways

WordPress|Name

▼ Google Cloud

WordPress|Name




wordpress.org

WordPress|Name



WordPress 介面簡介

WordPress 介面也蠻簡純的,但隨著你的需求和外掛,紅框內的選項會越來執多。🤣

在新增頁面、文章、照片影片都可以在這個地方執行,當然你也可以為網站搖身一變成為電商,安裝 Woocommerce 購物車 的外掛,然後只需要再串接台灣金流就可以了。

WordPress|Name



WordPress 基礎設定

在一開始使用 WordPress 的時候,你可能會對整個系統或是操作上有點不熟悉,所以我們先來學習如何調整 WordPress 的基礎設定、安裝外掛、主題、調整語言等功能。

WordPress 的基礎設定包含了一系列的選項,像是調整和控制 WordPress 網站的外觀和字型,也可以設定網站的標題、副標題、電子郵件地址等基本資訊。

基礎操作包括了新增頁面、文章以及一些常見外掛操作。這些都是我們使用 WordPress 時候,最常會使用到的功能。



#1 佈景主題 - 安裝及修改

進入後台頁面後,可以點擊「外觀 → 佈景主題」。

WordPress|Name



在佈景主題頁面中,可以看到我們現在使用的主題,也可以在上面找到「安裝佈景主題」。

WordPress|Name



在安裝佈景主題頁面,我們可以搜尋不同的主題,而且多數都是「免費」使用

WordPress|Name



將滑鼠移動到主題上,就會出現「安裝」、「預覽」。


WordPress|Name



坦白說,雖然這類的免費主題的種類和數量很多,極有可能它們提供的只是試用功能,如果你有興趣的話,可以上 Themeforest 平台,看看 2023 最受歡迎的 Wordpress 主題有哪些。



#2 自訂

進入後台頁面後,可以點擊「外觀 → 自訂」。

自訂的功能選項,會依我們安裝的主題和外掛有所不同,所以如果你的選項比較多的話,不要感覺奇怪。

因為大叔走極簡風。


WordPress|Name



常見功能有:

  • 網站識別
WordPress|Name



  • 選單 - 選單可以自定義一組網頁或是文章。
WordPress|Name



  • 首頁設定 - 顧名思義就是用來設定首頁的地方。
WordPress|Name


  • 首頁及頁尾

點擊「首頁及頁尾」,就可進入網站設定頁面。

WordPress|Name



如果你的設定和大叔有差異的話,不要擔心,這是由於不同的主題產生的差異。通過網站設定,我們可以為頁首和頁尾進行一些簡單的編輯。

WordPress|Name
WordPress|Name



  • 附加 CSS

CSS 是 Cascading Style Sheets 的縮寫,它是一種用來描述 HTML 或 XML(包括 SVG、MathML 等)等文件的顯示方式的語言。

如果我們要在網站上修改、新增 CSS 的話,就可以使用「附加 CSS」功能。



#3 設定

網站基本設定可以由「設定」進入,例如說,我們要修改「語言」、「永久連結」、「媒體」等等。

WordPress|Name



  • 設定 - 網站介面語言

是的,WordPress 有支援中文介面,所以請由「設定 → 一般」進入。

WordPress 雖然有中文介面,但是 WordPress 外掛和主題,很有可能只有英文版本,先讓你知道。

WordPress|Name



  • 設定 - 搜尋引擎可見度

為了讓網站可以有效「曝光」,「阻擋搜尋引擎這個網站」請不要打勾。

WordPress|Name



  • 設定 - 圖片尺寸

在上傳圖片的時候,我們可以設定我們需要的圖片尺寸。

WordPress|Name



  • 設定 - 永久連結結構

永久連結結構就是我們網頁的網址的結構,所以這裡設定的就是我們希望網址的樣子。一般來說,你可以這樣設定:

  • 有「分類」: /%category%/%postname%/
  • 沒有「分類」:/%postname%/
  • 加上作者:/• %author%/%postname%/

以此類推。

WordPress|Name



#4 安裝 WordPress 外掛

由「外掛 → 安裝外掛」,就可以進入外掛頁面。我們可以在右上角「搜尋外掛」。

WordPress|Name



然後點擊「立即安裝」→ 「啟動」,這樣就可以了。

WordPress|Name



WordPress 基礎操作

學習 WordPress 基礎操作可以讓您更加熟悉 WordPress 系統的使用,能夠更快地建立網站、管理內容,並且能夠更好地發揮 WordPress 的擴展性。此外,學習基礎操作還可以讓您更好地理解 WordPress 的運作原理,對於日後進階使用和維護也會有所幫助。



#1 新增文章

Step1. 新增文章


WordPress|Name




Step2. 編輯文章內容

進入編輯頁面後,我們可以直接輸入內容到內容區。右下角有「+」圖示,點擊後可以叫出快速編輯工具。

我們也可以點擊工具框下方的瀏覽全部,就可以看到完整的「區塊編輯工具」。

WordPress|Name



使用簡單的拖曳就可以操作新增和縮放等功能。



Step3. 新增文章精選圖片、內容摘要、分類、標籤、討論。

點擊右上角的「設定」圖示,就可以看到文章設定選單。在選單中,我們可以新增文章精選圖片、內容摘要、分類、標籤。

  • 精選圖片 - 即是我們文章的封面
  • 內容摘要 - 快速為文章說明內容或是對讀者有什麼好處。
  • 分類、標籤 - 分類文章更容易管理
  • 討論 - 也可以點擊討論,選擇是否開放留言。
WordPress|Name
WordPress|Name


Step4. 發佈和修改 Slug

右上角可以找到「發佈」,發佈意謂讓文章上線。在上線之前,我們也可以通過「預覽」看看內容在網頁上呈現的樣子。

WordPress|Name



回到文章頁面,可以在文章下方找到「快速編輯」,這在我們可以快速更新標題、代稱 slug 、分類等。

WordPress|Name



#2 新增頁面

新增頁面的方法和新增文章是一樣的。只是頁面我們通常會利用「付費主題」或是「 Elementor Pro 」這類的網頁編輯器來製作。

因為目標不同,頁面我們希望的是介紹商品或是購買服務,而文章更多是教學或是推廣的內容。



WordPress 進階技巧

在我們看完 WordPress 的操作介面和一些基本的設定以及操作後,希望對於新手的朋友有幫助,再來我們將討論一些進階的問題和技巧。例如說,你覺得網站的速度有點慢或是想要改善 SEO 搜尋引擎,到如何自訂義頁首、頁尾等問題。

我們用一點篇幅的時間來為大家說明,大概 2 萬字就可以了,請大家一定要看完喔!



#1 自訂義頁首和首尾

如果你需要完全設計自己的頁首和首尾的話,就需要選擇有支援自訂義頁首和首尾的「主題」或是「網頁編輯」外掛。

例如說:

  • DIVI - 設計師最愛的主題

由於在教學內容有點長,如果對於自訂義頁首和首尾有興趣的話,可以參考文章:



#2 如何進行網站優化,提升速度與效能

網站優化可能是一個不錯的問題,由於影響網站速度的原因有很多,例如說:

  • 圖片過大或過多
  • 網站內容過於複雜或過度裝飾
  • 網站主題或外掛有問題
  • 網站主機或伺服器速度慢
  • 網站未進行優化或維護
  • 網站使用的程式語言或資料庫效能不佳

但是我們並非專業人士,專家有專家的作法,大叔在這要提供全民都可以參考的方法:



Step1. 使用 Google Pagespeed 檢查網站

WordPress|Name



我們可以看到 Pagespeed 可以針對不同的裝置,給我們最佳的建議。

WordPress|Name



WordPress|Name



看完建議,我們可能還是不知道怎麼做。但你只要記得這件事情:

網站是由一堆「程式碼」在「主機」上運行的結果。


去除掉「網路速度」這個問題的話,我們基本上要做的就是兩件事情 - 「優化程式碼」和「選擇好主機」。

如果你使用的是 Cloudways 這類的主機商,優化就完成了一半。如果你對 Cloudways 主機的內容有興趣的話,可以參考:



Step2. 優化圖片

再來影響網站速度的常見問題,其實是用了不適合的照片尺寸和檔案格式,所以建議大家安裝圖片優化的外掛。

例如說,使用 TinyPNG – JPEG、PNG 及 WebP 圖片壓縮 這類的圖片外掛,在不減少圖片質量之下,還可以減少圖片的體積。

WordPress|Name



Step3. 安裝優化外掛

之前,我使用過 SiteGround 和 Cloudways ,這兩家都有開發自己的「優化外掛」,無論哪一家應該都有基本功能,像是:快取、圖片延遲載入、HTML、CSS 最小化/壓縮 等。

例如說,Cloudways 的 WordPress 都會安裝好「Breeze」外掛,建議你可以開啟這些功能。

  • 快取:啟用快取功能可以減少網站載入時間,提高網站的速度和效能。
  • 壓縮:啟用壓縮功能可以減少網站頁面的大小,提高網站的速度和效能。
  • 圖片優化:對圖片進行優化可以減少網站頁面的大小,提高網站的速度和效能。
  • 整合 CDN:將內容傳送網路 (CDN) 整合到您的網站中,可以減少網站載入時間,提高網站的速度和效能。



Step4. 使用 CDN

CDN 指的是 Content Delivery Network,中文翻譯為內容傳送網路。它是一個由多個節點組成的分散式網絡,可以在全球範圍內傳送網站的內容,如圖片、影片、CSS、JS 等。使用 CDN 可以提高網站的速度和效能,減少網站載入時間。

例如說,使用 Cloudflare 的服務,通過分散式網絡,讓使用者可以在最近的節點來收取網站的內容,同時也可以減少網站的負擔。

Cloudways 直接可以使用 Cloudflare 服務

WordPress|Name



以上是一些提高網站速度和效能的基本方法和建議,但具體措施還需要根據網站的具體情況進行調整和優化。



#3 安裝購物車化身電子商務網站

根據「經濟部統計處」報告,全球電子商務市場的規模正在不斷擴大。報告指出,電子商務已成全球趨勢,主要國家網路銷售飛躍成長:近年來隨智慧型手機普及,全球網路的使用度持續提升,消費者越來越習慣在網路上購物,帶動各國電子商務蓬勃發展,加上 2020 年受 COVID-19 衝擊,更加速全球宅經濟成長。

依據主計總處統計,我國 2020年全體企業網路銷售額達 4 兆 5,901 億元,年增 5.9 %,較 2016 年增近3成,平均年成長 6.7 %。

未來幾年,消費者將更加重視網上購物的便利性和安全性。此外,隨著人工智能、大數據和區塊鏈等技術的不斷發展,電子商務網站還可以通過應用這些技術來提高效率和客戶體驗。

總體來說,電子商務市場正處於快速發展的階段,未來幾年將會繼續呈現穩定增長的趨勢。電子商務網站需要跟上市場的步伐,不斷創新和改進,以滿足消費者的需求和期望。

如果你的網站有電子商務的需求,安裝購物車外掛 WooCommerce 就可以華麗轉身變成一個電商網站。



Step1. 安裝外掛 WooCommerce

WordPress|Name



Step2. 設定 WooCommerce

點擊「WooCommerce」→「首頁」,進入首頁頁面。


WordPress|Name




基本上你只需要依步驟操作,就可以完成 WooCommerce 設定,立即開始電商人生。


WordPress|Name




Step3. 設定金流

在台灣使用 WooCommerce 的話,一定會遇上的問題就是金流。以現行台灣法規來看,在台灣可以使用的金流就只能是台灣的第 3 方金流公司,例如說:綠界、藍新、紅陽。

綠藍紅,沒想到金流界也這麼政治。總之在台灣更多人選擇「依偱中華民國臺灣第三方支付相關法律」的服務,也就是剛剛提到的:綠界、藍新、紅陽或是 PChomePay支付連歐付寶 等。

所以一般我們要到第三方支付的服務公司去申請和實名認證 ,並下載金流公司開發的 WooCommerce 外掛。

WordPress|Name



這樣就可以使用台灣的金流服務。


WordPress|Name




WordPress 外掛推薦

Elementro Pro

Elementor 是一個非常流行的 WordPress 網站建置外掛,它提供了直覺的拖拉式介面,讓使用者可以很容易地建立自己的網站。



Rank Math SEO

Rank Math SEO 是一個 WordPress 的 SEO 外掛,它提供了許多有用的功能,例如:關鍵字優化、XML 網站地圖、網站速度優化等。此外,它還可以幫助你分析網站的 SEO 表現,並提供有用的建議來改進你的 SEO 策略。



Crocoblock

Crocoblock 是一個 Elementor 第三方外掛用於 WordPress 網站建置的套件,它提供了許多功能豐富的元件和模板,讓使用者可以很容易地建立自己的網站。例如,它提供了動態的表格、按鈕、文章排版、產品目錄和文章列表等元件,讓使用者可以根據自己的需求自由地排版網站內容。

如果你正在建立一個 WordPress 網站,並希望有更多的選擇和更好的效能,建議你可以考慮使用 Crocoblock 套件。



Yoast SEO

搜尋引擎優化外掛,簡單操作又好用。更多內容「【WordPress Yoast SEO 設定教學】2023 中文版綠燈懶人包」。



Jatpack

這是由和 WordPress 同一家公司 Automattic 所開發出來的 WordPress 外掛,也提供網站加速、優化,功能算是非常強大,但同時十分耗能。



WooCommerce

也是 Automattic 公司開發的購物車外掛,讓你的網站搖身一變成了電子商務網站。



TinyPNG

TinyPNG 可以為網站上的 JPEG、PNG 及 WebP 圖片自動進行最佳化。而且每個月有免費 500 張的額度。

Site Kit by Google

Site Kit by Google 是一款 WordPress 外掛程式,可以讓你將你的網站連接到 Google 服務,例如 Google Analytics、Google Search Console 和 Google AdSense。它可以提供有關你的網站表現、搜尋引擎排名和廣告收入的洞察和數據,所有這些都可以在一個地方查看。這款外掛程式可以幫助你做出明智的決策,並優化你的網站以獲得更好的結果。



WordPress 主題推薦

使用 WordPress 的強大在於它的的主題及外掛非常豐富。



Astra

Astra 是大叔現在的主題,它的的優點就是小又巧! 配合 Elementor Pro 網頁編輯工具就很好用了。推薦給只想要拿 WordPress 來寫作或是簡單的 Loading Page 的朋友。

免費版就可以有非常精美的網站設計,但是免費版就是功能有限,如果沒有功能需求的朋友免費版是好選擇,但是如果你打算用網站來經營事業! 那你不應該花時間在這上面,付費主題其實也是不錯的選擇。



Avada

基本上 Avada 是個萬用型的主題,什麼叫萬用型呢? 就是它適合任何人,舉凡部落客或是電商賣家到公司的形象網站,學生要做品作集等等,Avada 都可以提供極佳的模版和功能,而且價格不貴,你只要 60 美金就可以「買斷」用一輩子喔! 這是少數 WordPress 主題這樣做,畢竟訂閱制公司賺的比較多,但 Avada 提供讓你買斷的服務。

而 Avada 的缺點就是速度慢,所以租用主機請選擇效能高的主機。



DIVI

這是最近很熱門的 「豬肉」主題,如果你喜歡呈現設計感很強的網頁的話,那一定要試試 "Divi ",直接看一下官網的展示影片吧!



WordPress 實戰指南 - 使用心得 & 總結

使用 WordPress 建立網站是入門網業創業的好選擇,就像是擁有一家 24 小時工作的實體店面,最棒的是它十分有彈性,在 WEB 1.0 的時候我們可以在網站創作、分享內容,在 WEB 2.0 的時候,我們可以在社群建立個人品牌,在 WEB 3.0 的時候,我們可以將作品上鏈,使用加密貨幣獲得收入並購買物品。

WordPress 不只是一個建站的工具,也是我連結全世界和學習新知的管道,同時讓我的工作可以不被時間和空間綁架的理想生活。

在我的 WordPress 網站上分享知識已經是我的一種生活方式,也推薦你學習 WordPress,開啟數位新生活,使用 WordPress 建立網站還有很多好處:

  • 易於使用:WordPress 提供簡單易懂的介面,讓使用者可以輕鬆建立自己的網站,不需要具備程式設計的知識。
  • 靈活性:WordPress 提供豐富的主題和外掛,讓使用者可以根據自己的需求自由地擴充網站的功能和設計。



讀者優惠

  • Elementor Pro 大叔優惠請看 → mo Studio
  • 部落客專屬:用 Notion 打造一個 Wordpress 網站,讓你專心寫,其它問題大叔幫你解決 → mo Studio