Munir Kamal沒有放緩的跡象。 他繼續為自己的新功能推進 EditorPlus插件,這使最終用戶可以自定義帖子和頁面中塊的外觀。 他稱其為「 WordPress的無代碼樣式編輯器」。
他插件的最新成員? 每個核心塊的動畫樣式。
我的第一個想法是,這會使該插件大量不必要的CSS和JavaScript膨脹,而這實際上是一些麻煩。 但是,Kamal用最少的自定義CSS來實現了這一目標。
受到各種網站建設者的啟發,他希望將越來越多的這些東西帶入核心塊編輯器。 動畫功能只是看似永無止境的功能清單上的另一個複選框。 而且,到目前為止,它仍然是免費的。
自上次以來 六月涵蓋了EditorPlus,Kamal增加了通過任何富文本區域(例如,段落,列表等)插入圖標的功能。 他還為WordPress核心塊添加了形狀分隔符,版式,樣式複製和響應式編輯選項。
動畫如何工作?
在1.9版的EditorPlus中,Kamal添加了「入口」動畫。 當訪客首次在屏幕上看到該圖塊時,就會發生這些類型的動畫。 例如,用戶可以將Image塊設置為在讀者查看該塊時逐漸消失。
當前,該插件添加了七個動畫:
- 褪色
- 滑動
- 彈跳
- 放大
- 翻轉
- 折
- 滾
為Cover塊文本添加幻燈片動畫。
每個動畫都有其自己的選項子集,以控制其在頁面上的行為。 例如,反彈動畫允許用戶選擇反彈方向。 其他選項包括持續時間,延遲,速度曲線,延遲和重複。 有足夠的選擇來花費大量時間修改輸出。
此新功能的最好功能之一是,Kamal在塊選項下包括一個Animation Player。 通過單擊「播放」按鈕,用戶可以查看正在運行的動畫而無需預覽帖子。
觀看動畫功能的快速視頻:
[embedded content]
經過測試並使用了每個動畫之後,一切似乎都正常運行。 不利的一面-並且不僅限於動畫-有時在塊級應用樣式沒有意義。 在許多情況下,它將幫助用戶選擇用於對塊中的項目進行樣式或動畫處理的選項,例如「圖庫」塊中的圖像。 當我與Kamal討論這個問題時,他很樂意將來尋求解決方案。
EditorPlus的下一步是什麼?
在某個時候,太多的格擋選項幾乎會感覺像是過分殺傷,變得笨拙。 EditorPlus確實允許用戶從其設置屏幕禁用特定功能,這可以幫助擺脫一些不需要的選項。 Kamal說,他希望繼續使其更具模塊化,以便用戶只能使用他們需要的功能。
他說:「我計劃對此擴展進行微級別的功能控制,以便用戶可以關閉各個樣式面板,例如版式,背景等。」 「甚至,我還計劃基於用戶角色來引入這些控制項。 因此管理員可以為編輯者,作者等禁用這些功能。」
不過,這可能會有點困難。 目前,他想專註於添加他已經計劃的新功能。
「我確實打算添加更多的動畫功能,」 Kamal說。 「我有太多想法,例如滾動控制動畫,懸停動畫,文本動畫,Lottie動畫,背景動畫,動畫形狀分隔線等等。 但是,話雖如此,我將謹慎地僅添加那些不會嚴重影響頁面性能的功能。」
除了現有塊的額外樣式和動畫之外,他計劃在將來的版本中加入構建塊的訓練。 EditorPlus用戶可以在即將發行的版本中看到手風琴,撥動開關,滑塊,星級和其他塊。
像這樣:
喜歡載入中……