Editor Plus 2.1大修塊控制項UI並添加Lottie動畫

昨天,Munir Kamal發布了2.1版 編輯器加 插入。 最大的變化是對其設計控制項的全面檢查。 開發人員還添加了一個新的Lottie動畫塊。

在介紹了插件的最後幾個發行版之後,我聽起來可能像是破記錄,但是Kamal使用塊編輯器正在做一些令人驚奇的事情。 他正在超越極限,並在其他人尚未嘗試的領域進行試驗。 我開始懷疑他是否有一些秘密的,永無止境的功能創意清單,他每兩周在其中勾選幾個方框。

該插件目前只有1000多個活躍安裝。 但是,自2020年中點以來,它一直保持超過11%的增長率。我預計,隨著卡馬爾(Kamal)繼續將較大拼圖的各個部分(包括免費的方塊,圖案和模板)放置在新的一年中,這一速度將會加快。 古登堡中心。 他奠定了基礎,現在擁有Web上最大的塊編輯器資源之一。

設計控制檢修
editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations Editor Plus 2.1全面檢修Block Controls UI並添加Lottie動畫更緊湊的模塊設計控制項。

我對Editor Plus的最大抱怨一直是某些阻止選項使人感到不知所措。 太多的選擇可能會令人眼花,亂,而且自定義塊時,很難弄清從哪裡開始。

在幾周前的最後一次討論中,Kamal說:「其他UI改進尚待實現。」 他已經在加強控制項的工作,創建了他所謂的更緊湊的UI。 他從Figma和Sketch設計工具中汲取了靈感。

總體而言,此更新將創建他正在為其拍攝的更簡潔的UI。 一些最大的改進來自相互移動控制項和標籤。 所做的更改意味著用戶必須進行較少的滾動才能瀏覽多個選項。

仍然有一些區域可以清理並變得更直觀。 現在,Editor Plus添加了自定義阻止選項選項卡,其中WordPress已經具有相同的選項卡。 例如,該插件創建自己的「 +印刷術」選項卡。 相反,它應該將其自定義選項安裝在現有的核心「版式」選項卡上。 從純粹的用戶體驗角度來看,看到名稱相似的選項卡是令人困惑的。 這還將創建一個更緊湊的頂級選項卡列表。 該插件還有其他具有相同問題的標籤或控制項。

樂天動畫塊
editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations-1 Editor Plus 2.1全面修改Block Controls UI並添加Lottie動畫仍然拍攝 充氣車 樂透動畫。

Kamal將插件的前七個塊添加到了 最後插件更新。 他的主要目標是擴展默認的WordPress阻止功能。 但是,他需要創建一些新的塊來處理一些單獨的內核無法實現的布局。 最新更新添加了Lottie動畫塊,該塊允許用戶鏈接或上載Lottie動畫的JSON文件。

Lottie由Airbnb創建,是一個解析Adobe After Effects動畫的庫,該動畫通過Bodymovin導出為JSON。 然後,將其本地呈現在移動設備或Web上。 文件大小小於許多其他選項,並且可以按比例放大或縮小動畫而不會產生像素化。

LottieFiles 是網路上最大的免費Lottie動畫庫之一。 它具有1,000多種動畫供用戶選擇。

卡馬爾(Kamal)已經開始使用古騰堡中心(Gutenberg Hub)的全新Lottie動畫塊 部分模式庫 包含用戶可以複製並粘貼到編輯器中的塊代碼,前提是他們已安裝了Editor Plus插件。 到目前為止,他已經在黑色星期五的動畫中添加了三種Lottie模式-正好趕上購物季節。

editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations-3 Editor Plus 2.1全面檢查Block Controls UI並添加Lottie動畫仍拍攝動畫 黑色星期五模式

儘管Lottie動畫JSON文件很小,但播放動畫的腳本卻不是。 JavaScript文件的大小高達294 kb。 僅在使用Lottie塊時才載入此文件。 對於某些用戶來說,大小可能是一個大問題。 但是,對於動畫繁重的網站,可能值得考慮。

像這樣:

喜歡載入中……

資源

相關文章