進度條

【實體課程】WordPress 跨界網站接案講座暨工作坊 | 開源研究室 x 進度條線上課程

開源研究室 x 進度條線上課程,台北場盲鳥票開賣中!! 至 11/08 (日) 23:50 為止喔!購票與詳情請看「KKTIX 購票頁面」或「進度條文章

享受WordPress的方便又想要設計使用者體驗(UX)? 嘗試WordPress程式客製化吧!

WordPress架站無法滿足需求嗎?那你有嘗試用程式客製化WordPress嗎?

作者: 進度條編輯群 更新日期:

過去若要從無到有的進行網站架設,可是一個相當大的工程,初學者必須要熟悉 HTML 、 CSS 、JavaScript 、 PHP 等程式語言,以及網路硬體的架構處理,光是學習的成本就相當可觀,更何況許多功能還必須結合第三方套件配合開發,更是難上加難。倘若是使用現成的服務進行架站,卻又容易受限於現有的主題,無法做出具獨特風格的網站。

 

 

 

 

但你知道嗎?現在世界上有1/3的網站,可都是用WordPress架設的

WordPress 是目前全球最大的部落格網站架設系統,主要是以PHP語言作為開發,並可知支援MySQL資料庫,為可活化其網站主題風格與功能,其中涵蓋無數第三方開發之主題模板與支援套件,並以高擴充度在世界聞名。

 

延伸閱讀:任何人都可以辦得到的網路架站,你知道什麼是WordPress嗎?


 

 

 

所以顧名思義,WordPress用户可以在不影響Blog的內容與結構中,自由的切換主題與風格。除了高擴充度外,每個人更可以依據其WordPress提供的規則,依照個別的需求進行模組與插件的開發,讓你的Blog搖身一變成電商商城、商城後台或是企業形象官網。

 

 

但這些看似簡單的應用中,其實卻也蘊含著許多學問。網路上很多的教學雖然都相當完善,不過本質上多是疊床架屋,系統資源速度就在上面無形的消耗掉而不自覺。許多功能雖然都能從免費的外掛(Plugin)堆疊出來,但是通用型的外掛不太可能在外觀與程式執行邏輯上完全符合你的樣式或是你所想要的設計。所以很多不懂WordPress的架站者其實無法照著設計圖去施工,畢竟這是屬於前端程式HTML、CSS與JavaScript的範疇,如果沒有一定前端的能力,就只能用區塊編輯器去拼湊組合,無法隨心所欲的設計使用者介面(UI)與使用者體驗(UX)。所以導致一些網路文章認為WordPress無法做到很多高強度的功能,但實際上只是因為他們接觸的架站者並不是軟體開發者。而且WordPress官方是有提供相當完整的程式開發文件,以程式開發的方式來玩WordPress也是相當主流的方式。只是因為難度較高,比較少人分享而已。

 

另外,免費的外掛確實可以堆疊出來相當優秀的功能,但是同時間系統漏洞也跟著疊加。來路不明的外掛也時常被偷塞後門程式。對於不熟悉程式碼的站長中招的同時就只能花錢解決或是拋棄站台重架。所以如果時間體力允許的話,最好多少了解WordPress與網站架設原理,或是聘請專家來維護架設。


 

延伸閱讀:自架WordPress不安全容易被攻擊?這句話是對也是錯!


 

架設網站是有階段性的,就跟上市一個新商品一樣,要經過研發、測試、反覆修正。乾淨的WordPress站台就像一個平衡度良好的官方樣品機,基本功能都有,也不太容易出問題。但是開始調整就有機會破壞它的平衡。第三方的外掛多半都對乾淨的WordPress站台有著不錯的支援度。但是外掛的作者一般不會考量到其他的外掛,除非該外掛幾乎等於必裝才會測試相容性。所以常常發生只是需要兩個小功能,但是因為分別附屬於兩個大型外掛。兩個都裝了以後不是跑得很慢,就是網站掛了根本開不起來。

 

有一個很常見的例子,就是Cache型網站加速外掛。這類型的外掛最好只裝一個。

大概每幾週就會有人網上求助說加上外掛後網頁開不起來(估計大概每天都有人遇到只是沒發文)。
這通常是因為這類型的外掛有一個常見的壓縮加速功能gzip。這個功能的用途是把你的網頁壓縮後再傳出去,訪客的瀏覽器拿到以後會用標準的解壓縮方式解開來還原成原本的網頁。因為壓縮解壓縮的速度遠快於傳輸所花費的時間,也可以節省頻寬不塞車。所以是非常有用的功能,但是這個功能常被誤用。

基本上這個功能的原理你可以想成在檔案滑鼠右鍵zip壓縮,要解壓縮的話也是右鍵解壓縮,很簡單。

不過如果你今天壓縮的對象是壓縮檔(ZIP1)的時候,他還是會產生出一個新的壓縮檔。這個新的壓縮檔在解壓縮後不會還原成最初的檔案,而是壓縮檔(ZIP1)。這是理所當然的,一般人都可以接受。而壓縮檔是沒辦法直接被使用的。所以你壓縮兩次,就要解壓縮兩次才能使用。


不過今天換到WordPress外掛的時候,很多人都沒注意到這一點。gzip這個功能從Web Server(Apache, Nginx) 到 WordPress外掛 Cache,到CDN CloudFlare 或是 AWS都有提供。


今天如果你Cloudfront, WordPress 外掛, Apache都沒檢查直接開啟完整優化,那你的網頁會被壓縮至少3次,如果有多過一個快取外掛則會更多次。這樣的東西傳給訪客的瀏覽器,它一樣只會解開一次。所以自然就看不懂,看不懂就報錯,說格式不支援。


這樣的錯誤如果了解原理絕對可以避免的。另外一個常見的還有JavaScript壓縮會讓順序與參數錯誤,造成網頁不正常。這些如果了解原理就比較不會束手無策。
 

 

 


 

當然,這邊也不是鼓勵大家用WordPress架設就要全部寫程式。WordPress的免費、付費外掛與佈景主題本來就是他強大的地方。但是建議大家不要用大量的外掛來解決細小的問題。以樣式為中心,或是自製樣式後,搭配幾個主流不相重疊的有用外掛後。剩下細小的修正還是自己處理會比較好(當然讓專家幫你規劃也是一個選擇)。

 

 

最後再推一下我們的服務:

如果你覺得要考慮的地方很多太麻煩,想要雇用專家來幫你

我們有邀請了一些網頁設計專家,有需要可以聯絡他們喔!

(進度條因為業務繁忙的關係,所以目前是沒有在接案架設網站。)

點我進專家列表

 

 

當然,如果你想要自己學習如何客製化WordPress網站,完成自己的佈景主題(Themes)與外掛(Plugins)。

課程:WordPress - 從頭教起的網站架設

是我們設計來分享給有這方面需求的同學的線上課程

 

如果想先從基本的網站前端循序漸進
課程:HTML, CSS, JavaScript, jQuery 網頁從零開始

是給初學者的入門課程喔!
 

 

當然課程不算輕鬆,不過這就要看自身的取捨了(時間/金錢/知識)。

 

 


最後,如果你喜歡我們的文章,別忘了到我們的FB粉絲團按讚喔!!

Small logo

進度條編輯群

進度條編輯團隊