Snow Monkey 編輯器插件為 WordPress 核心塊添加自定義樣式

在區塊編輯器登陸 WordPress 的早期,區塊收集插件在現場爆炸式增長,並迅速吸引了數十萬用戶。 像這樣的插件 共塊, Kadence 積木, 和 古騰堡的終極插件 在一個包中提供數十個塊,主要關注核心中未提供的塊。 WordPress.org 的塊目錄為創建單塊插件提供了一些動力,允許用戶在塊編輯器中搜索和安裝它們。

作為 塊主題通常比傳統主題包含更少的自定義 CSS,一些插件開發人員正在嘗試將有趣的樣式應用於 WordPress 的核心塊。 雪猴編輯由開發者 Takashi Kitajima 創建,就是這樣一個不包含任何自定義塊的插件。 相反,它擴展了塊編輯器,為核心塊提供獨特的樣式,賦予它們自定義塊的外觀。

例如,雪猴編輯器會取一個簡單的段落,並將其轉換為各種警報樣式、便利貼、演講等。

snow-monkey-editor-plugin-adds-custom-styles-to-wordpress-core-blocks Snow Monkey 編輯器插件將自定義樣式添加到 WordPress 核心塊

除了段落之外,該插件還為圖像塊提供了額外的樣式,包括不同的流體形狀和陰影。

snow-monkey-editor-plugin-adds-custom-styles-to-wordpress-core-blocks Snow Monkey 編輯器插件將自定義樣式添加到 WordPress 核心塊

列表塊還包括幾種不同的預設樣式,使列表更有趣。

snow-monkey-editor-plugin-adds-custom-styles-to-wordpress-core-blocks-1 Snow Monkey 編輯器插件將自定義樣式添加到 WordPress 核心塊

該插件在塊工具欄內放置了一個猴子圖標,為文本提供更多格式選項,包括背景顏色、徽章、字體大小、熒光筆、字母間距、行高和文本顏色。

snow-monkey-editor-plugin-adds-custom-styles-to-wordpress-core-blocks-2 Snow Monkey 編輯器插件將自定義樣式添加到 WordPress 核心塊

Snow Monkey Editor 還包括所有塊的一些實用程序和顯示設置,包括以下內容:

  • 隱藏在智能手機尺寸或平板電腦尺寸或 PC 尺寸上。 (使用媒體查詢)
  • 按用戶角色隱藏。 (使用render_block過濾器鉤子。如果它沒有通過這個過濾器,它會被忽略)
  • 滾動動畫
  • 發布日期時間設置
  • 取消發布日期時間設置
  • 按用戶角色編輯鎖定。 (只有管理員可以設置)

這些設置本質上允許編輯器執行諸如在設定的日期消失選定的塊、根據設備顯示大小隱藏內容以及鎖定內容不被不同用戶角色編輯的操作。 在為客戶構建網站時,其中一些可能會有所幫助。

不同塊的樣式集合讓我想起了塊編輯器之前的舊時代,當時用戶會使用短代碼創建類似的格式化文本。 這種新的基於塊的方法遠不那麼笨重,並且允許用戶在他們在編輯器中工作時快速預覽樣式。

雪猴編輯 插件在 WordPress.org 上可用,並且有超過 10,000 次活動安裝。 它可以與任何主題一起使用,因為風格大多是微妙而和諧的。 如果插件被停用,塊樣式將恢復為默認的核心樣式。 Takashi Kitajima 還創建了一個 雪猴積木 帶有大約 3 打自定義塊的插件,一個 雪猴形態 具有 13 個塊的插件和一個 雪猴主題 對於那些想要更多旨在與 Snow Monkey Editor 一起使用的免費擴展的人。

資源

相關文章