有些WordPress區塊外掛可能並不是必需的

當我今天早上翻閱WordPress外掛目錄時,我注意到一個新的區塊外掛。這是一個簡單的價格區塊。我安裝並試用了該外掛的功能。因為該外掛的版本僅v1,我不會對其有過高的期望。

不容置疑,該外掛將滿足許多使用者的需求。但是,它並沒有帶來使用者無法使用現有WordPress進行這方面的處理的解決方案。並且,隨著區塊系統隨著更多區塊選項的不斷成熟,終端使用者將獲得對現有核心模組各個方面的更多設計控制權。

這說法並不是針對這個特定的外掛。我越是瀏覽和測試第三方外掛,對許多第三方區塊的需求就越少。藉助WordPress的基本功能和一個體面的主題,可以通過模式目錄實現許多自定義解決方案。

為了測試外掛的功能區塊,我將其新增到Columns塊中,並重復了幾次以建立定價列。

pricing-table-block

單個定價區塊的結構很簡單。它包含以下等效核心塊:

  • 分組
  • 標題
  • 標題/段落
  • 段落
  • 按鈕
  • 分隔符
  • 列表

我嘗試根據外掛所提供的結構使用“2021”主題來重新建立它。除了幾個字型大小和顏色外,其他所有內容基本保持不變。

pricing-table-twenty-twenty-one

所搭建出來的結果雖然未能盡人意,但是與上面外掛的水平基本持平。“2021”最大的缺點是沒有垂直間距控制元件來收緊某些文字。這比主題更像是WordPress的侷限性。另外,邊距和填充控制元件即將到來。

除了一鍵式插入到內容畫布中之外,定價區塊外掛帶來的好處還包括圓角邊框,框陰影和列表圖示。但是,如果這些專案受主題控制,則將更適合網站的設計。

知道Eksell主題通過自定義區塊樣式解決了垂直對齊問題,我決定嘗試一下。同樣,我也使用與外掛相同的結構。

pricing-table-eksell-1

感覺好多了。但是,Eksell是一個設計精美的主題,它將提升幾乎所有外觀。這幾乎是不公平的。

將事情提高一個檔次,我對該模式進行了大修。移動一些東西,改變了幾種顏色,並嘗試去玩一些樂趣。

pricing-table-eksell-2

這裡值得注意的是,在當前的WordPress限制內,我對佈局和設計有更多的控制權。這對於外掛的區塊是不可能的。

還有更多可靠的價格區塊。這不是所有可用選項的比較。但是,許多區塊都存在這些問題。通常,他們需要做的是利用WordPress的“內部區塊”系統和巢狀核心區塊,該區塊提供對現有設計選項的訪問。

為了進一步進行此實驗,我啟用了Gutenberg外掛的開發版本和我一直在嘗試的基於區塊的主題。有了合適的工具,我就可以控制間距,邊框,版式等等,這些都是使用者在未來幾個月中將擁有的功能。

pricing-table-featured

我喜歡,但我也希望看到專業設計師從這裡接管。我想看到各種價格列/表,它們可以作為主題和即將出現的區塊目錄中的模式使用。

價格專欄的下一層將與WooCommerce,Easy Digital Downloads和其他電子商務解決方案等外掛整合。例如,使用者可以將產品的價格或立即購買按鈕插入到編輯器畫布中的預先構建的模式中。這樣,資料將保持更新。

但是,這不是專門針對價格列的。這完全是關於區塊生態系統的。舉例來說,幾乎每當我看到一個推薦框時,我都將其視為可以註冊的另一種模式。

對於終端使用者,快速的解決方案通常是啟用一個額外的外掛。這需要編輯器和通常是前端的更多資源。它還將它們與另一第三方工具聯絡在一起,而這些第三方工具不一定是必需的。

最終,大多數網頁部分都可以細分為WordPress中存在的各個區塊。他們只需要按照特定的順序排列並組合在一起即可。我們的主題作者社羣可以通過完成此分組的工作來開始提供這些解決方案,並將它們註冊為模式。

最有用的功能區塊可以完成WordPress無法單獨執行的操作或新增不存在的元素。via wptavern

評論留言