iT邦幫忙

2023 iThome 鐵人賽

DAY 9
0
WordPress

30 天用 WordPress 打造遠端團隊管理協作平台系列 第 9

[Day 9] 選擇適合作為協作平台的佈景主題

  • 分享至 

  • xImage
  •  

前言

我們透過自訂內容類型、分類法,以及自訂欄位,將我們協作系統的資料初步建置完畢了。接下來,我們要開始將內容反映到我們網站的前台,供同仁或客戶存取。

WordPress 的佈景主題

如果說外掛是 WordPress 網站的靈魂,那佈景主題就是 WordPress 網站的皮肉。
儘管佈景主題與樣式同樣都遵循 WordPress 的勾點 (hook) 機制,也都共用一樣的核心物件及函式,但是在實際運作上,佈景主題和外掛仍然有幾點不同:

  • 佈景主題主要是規範全站的樣式與版面配置:雖然外掛也會根據自己的需求,制定特定元件的樣式,但佈景主題的樣式是更全面性的。
  • 佈景主題的主要目的是為前台使用者服務:外掛是針對功能的加強,佈景主題則主要是為使用者做規劃。因此佈景主題中,原則上都是以「使用者看得到的功能」為主。
  • 相依性:一個 WordPress 網站只能啟用一個佈景主題,切換佈景主題後,原佈景主題的部分資料 ([自訂] 當中的選項) 無法轉移到新的佈景主題。

可以作為協作平台的佈景主題

選擇佈景主題時,除了考慮外觀和功能外,還需要考慮其他因素。例如,回應式設計能否針對不同的裝置和螢幕尺寸進行最佳化?該佈景主題是否獲得經常性的更新和技術支援?最重要的,由於協作平台會搭配許多第三方外掛,因此該主題是否與你想要使用的外掛相容相當重要。

基於這些原因,我在挑選時,以「單純」為主要的考慮,讓其他外掛在搭配時比較不會發生衝突。

Twenty Twenty-Three

https://ithelp.ithome.com.tw/upload/images/20230922/20129585iYVZWnPktM.png
WordPress 官方團隊製作的佈景主題,以全站編輯器 (Full Site Edit) 為基礎,資源上非常輕量,如果重視效能的話,值得嘗試。

Blocksy

https://ithelp.ithome.com.tw/upload/images/20230922/20129585c48ABd0wAm.png
搭配外掛 Blocksy Companion 後,可以有系統的將佈景樣式定義完畢,此外可以按照開發團隊的建議,搭配 Stackable 做使用,功能十分強大。不過可惜的是,如果需要使用 Stackable 的動態欄位功能 (讀取 ACF 欄位資料用),需要升級成付費版。

QUADRA (付費)

https://ithelp.ithome.com.tw/upload/images/20230922/20129585BNH9guhTdO.png
這個佈景主題是我們公司內部網站所選用的佈景主題。這是因為我們的內部網站最早需要的是知識庫的功能,而這款佈景主題以知識庫為基礎的設計,很符合我們所需要的動線。

結語:

今天,我們分享了 WordPress 當中佈景主題與外掛的差異,並且提供選用適合佈景主題的方式,希望能在實際應用中提供一些協助。明天,我們將探討如何透過區塊編輯器,設計前台使用者所需的頁面,包括如何使其更加直觀和對使用者友善。


上一篇
[Day 8] 利用自訂欄位 (Custom Fields) 加入自訂內容類型的客製化功能
下一篇
[Day10] 使用區塊編輯器設計協作平台頁面
系列文
30 天用 WordPress 打造遠端團隊管理協作平台11
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言