Menu
斜槓之路

自學WordPress網站架設-佈景主題購買推薦與安裝教學【斜槓青年之路04】

Wordpress佈景主題

首先先分享一個觀念就是,一個成功的個人部落格網站主要有三大元素:

  • 第一當然是有價值的內容最為重要。
  • 第二則是懂的經營SEO獲得自然流量。
  • 第三就是網站風格與閱讀樣貌的設定。(這點就跟佈景主題的選擇習習相關)

簡單來說,一個好的Wordpress佈景主題不僅能讓新手在網站架設的初期節省時間,在後續的更新與維護都能更加有效率等等。以下為佈景主題所帶來的影響:

  1. 佈景主題會影響使用者體驗,網頁版與手機版介面不同
  2. 佈景主題會影響你網站速度,同時網站速度會影響你的Google SEO排名
  3. 佈景主題會影響你後續行銷互動上成效
  4. 佈景主題會影響新手在經營上的上手速度與管理的效率
  5. 佈景主題會影響整體網站的安全性等等

總之選擇一個對的、合適的佈景主題,在網站的經營成功上佔有不少的比例。說了那麼多,那到底什麼是Wordpress佈景主題?

01 什麼是Wordpress佈景主題?

Wordpress佈景主題

WordPress佈景主題簡單來說,就是網站的整體外觀和風格。佈景主題會表現出各種功能選單和小工具在網站上的位置,以及頁面和文章的色彩配置及預設版面形式。那麼不同的佈景主題,不管是外觀、風格、功能表現與配置都各有不同,那主要還是要依照不同的需求,選擇合適的Wordpress佈景主題。

那麼關於佈景主題的選擇要掌握的一個最基本的觀念則是: 「你的網站想呈現出什麼樣的內容?」,而不是去選擇一個很美很喜歡的佈景主題等等,這是很多新手一開始會犯的錯誤。簡單舉例:

  • 美食/旅遊部落格: 如果你的網站是一個美食部落個網站,當然你要選擇的佈景主題就要有兩大重點,一可以呈現出大量且有質感的圖片,二在網站上文字的編排與閱讀性皆合適之主題。
  • 電子商務網站: 又或者你的網站是電商網站,除了上述兩項注意事項,更需要注意是否含有購物車功能、電子報訂閱、精美產品頁呈現設計等等需求。因為,如果你一開始選擇的主題都沒有這些功能,後續又得再額外添加外掛、編輯程式碼等等來符合你的需求,這樣真的會非常浪費時間,而且在後續使用上也會有諸多不便。

總之,根據你想呈現的網站內容,選擇合適的Wordpress佈景主題。

02 選擇WordPress佈景主題注意事項有哪些?

如同文章一開始有提到的Wordpress佈景主題所延伸的影響這麼多,那麼在選擇佈景主題時有哪些事情需要得注意的呢? 以下為注意事項整理:

2.1 主題風格要簡潔明瞭

對於新手來說在選擇佈景主題的時候,盡可能選擇是設計與整體架構佈局簡潔明瞭的佈景主題。為什麼呢? 原因很簡單,因為你就是新手啊! 先學會走路,我們再慢慢展翅飛翔啊~很多人一開始會犯的錯就是,選擇了自己喜歡的又複雜架構的主題,看起來又美又厲害,殊不知根本不適合你,而且在後需修改調整上你的能力也無法應付。雖然很多Wordpress佈景主題有著亮眼的外觀設計、複雜的架構佈局、吸金的亮眼特效動畫,但是對於你來說,很多時候目前你真的都不需要。

Wordpress佈景主題

一再強調的,首先你一定要先搞清楚自己的需求,你想要呈現什麼內容? 什麼樣的佈景主題佈局架構與設計最能協助你呈現出心中的內容想像。而且,要曉得你的網站目的,最終是希望幫助瀏覽者更容易、更快速找到他所需要的訊息。即使你的佈景主題擁有著絢麗的外觀、複雜的架構與設計等等,卻無法有效率的幫助到瀏覽者解決他們的需求,那麼你的網站終究無法吸引到更多使用者的停留。

