Visual Composer自定义短代码自定义标记(vc_map)

时间:2016-05-02 11:03:01

标签: wordpress wordpress-plugin

尝试使用 custom_markup 与WordPress的Visual Composer构建器一起使用。

找到了Visual Composer change custom shortcode templateVisual Composer custom shortcode template - custom_markup display user input,但没有人有答案。

以下是 vc_map 函数https://wpbakery.atlassian.net/wiki/pages/viewpage.action?pageId=524332

的一些文档

这是我使用的短代码,一切都很完美,在后端看起来很糟糕ui

vc_map( array(
      "name" => "example",
      "base" => "adwise_vc_example",
      "class" => "",
      "category" => "Plugin name",
      "icon" => "awm_vc_icon",
      "custom_markup" => load_template( ADWISE_VC_DIR . '/vc_templates/adwise_example.php', false),
      "params" => array();

目前看起来像 - > https://dl.dropboxusercontent.com/u/11204765/SS/mac/Screen%20Shot%202016-05-02%20at%2012.52.56.png

在下面的示例中,我尝试将 custom_markup 设置为测试

会产生https://dl.dropboxusercontent.com/u/11204765/SS/mac/Screen%20Shot%202016-05-02%20at%2012.45.55.png

vc_map( array(
      "name" => "example",
      "base" => "adwise_vc_example",
      "class" => "",
      "category" => "Plugin name",
      "icon" => "awm_vc_icon",
      "custom_markup" => "test",
      "params" => array();

我的主要/主要问题是我不知道如何获取每个短代码的值以显示在模板文件中。

我几乎到处寻找解决方案,包括浏览其他Visual Composer插件,看看他们是如何实现这一目标的。

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

你想要完成什么?从可视化编写器核心代码中,这是选项卡的自定义标记

'custom_markup' => '
<div class="wpb_tabs_holder wpb_holder vc_container_for_children">
<ul class="tabs_controls">
</ul>
%content%
</div>',

那么像%customattr%这样的东西会得到你想要的结果吗?

答案 1 :(得分:0)

只需在'params'

中添加一个包含短代码属性的数组
'params' => array(
            array(
                'type' => 'textfield',
                'holder' => 'div',
                'class' => '',
                'heading' => __( 'Title' ),
                'param_name' => 'title',
                'value' => __( 'Titre' ),
                'description' => __( 'Title' ),
            ),
            array(
                'type' => 'textarea',
                'holder' => 'div',
                'class' => '',
                'heading' => __( 'Description' ),
                'param_name' => 'desc',
                'value' => __( 'description' ),
                'description' => __( 'Description' ),
            ),
            array(
                'type' => 'attach_image',
                'holder' => 'img',
                'class' => '',
                'heading' => __( 'Image' ),
                'param_name' => 'img_url',
                'value' => __( '' ),
                'description' => __( 'Image' ),
            ),

        )

如果你想在后端隐藏一个部分,只需删除'holder'行