由 Tiles 團隊完成的進度條塊插件

一段時間以來,我一直在尋找一個不錯的進度條解決方案。 它們中的大多數都捆綁在大型塊庫中,需要我再安裝 20 或 30 個我不需要的塊。 其他人似乎完全錯過了奇怪的配置和塊選項。 剩下的一些插件仍然使用簡碼和小部件,但已經是 2021 年了。我正在尋找一個塊。

幾天前,該 瓷磚進度塊 降落在目錄中。 它似乎是名為 Tiles 的大型項目的一小部分。 我從一開始就一直關注團隊的工作 設計和模式框架插件 上周推出。 該項目仍處於測試階段,只有時間才能證明它是否會成為區塊空間中的競爭項目。

然而,團隊的新進度條塊正是我想要的。 除了一個錯誤,我 報告給開發商,我沒有發現嚴重的問題。

該插件執行它在罐頭上所說的。 它註冊一個進度條塊:

a-progress-bar-block-plugin-done-right-by-the-tiles-team 由 Tiles 團隊完成的進度條塊插件帶有默認顏色的小進度條和大進度條。

開箱即用,它包括 Small 和 Large 樣式,允許用戶調整欄的大小。

它的優勢在於——我再怎麼強調也不為過——塊的內容在編輯器畫布區域內是可編輯的。 這包括標籤和百分比。 與許多其他要求用戶跳回塊選項側欄以更改簡單文本的其他更改相比,這是一個令人耳目一新的更改。 由於塊使用富文本欄位作為其標籤和百分比,因此最終用戶可以使用粗體、斜體等內聯格式工具。

該塊還使用來自核心 WordPress 的標準排版和調色板控制項。 這提供了對主題字體大小和顏色的訪問。

a-progress-bar-block-plugin-done-right-by-the-tiles-team-1 由 Tiles 團隊完成的進度條塊插件添加自定義標籤、百分比和顏色。

此外,用戶可以選擇寬和全寬布局,這是塊插件中經常被忽視的功能。

總的來說,我正在挖掘這個塊插件。 如果我有一個功能請求,那就是添加一個 border-radius 選項。 默認情況下,進度條是圓角的,但有些用戶可能更喜歡方角。

擴展塊

在主題預覽中,我幾乎總是看到進度條與演示的假開發人員學習了多少 PHP、HTML 和 JavaScript 一起展示。 它很少是進度條的真實表現。 你如何量化你掌握了多少編碼語言? 我已經這樣做了將近二十年,無法回答這個問題。

進度條應該是可衡量的。 例如,某人在在線學習課程中採取的步驟、收到的捐款總額的百分比以及可以計算的任何數量的事情都更加現實。

我最喜歡使用的進度條也恰好在我的 最喜歡的小說家網站. 我喜歡關注 Brandon Sanderson 的作品,期待著我的下一個文學修復(是的,我是一個粉絲)。

a-progress-bar-block-plugin-done-right-by-the-tiles-team-2 由 Tiles 團隊完成的進度條塊插件布蘭登·桑德森的寫作進展。

目前,Tiles Progress Block 不能處理那個確切的布局。 但是,因為它是建立在塊系統上的,並且不會做任何與眾不同的事情,主題作者可以使用自定義樣式來更改它。

而這正是我所做的。 我的 Sanderson 風格的書進度條(粗糙的,未經打磨的 可作為 Gist 使用的代碼):

a-progress-bar-block-plugin-done-right-by-the-tiles-team-3 由 Tiles 團隊完成的進度條塊插件具有自定義塊樣式的進度條。

我喜歡塊系統的一點是,主題者可以通過這種方式擴展塊。 無需檢查活動插件、載入額外的每個插件樣式表或找出每個插件的獨特系統。

如果一個塊被編碼為當前的標準,主題作者只需要使用他們自己的風格。 然後用戶可以通過編輯器選擇這些樣式,甚至將它們設為默認樣式。

我想從塊插件生態系統中看到更多。

像這樣:

喜歡載入…

來源

原創文章,作者:WPJIAN,如若轉載,請註明出處:https://wpjian.com/zh-tw/tips/2021061146184.html