另外補充一個概念,過於複雜的網站架構與佈局,往往都會拖累網站的速度,那麼網站的速度過慢,就會影響到Google SEO的排名(關乎你的內容是否登上Google首頁的機會)。總之,選擇Wordpress佈景主題,必須先瞭解自己的需求,在挑選能清楚呈現出你網站內容的佈景主題。對於新手來說,簡單明瞭,就簡單好上手。

2.2 必須選擇響應式網頁

什麼是響應式網頁 RWD (Responsive WEB Design)? 簡單來說,就是你的網站外觀可以因應不同的瀏覽裝置,自動調整尺寸符合其大小。例如: 在電腦上、Ipad、手機上瀏覽,網站畫面尺寸都可以自動調整大小。那麼響應式網頁在於目前的需求來說,算是非常基本的了。但是在選擇佈景主題的時候,還是要注意一下,因為有些免費或便宜的佈景主題也不定會有。

那麼分享幾個測試方法,如下

  1. Google搜尋頁: 最簡單的方法就是,在你選擇或購買佈景主題之前,可以把DEMO的Wordpress網頁佈景主題連結丟到「Google搜尋頁」去測試一下呈現效果如何。
  2. Google Search Console: 第二個方法是把Demo放到Google Search Console 裡的「行動裝置可用性」看看是否為適合透過行動裝置瀏覽。
  3. Google 官方SEO工具: 第三個測試 WordPress 主題是否有支援 RWD 響應式設計方法,更可以透過 Google 官方所提供的行動裝置相容性測試」來進行測試。

2.3 網站加載速度優良

網站的加載速度主要有兩大影響,一你的Wordpress網站在Google的排名,二瀏覽使用者的造訪網站時的停留意願,因此在選擇佈景主題時要特別注意這個部分。

測試網站加載速度的方法如下:

Pingdom: 實際把Demo網址放到Pingdom測試,該網站速度是否優良,如果連DEMO範例測試結果都是標準之下,那麼之後你自己加入更多內容之後,速度肯定更慢,因此要注意。(貼入網址後,Test From選擇 Asia-Japan)

pingdom

GTmetrix: 同樣可以將DEMO網站網址都到GTMetrix測試該網站速度。

gtmetrix

2.4 支援網站頁面編輯器

什麼是頁面編輯器? 頁面編輯器,主要是以輕鬆拖放的方式(drag & drop )功能介面來建構出網站頁面,主要是開發提供給不會寫程式碼的人使用,只要簡單透過安排各種已切版好的區塊,並且新增各種互動式內容,諸如:加入文字、跑馬燈、輪播、倒數計時、時間軸等等各式功能效果,以視覺化的方式簡單快速製作出高質感網站頁面。

那麼使用也面編輯器的好處,除了剛剛提到的可以減少初學者網頁設計上的難度與上手速度,同時在隨時變換網站編排之外,也能讓網站在更換主題時,保留原始的排版等等優點。

頁面編輯器推薦

流行且知名的頁面編輯器如下:

  1. Elementor
  2. Beaver Builder
  3. WPBakery Page Builder
  4. Divi Builder
  5. Avada Website Builder
  6. SiteOrigin 

2.5 技術支援與維護更新

WordPress本身會隨著時間的推進不斷更新,但免費的佈景主題有一個可能的問題就是,較無法及時跟上Wordpress本身的更新速度,很容易有不相容或錯誤的問題產生。相較付費佈景主題更新速度快,發生問題的機率低很多。

再者,免費佈景主題與付費佈景主題,還有一個差別就是,免費佈景主題在使用上發生問題時,比較沒辦法得到迅速的客服技術支援。但是付費的佈景主題,通常都有提供專業客服的技術服務,可快速有效率解決問題。

