Visual Composer 扩展示例

WPBakery Visual Composer 已成为诸多主题必备的或可选的可视化编辑器,本文介绍如何写一个自己的 Visual Composer 组件或扩展。

核心部分

就像注册 WordPress 的短代码一样,注册个短代码以及其对应的处理方法,然后,为 Visual Composer 注册编辑组件,如下:

上面展示的是这个示例扩展的核心代码,完整的示例插件可从本文末尾下载。

这个插件除了做 VC 扩展外,如果未启用 VC,也可以做一般的 WordPress 短代码插件使用,使用示例:

 

 

前台展示效果

WPBakery Visual Composer 扩展组件示例

WPBakery Visual Composer 扩展组件示例

前台编辑效果

WPBakery Visual Composer 扩展组件示例-前台编辑效果

后台插入元素的效果

WPBakery Visual Composer 扩展组件示例-后台插入元素的效果

后台编辑页面的效果

WPBakery Visual Composer 扩展组件示例-后台编辑元素的效果

完整的插件下载

点击这里下载

 

小结

为 Visual Composer 添加扩展组件,其实就是添加短代码,只不过有几个如上核心代码部分所示的地方需要注意,此外呢, Visual Composer 在使用时,应对其进行性能提升,因为它自身会带来“很慢”的感觉或体验。


error: 错误信息!