搜尋
Close this search box.

14_對佈景主題基本認知

索引
全文

簡介:

佈景主題是整個網站的基本框架、基本外觀、樣式,是必須安裝的,或稱「套版」,但若學習正確的方式,可以打造想要出的網頁或功能,擺脫套版的框架。

說明 :

這個章節非常重要,會先說明許多觀念再繼續後面的章節,請務必耐心把本章節所說明的觀念與方向弄懂再往下學習,很多學習WordPress的新手的「誤入歧途」都是源自一開始對佈景主題錯誤的認知與無知。

很多人在學習WordPress架站的初始階段,被錯誤的資訊或網路廣告所影響對佈景主題產生錯誤的謎思或依賴,造成後續過度購買、無法駕御、反覆重新開始等等的情形。

觀念1:佈景主題有99%都是英文

WordPress源自國外,雖目前後台已有繁體中文介面,但額外加裝的佈景主題仍在「設定」上仍大多數是英文,我們須有基本英文閱讀能力或靠Google瀏覽器按右鍵翻譯中文來閱讀(我都這樣做的)。

雖設定上大都是英文,但我們在設計網頁或寫文章時仍是以中文來編寫,所以訪客瀏覽網頁時所看到的仍是你所編寫的中文內容,只會有少數的功能標題在前台呈現時會是簡短英文,但這個我們後面可以有方式把這些片段英文也翻成中文,讓訪客看到的是全中文的網頁。

觀念2:免費與付費的差異

不管是免費主題或付費主題,都是「套版」,套了之後再做設定與修改。

Ф免費主題

WordPress本身就有提供數以千計的免費式佈景主題,可以在後台直接搜尋安裝,不過絕大部分的主題都有許多限制,很多的「設定」都要付費版的才會開放。

另大部分的免費主題,其實並不好用,只能靠有經驗或用過的人才能告知你哪幾套免費佈景主題是較好用、較好上手的、較好操作的。

但也有一些免費式的佈景主題,在免費版時的就沒有過多的限制,是值得我們列為「愛用」清單之一的。

Ф付費主題

付費主題主要是在「主題市集」(我比喻的稱呼)可以購買,那邊也有數以千計的付費主題可以選購,每一套大約50~60美金不等。

會購買付費式主題的原因不外有二,一是它內建許多功能,二是可以直接匯入它做好的美美的Demo。但這二點卻也是新手最大的盲點與浪費學習時間、繞遠路的主因。(後面另詳述)

(比較簡表) 免費主題 付費主題
優點 免費、簡單 多功能、有Demo可匯入
缺點 ● 功能少,無Demo可匯入。
● 在「設定」上有所限制。
●未來如果更換主題,不太會痛,沒有較大的過度期。
● 可「設定」的地方較多,但也可能偏複雜,不知怎麼設。
● 太多功能用不到,可能也不懂怎麼關掉,影響網頁載入速度。
● 匯入的Demo會自帶外掛,而自己又安裝外掛,可能會造成功能重覆。
●未來如果更換主題,在設定與風格上,一切得重來。
改善方式 靠適當的外掛來打造想要的功能。 內建的功能可能是不符合實際需求的功能,所以仍得靠其它外掛來補足想要的功能。

 

觀念3:每一套主題的「自訂」的範圍都不一樣

「自訂」的意思,是指佈景主題可以「自己設定」的地方,例如可以設定全站的主要風格、配色、幾欄式、選單數量、字體大小等等。

重點來了,不管是免費或付費主題,每一套的可「自訂」範圍與內容完全都不一樣,免費的主題提供的「自訂」比較少,付費式的主題提供的「自訂」較多,甚至有些偏向複雜、有難度,須仔細研究、閱讀官方教學,付費式主題的官方教學甚至太冗長且過多英文篇幅易造成閱讀上的門檻。

也正因「每一套主題的「自訂」的範圍都不一樣,所以如果你把網站的主題做更換,你就得重新去研究這些新的自訂項目,所以沒事就不要亂更換主題,選好一套用到底就是了。

更換主題並不會造原所編寫的內容消失,更換主題只會造成網站樣式或外貌上的改變。

觀念4:安裝後無法與主題展現的Demo呈現一模一樣

免費主題的安裝前預覽

這個情形一般常發生在免費主題身上,因為免費主題一般沒有提供Demo可匯入,所以在安裝前的預覽雖看來美美的,實際上安裝後只是一個空的框架與少數部分會一樣(如上圖),這些預覽其實大都只是「示意」畫面而已。

觀念5:佈景主題的Demo修改問題

付費主題一般都會提供Demo讓你匯入,就可以馬上讓你的網站跟它的Demo站完全一模一樣,很棒吧?才不是呢,後面你就知道苦在哪裡了!

美美的Demo是糖衣毒藥

例如這個付費主題「Flatsome」的Demo站,看上去每個可匯入的Demo是非常棒,好像匯入後網站就可以直接上線了,對吧?

實際上你會遇到的問題有很多:

問題(1):Demo數量

匯入的Demo有太多頁了(有些會有30幾頁以上),你必須思考如何選擇性的刪除與保留,也包含主選單或相關連結。

問題(2):切版問題

你網站實際上的資料量,例如文案、圖片,一定要在Demo頁上去替換成你的圖文,而Demo網頁上有幾張圖,你就得準備幾張圖去替換,Demo網頁上有幾個段落的文字,你就得硬生出那樣數量的文字去替換,所以對Demo頁的修改,你新手能做的只是換圖換字而已。

