在我們近期的JustNews主題和Module主題更新中,我們對Themer框架進行了更新,重點是新增了邊欄小工具
(僅限主題內置小工具)和菜單
的設置面板,這項更新對于現(xiàn)有功能影響有限,僅僅是體驗上的優(yōu)化,但是卻為后續(xù)小工具和菜單的擴展開發(fā)奠定了基礎。
小工具設置面板
有過小工具開發(fā)經驗的開發(fā)者應該知道,如需在WordPress里面增加一個自己的小工具,我們需要參考官方的規(guī)范注冊小工具,然后每個小工具的設置選項需要一個個用代碼寫好,這里面就包含很多表單選項的代碼,涉及到復雜一點的例如選擇圖標、新增選項組等那就比較麻煩了,而我們現(xiàn)有的主題、模塊設置面板都已經完美的解決了設置選項的問題,并且可以快速配置并自動初始化生成設置面板,所以我們之前就有計劃看是否能實現(xiàn)對小工具設置面板的支持。
剛好最近有新增小工具的需求(即JustNews 6.2版本中新增的小工具),里面有個圖標鏈接
的 小工具,涉及到圖標的選擇,以及可以自定義增加鏈接選項,這些功能如果單獨在小工具里面寫設置選項的話工作量還是比較大的,所以乘著這個機會我們專門抽出時間對Themer框架
的設置面板做了些改進,并成功植入到主題內置的小工具設置面板。

通過新版的小工具設置面板
,以及我們封裝的小工具類
,可實現(xiàn)快速新建好一個新的小工具,讓我們將更多的精力專注在小工具本身功能的開發(fā)。
目前存在的小缺陷:由于wordpress小工具在提交保存成功后會重新覆蓋原有設置面板的HTML代碼,所以導致面板重新初始化,在個別情況下可能會出現(xiàn)選項發(fā)生變化,例如選項組是展開的,保存后會自動全部變成關閉狀態(tài)了。
菜單選項設置面板
改造菜單選擇的設置面板也是出于圖標設置的需求,原有的菜單選項如果設置圖標的話,我們一般是推薦直接添加圖標代碼,不過隨著我們近期陸續(xù)新增了多個圖標庫的支持,對于不同圖標庫會有不同的代碼,過于繁瑣;另外考慮到高級菜單的擴展需求(例如后續(xù)可能會在菜單顯示文章等),所以在完成小工具面板開發(fā)后也一起對菜單的設置面板進行了全面升級,目前來看最終實現(xiàn)效果還是很好的。