2.6 seo友好網站架構

基本上一個佈景主題程式架構設計,都會影響到你的網站在Google SEO上的排名,這一點非常重要! 簡單說就是關乎你的網站是否能順利登上Google首頁,獲取免費自然流量,讓更多然看見你的網站內容。因此,在挑選佈景主題時,要注意該佈景主題是否符合seo友善支援。

03 免費佈景主題與付費佈景主題差異在哪? 如何選擇?

在還沒進入免費佈景主題與付費佈景主題的比較之前,我們先簡單的比喻兩者之間的差異:

  • 免費佈景主題,你需要付出的就是 「花較多的時間」,例如,你可能要花時間摸索一下佈景所能呈現的整體功能,或者學習程式碼來修改你需要的樣式,遇到不熟悉的問題,又要花時間解決等等。
  • 付費佈景主題,你需要付出的就是「金錢」。但是,在付出金錢的同時,你可以節省下寶貴的時間,一可以把時間用來經營你的網站內容,二可以快速擁有符合你需求的主景主題。

免費的Wordpress佈景主題優點 & 缺點:

優點:

  • 免費的,對於預算有限新手吸引力大
  • 功能介面相對簡單,容易上手
  • 可以無限次更換佈景主題,增添新意
  • WordPress後端控制台即可免費下載
  • 適合簡單的個人部落格網站

缺點:

  • 功能相較簡易,也不易相容新功能
  • 可自訂的佈景外觀有限,會與很多人長的一樣
  • 沒有佈景主題的使用說明,完全自主摸索
  • 產品後續更新速度慢,長時間下來安全漏洞
  • 可能有與Wordpress不斷更新版本不相容情形
  • 缺乏客戶服務與技術支援,有問題自行解決

付費的Wordpress佈景主題優點 & 缺點:

  • 付費的,但為合理價格(高級主題平均約 $59 美元)
  • 外觀與功能樣式多元,彰顯網站獨特質感與專業性
  • 提供佈景主題使用說明,可以快速上手修改
  • 固定時間更新,比較不會有安全性漏洞問題
  • 比較不會有與Wordpress更新版本,相容性問題發生
  • 有問題也可與客服人員聯繫解決,有開發商技術支援
  • 適合多元性經營,如:個人網站/電商網站/商業網站等
  • 功能多元,但往往使用到的並不會這麼多
  • 功能過多架構複雜,往往會影響到網站速度
  • 大多建議購買(高級主題平均約 $59 美元)即可

那麼免費的與付費的,到底該選擇哪一種好呢?

首先對於Wordpress的初學者來說,我想說的是免費的沒有不好,因為其實很多免費的Wordpress佈景主題已經可以滿足一般的基本需求了,例如: Kotha 、Astra、Ocean WP、Primer等都是評價都還不錯的免費佈景主題。

👇 選擇免費主題結論:

如果你的預算真的不多,而且你只要有基本的需求功能,其實上述者幾個免費的佈景主題已經非常實用,但唯一缺點就是,你要花比較多時間摸索

👇選擇付費主題結論:

但是如果你是有心想經營個人品牌、透過部落格創造被動收入、電子商務網站等等的,基本上會建議你選擇付費的Wordpress佈景主題,不管是在外觀上、功能上、質感度、專業度等等,都會為你的網站長遠經營帶來正面的優勢。那麼還有最重要一點,選擇付費的佈景主題最大的優勢就是,為你節省時間。你可以將時間花在內容的經營上。省時優點如下:

  1. 你不用花太多時間摸索佈景主題,首先你只要依照詳細的使用說明文件(Documentation)進行即可。
  2. 接著再依照購買的模板(Template),照著修改成你的內容即可。
  3. 如果過程中遇到任何問題,還可以隨時與客服聯絡。(但發生問題機率小)

