如何在Visual Composer’vc_map’中使用’custom_markup’参数()
我想知道是否有人对在Visual Composer中使用custom_markup参数有任何了解?我在此链接中遇到了一个解决方案, 但它似乎已经过时了。
我在用着:
- WordPress 4.8
- Visual Composer 5.1
#1仅供参考, 你问题中提供的要点链接已更新, 并且他的解决方案与Wordpress 4.9.2和WPbakery Page Builder(以前为Visual Composer)5.4.5完美配合
【如何在Visual Composer’ vc_map’ 中使用’ custom_markup’ 参数()】js:
(function($) {
window.VcCustomElementView = vc.shortcode_view.extend( {
elementTemplate: false, $wrapper: false, changeShortcodeParams: function ( model ) {
var params;
window.VcCustomElementView.__super__.changeShortcodeParams.call( this, model );
params = _.extend( {}, model.get( 'params' ) );
if ( ! this.elementTemplate ) {
this.elementTemplate = this.$el.find( '.vc_custom-element-container' ).html();
}
if ( ! this.$wrapper ) {
this.$wrapper = this.$el.find( '.wpb_element_wrapper' );
}
if ( _.isObject( params ) ) {
var template = vc.template( this.elementTemplate, vc.templateOptions.custom );
this.$wrapper.find( '.vc_custom-element-container' ).html( template( { params: params } ) );
}
}
} );
})(window.jQuery)
的PHP:
vc_map(array(
'name' =>
__( 'Custom Markup', 'js_composer' ), 'base' =>
'vc_custom_markup', 'category' =>
array(
__( 'Content', 'js_composer' ), ), 'description' =>
__( 'Custom markup element', 'js_composer' ), 'params' =>
array(
array(
'type' =>
'textfield', 'param_name' =>
'style', 'value' =>
'custom style!', 'heading' =>
'Style', ), array(
'type' =>
'textfield', 'param_name' =>
'color', 'value' =>
'custom color!', 'heading' =>
'Color', ), array(
'type' =>
'textfield', 'param_name' =>
'title', 'value' =>
'custom title!', 'heading' =>
'Title', ), ), 'js_view' =>
'VcCustomElementView', 'custom_markup' =>
'<
div class="vc_custom-element-container">
Style: "{{ params.style }}", Color: "{{ params.color }}", Title: "{{{ params.title }}}"<
/div>
', )
);
所有学分归AngeIII所有
推荐阅读
- 如何在WordPress中使用自定义小部件
- 如何使用Timber模板引擎将CSS中的ACF图像字段与媒体查询一起使用()
- 如何在WordPress中更新多个meta_key的用户元
- M386AAG40MMB-CVFC0内存条
- 第十三周
- CentOS7最小化安装后安装图形界面操作
- 好记性不如烂笔头:centos 7 分区,挂载,
- 云服务器部署k3s
- CDH快速安装2-web安装