另外,想進入一步修改,會發現Demo網頁上切割好的版位可能太多或太少 ,你還得學習研究它自帶的編輯器來摸索怎樣「切版」,才能增加或刪除每一網頁上的版位區塊。(自帶的編輯器大都很難用)

問題(3):自帶編輯器的問題

每個佈景主題大都有自帶編輯器,每個佈景主題都各自為政,而且未來一更換主題,不僅須得重新學習新的編輯器怎樣用,而原主題編輯器所製作的內容很可能就會變成「原始亂碼」的狀態。(後面會教怎樣才能避免此情形)

問題(4):自帶外掛的連動關係

Demo匯入時也會同時匯入很多外掛,這些外掛可能有互相搭配的效應,所以你必須研究出哪支外掛用在哪裡、控制了哪裡,與哪一支外掛做了連動控制,對新手而言要搞清楚這些「因果關係」其實有很多的門檻。

有些匯入的外掛其實很難用很複雜,同樣的功能我們可以透過前人的經驗來安裝更適當更好上手的外掛。

 

觀念4:佈景主題只要「慣用一套」就好了

為了增加你對佈景主題的「自訂」熟悉度與了解它的極限在哪,強烈建議只要慣用1~2套主題就好了,所以要慎選主題,這很重要!

如何選擇適當的佈景主題?

1、不需要內建多功能的佈景主題

一開始功能就是歸0,學習上才會沒有過大的阻礙。

2、不需匯入Demo網頁

以後想要設計出美美的網頁,我們可以靠「頁面編輯器」外掛來設計製作,不須靠修改Demo頁,也不需要另學習Demo頁的自帶編輯器,重點是以後就算換主題也不會讓我們製作的頁面效果消失不見。

3、以輕盈簡單、純框架式的主題就好

主要是為了減少學習複雜度與避免內建太多東西而影響網頁效能速度。

4、不足的功能怎麼辦?

以後會以「外掛」為導向,用「堆積木」的概念把想要的功能慢慢堆疊出來,想要什麼功能再裝外掛就好,不需一開始就內建或匯入一堆功能之後才來苦思怎樣關掉或刪掉。

如果你真的很想試試買了付費版型好不好用,那也可以買來親身體驗看看囉!

 

有問題嗎?歡迎於下方發問

發佈留言

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

下一首

每日登入可以累積學習幣!

Line的不良影響

我個人並不很喜歡用Line,因當我一句訊息回覆後,馬上對方又一句回來,如此往返下去則半小時、一小時就過去了,我無法專心工作,除非是正式諮詢或安排會議的討論,才適合這種模式

有時候對方的問題很多很雜,一傳就是十幾封訊息,這就是訊息轟詐了,我就不知從何回起,我就會只回最後一封的訊息。

有時候對方的問題很多還加上數張截圖,因Line無法條列式呈現,我也無法增加腦力去判斷哪張圖要對應哪則訊息,所以我就會只回最後一封的訊息。

另我不喜歡私人Line被直接來電,因我常常在國道開車需要導航,有時因加班在補眠,這些都會不良干擾。

不是正式會議的討論階段,請您用Email,Email可以條列方式呈現多則問題與截圖,也可以讓我先已讀後再慢慢思考怎樣回覆,避免我自己不小心已讀不回造成對方不佳的感受。🙏 - Wiktionary, the free dictionary

哈囉,在加Line好友之前請先確認一下幾點 :

1、若您是上課的學員或讀者,請直接用Email發問或在該篇文章留言發問,盡量不要直接加Line發問,因我平常很忙,無法守在Line前與您一句一句訊息對答,若每一期 + 每個學員都加Line課後詢問,我短時間內回不完這麼多訊息也會回得很慢喔 ,請見諒。(用Email發問,我會仔細條列說明,你會得到更完整的圖文回覆,甚至還會附上小影片解說。)
Email : [email protected]

2、若是網站外包詢價相關,您再加Line,因我可能需要與您語音會議或遠端連線。

3、補充說明 : Line的不良影響

以上。

目前線上有 7 個使用者: 1 個成員2 個訪客4 個檢索機器人

線上同時最多使用者人數為 121 個使用者,發生於 2024-05-1419:40

1 個成員 正在線上

#1 – Facy 於 2024-11-1221:13
架站勤拿手 » post-tree - 架站勤拿手 [網址] [參照連結網址]

2 個訪客 正在線上

#1 – 訪客 於 2024-11-1221:12
架站勤拿手 » 架站勤拿手 - WordPress網頁設計&教學、WordPress線上課程。 [網址] [參照連結網址]

#2 – 訪客 於 2024-11-1221:12
架站勤拿手 » [網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱 - 架站勤拿手 [網址]

4 個檢索機器人 正在線上

#1 – SemrushBot 於 2024-11-1221:16
架站勤拿手 » 14_對佈景主題基本認知 - 架站勤拿手 [網址]

#2 – SemrushBot 於 2024-11-1221:16
架站勤拿手 » 14_對佈景主題基本認知 - 架站勤拿手 [網址]

#3 – Google 於 2024-11-1221:14
架站勤拿手blog - 第 15 頁 - 架站勤拿手 [網址]

#4 – Google 於 2024-11-1221:11
架站勤拿手找不到符合條件的頁面 - 架站勤拿手 [網址]