04 WordPress佈景主題商推薦,為什麼推Envoato Market?

4.1 為什麼選擇Envoato Market?

Envoato,對於網站開發者、創意者、設計師、音樂工作者等等應該都是不陌生的,畢竟整個Envoato家族品牌提供了廣泛的素材內容服務給予廣大的工作者,諸如從佈景主題、外掛、各類影片與圖片、音軌素材、教學服務等等五花八門應有盡有,其中又以主要提供佈景主題的Envoato Market(Themeforest) 最為知名,是目前全世界提供佈景主題最知名與最大的服務平台

優點: 

  1. 全站佈景主題版型高達上萬個,不怕選不到,只怕選不出!
  2. 採一次性收費,無須繳年費。
  3. 價格合理,費用區間介於$19~100美元之間。
  4. 有設立網路論壇提供交流

缺點:

  1. 無提供退款服務
  2. 一個佈景主題僅適用於一個網站
  3. 佈景產品眾多,也是有品質不好產品,需仔細選購(基本上建議選擇59美元價格帶)

4.2 Envoato Market(Themeforest)佈景主題價格比較概念說明

以Themeforest佈景主題網站裡所販售的佈景主題來分類,大致上可以分為三個價格帶:

  1. 「59美元」: 這個價格帶,大概是最多人購買的區間,原因主要在於這個價格帶的佈景主題,基本上功能都已經非常地齊全,基本上都已經可以符合需求。
  2. 「49美元以下」: 這個價格帶的,當然在功能上的對應已經有所差異了,簡單來說就是沒到這麼的全面了。
  3. 「100美元以下」:這個價格帶的佈景主題算是旗艦版的了,當然理所當然多了很多特殊功能設計,也含有很強大的頁面內容編輯器,可以自由自訂整體的網站設計,但是基本上一般新手來說通常不需要購買到此等級佈景主題,因為你也用不到,哈哈。

總之,如果你已經決定購買佈景主題,那麼選擇「59美元」區間的就對了。都要花錢了,真的沒差那幾百塊,以免日後更麻煩。

05 Solad佈景主題推薦,為什麼大推選擇Soledad佈景主題?

為什麼大力建議選擇Soledad佈景主題的幾個關鍵原因如下:

1⃣ 名列最佳銷售榜前茅: 在目前全世界提供佈景主題最知名與最大的服務平台Envoato Market(Themeforest)商城中,2019~2020年目前為止,「Soledad」在Wordpress 「部落格 & 雜誌媒體」分類的佈景主題中之最佳銷售排行榜當中,一直高居於第二名,也就是擁有極高的品質口碑保證。(那麼不推薦第一名的Newspaper,原因主要是功能過多過於複雜,對於初學來說怕消化不了,而且很多功能幾乎都用不太到。最後再我個人親自購買試用過第二名的Soledad,真的覺得很好用,內部功能也都很實用與好上手)

themeforest佈景主題推薦
Source: themeforest

2⃣ 200多種DEMO範例選擇: 第二大推薦優點是,在這個佈景主題當中,內部的DEMO範例有多達近200個佈景主題可以挑選,意思就是說裡面有各種類型與各種風格的佈景,你只要依照你個人的需求與喜好,選擇你需要的的佈景主題風格既可。更棒的是,日後你想更換佈景主題,也隨時都有其他選擇可以更換。

Wordpress soledad佈景主題推薦
Source: themeforest

3⃣ 選擇高公信力的佈景主題商: 在Wordpress佈景主題中,每個佈景主題都有不同的開發商,所以在選擇佈景主題時,我們要特別留意的是具有高公信力的開發商,較能擁有品質的保證。我們可以從主題右側的「PenciDesign」點進去看看,#01 首先看一下右上方的Author Rating(作者評價): 為五顆星極高評價,評價留言數目前有1026),#02 Sales(目前銷售數): 32,995。非常高的銷售數字,代表此主題多人認證。#03 接下來看一下左上方Portfolio(開發商作品): 這裡主要是要看開發商有哪些作品,但重點是,「作品少數,才是較好的」。因為這樣開發商才能專注在這佈景主題,不斷的開發與更新。

