EditorPlus 1.9為塊編輯器添加了動畫生成器

Munir Kamal沒有放緩的跡象。 他繼續為自己的新功能推進 EditorPlus插件,這使最終用戶可以自定義帖子和頁面中塊的外觀。 他稱其為「 WordPress的無代碼樣式編輯器」。

他插件的最新成員? 每個核心塊的動畫樣式。

我的第一個想法是,這會使該插件大量不必要的CSS和JavaScript膨脹,而這實際上是一些麻煩。 但是,Kamal用最少的自定義CSS來實現了這一目標。

受到各種網站建設者的啟發,他希望將越來越多的這些東西帶入核心塊編輯器。 動畫功能只是看似永無止境的功能清單上的另一個複選框。 而且,到目前為止,它仍然是免費的。

自上次以來 六月涵蓋了EditorPlus,Kamal增加了通過任何富文本區域(例如,段落,列表等)插入圖標的功能。 他還為WordPress核心塊添加了形狀分隔符,版式,樣式複製和響應式編輯選項。

動畫如何工作?

在1.9版的EditorPlus中,Kamal添加了「入口」動畫。 當訪客首次在屏幕上看到該圖塊時,就會發生這些類型的動畫。 例如,用戶可以將Image塊設置為在讀者查看該塊時逐漸消失。

當前,該插件添加了七個動畫:

  • 褪色
  • 滑動
  • 彈跳
  • 放大
  • 翻轉

editorplus-1-9-為塊編輯器添加動畫生成器EditorPlus 1.9為塊編輯器添加了動畫生成器為Cover塊文本添加幻燈片動畫。

每個動畫都有其自己的選項子集,以控制其在頁面上的行為。 例如,反彈動畫允許用戶選擇反彈方向。 其他選項包括持續時間,延遲,速度曲線,延遲和重複。 有足夠的選擇來花費大量時間修改輸出。

此新功能的最好功能之一是,Kamal在塊選項下包括一個Animation Player。 通過單擊「播放」按鈕,用戶可以查看正在運行的動畫而無需預覽帖子。

觀看動畫功能的快速視頻:

[embedded content]

經過測試並使用了每個動畫之後,一切似乎都正常運行。 不利的一面-並且不僅限於動畫-有時在塊級應用樣式沒有意義。 在許多情況下,它將幫助用戶選擇用於對塊中的項目進行樣式或動畫處理的選項,例如「圖庫」塊中的圖像。 當我與Kamal討論這個問題時,他很樂意將來尋求解決方案。

EditorPlus的下一步是什麼?

在某個時候,太多的格擋選項幾乎會感覺像是過分殺傷,變得笨拙。 EditorPlus確實允許用戶從其設置屏幕禁用特定功能,這可以幫助擺脫一些不需要的選項。 Kamal說,他希望繼續使其更具模塊化,以便用戶只能使用他們需要的功能。

他說:「我計劃對此擴展進行微級別的功能控制,以便用戶可以關閉各個樣式面板,例如版式,背景等。」 「甚至,我還計劃基於用戶角色來引入這些控制項。 因此管理員可以為編輯者,作者等禁用這些功能。」

不過,這可能會有點困難。 目前,他想專註於添加他已經計劃的新功能。

「我確實打算添加更多的動畫功能,」 Kamal說。 「我有太多想法,例如滾動控制動畫,懸停動畫,文本動畫,Lottie動畫,背景動畫,動畫形狀分隔線等等。 但是,話雖如此,我將謹慎地僅添加那些不會嚴重影響頁面性能的功能。」

除了現有塊的額外樣式和動畫之外,他計劃在將來的版本中加入構建塊的訓練。 EditorPlus用戶可以在即將發行的版本中看到手風琴,撥動開關,滑塊,星級和其他塊。

像這樣:

喜歡載入中……

資源

相關文章