Wordpress佈景主題
Source: themeforest

4⃣ 與頁面編輯器Elementor相容: 如同我們前面提到,在選擇佈景主題中可以注意一下,是否擁有相容的頁面編輯器,可以快速有效率減低新手架設網站頁的時間。當然在佈景主題當中,主要有兩種編輯器,一種是主要的自訂外觀編輯器,另一種則是透過如Elementor這種頁面編輯器外掛。這裡要建議的是,新手一開始都先使用第一種,等你都熟悉內步功能之後,再開始嘗試第二種較進階的頁面編輯器。當然,後面會一步步教大家先如透過第一種,快速編輯出高質感的網站。

elementor
Source: elementor.com

5⃣ 佈景主題測試速度優良: 這個佈景都有通過Google Page Speed & Pingdom & GTmetrix 測試,速度優良。

Source: themeforest

6⃣ 擁有近7000個DEMO網頁: 意思就是在購買之前,你可以透過開發商先示意DEMO的頁面了解此佈景主題,可以呈現的各種類型與各種風格。

Soledad佈景主題推薦
Source: themeforest

7⃣ 擁有1-Click 一鍵安裝: 簡單來說,你只要透過按下一鍵(只需幾秒時間)就匯入佈景主題,即可擁有跟DEMO網頁一模一樣的佈景主題,接下來主要一步步修改即可。這個部分我們後面都會有教學。

Soledad佈景主題推薦
Source: themeforest

8⃣ Google SEO友善支援: 這一點非常重要,因為我們經營網站不外乎就是希望擁有大量自然流量。此佈景主題開發過程中的程式碼是對Google排名有幫助的。

Soledad佈景主題推薦
Source: themeforest

9⃣ 超過1000種頁面視覺組合 & 單篇文章有10種版型選擇 & 600種以上自訂外觀選項 & 支援AMP手機高速瀏覽 & 支援多國語言管理外掛 & 支援Penci Review評價外掛 & 支援自訂圖片此寸 & 支援與Woocmmerce電商外掛 & 100%手機與平板瀏覽相容

以上等等還有更多推薦優點,這邊就先寫出重要的推薦優點。那接下來,就與大家分享,如何購買Soledad佈景主題囉!

06 如何購買Soledad佈景主題?

👇 點此下方圖片連結進入Soledad佈景主題,之後依照下面步驟一步步完成購買。

Wordpress Soledad佈景主題推薦
點此進入Soledad佈景主題購買頁

1⃣ 將Soledad佈景主題加入購物車

  • Step 01: 首先在上面步驟,進入Themeforest的Soledad主題的介紹頁面。
  • Step 02: 在畫面側邊欄中,找到購物車區塊。先點選區塊上面「Buy License」
  • 接著點選「Add to cart」加入購物車,然後會跳出一個畫面,再點選「Go to Checkout」
Wordpress佈景主題推薦
Wordpress佈景主題推薦

2⃣ 創建Themeforest網站帳號

  • Step 01: 填寫 「First Name (名字)」「Last Name (姓氏)」「Email(個人電子信箱)」
  • Step 02: 接著勾選下方兩個小框框,同意。
  • Step 03: 最後點下「Next」繼續下一個動作。
  • Step 04: 輸入你要新建立的 「Username (帳號名稱)」「password (密碼)」。***提醒: 要記住帳號密碼並保存喔!
  • Step 05 :勾選「我不是機器人」
  • Step 06: 最後點選「 Create account & Continue 」繼續。

3⃣ 設定信用卡資料

  • Step 01: 輸入資料之前,先到中華郵政地址英譯網站,翻譯地址。下步驟需要。
  • Step 02: 輸入「Company Name (公司名稱)」(沒有可略過)
  • Step 03: 輸入「Country (國家)」,例如: Taiwan。
  • Step 04: 輸入「Address line 1 (街道地址)」。從剛剛翻譯中找到街道地址英文。
  • Step 05: 輸入 「City(城市)」,例如: 台北市,就是Taipei City,依照你住哪填寫哪。
  • Step 06: 輸入「Zip/Postal Code (郵遞區號5碼)」
  • Step 07: 接著點選「 Save and continue」 繼續下一個頁面動作。

4⃣ 選定付款方式

  • Step 01: 選擇「 Visa/Master」。(依照你付費方式選擇)
  • Step 02: 填寫信用卡資料:「Card Number (信用卡號) 」「Expiry date (逾期 月/年) 」「CVV (安全碼三碼) 」
  • Step 03: 最後點選「 Make Payment 」確認完成購買付款。

5⃣ 完成信件確認

  • Step 01: 完成購買之後,接著會跳出一段英文,要你回信箱確認一下購買信件。
  • Step 02: 接著進入你剛剛設定的個人信箱中,找到信件「Confirm your email to complete your purchase」,點選進入找到「Confirm your email to 」並點下確認。
  • Step 03: 按下之後,接著會跳回Themefoest下載畫面。
  • Step 04: 點選綠色按鈕「Download > All files & documentation」下載Soledad佈景主題檔案。那麼就完成購買囉! 接下來下一篇文章我們就要教大家如何安裝佈景主題與修改佈景主題囉!

下載檔案如下圖說明:

提醒最後回到Themefoest,記得在右上角處點選自己的帳號,找到「Downloads」> 再找到「Soladed檔案」

Wordpress佈景主題推薦

接著點選「Download」> 「 All files & documentation」

Wordpress佈景主題推薦

07 Envoato Market(Themeforest) 最佳銷售佈景主題推薦

Wordpress佈景主題推薦
點此進入Themeforest最佳銷售佈景主題推薦

08 如何提高自學的成功機率?

在過往自學的經驗上,我自己很喜歡購買線上課程自學,最大的原因在於「透過有系統性且統一流程的教學」快速有效率的學習,只要跟著課程老師的一步步教學與建議,基本上學習一項新技能都不是太大的問題。那麼同樣的在這系列的免費課程當中,我也希望大家跟我步驟一步步實作,基本上都可以提高成功率。以下建議大家配合:

  1. 統一使用 Google Chrome 瀏覽器
  2. 統一使用推薦的主機商
  3. 統一使用推薦的佈景主題
  4. 統一跟著流程走,一步步完成自己的個人網站

最後,在斜槓大師之路上,我們又向前邁進一步囉!

斜槓青年意思是什麼

斜槓副業之路養成(點此前往完整內容頁)

透過了解斜槓青年核心意涵並掌握翻轉未來生活正確的思維,整體實作內容從: 從你一步步自我探索挖掘出自我獨特優勢、行銷經營策略、內容經營策略、必學趨勢技能、網路趨勢賺錢法等等, 一步步打造出帶得走的能力。

繪出社群行銷力線上課程推薦

艾迪蘇正在籌備『繪出社群行銷力』線上課程,如果有興趣的人,歡迎點擊下方連結加入課程等候名單,即可獲得第一手課程資訊。繪出社群行銷力攻略

免費網站架設
點此連結加入課程等候名單,搶先獲得第一手資訊

斜槓熱門暢銷書籍排行榜推薦

斜槓青年暢銷書籍
斜槓青年實踐版書籍
點此連結了解更多訊息
不上班賺更多
點此連結了解更多訊息
有天不再為現實出賣熱情
點此連結了解更多訊息
我的人生就是我的事業
點此連結了解更多訊息
熱情人生的冰淇淋哲學
點此連結了解更多訊息

No Comments

    Leave a Reply