将Visual Composer短代码渲染到页面上

时间:2017-09-06 20:37:44

标签: php wordpress shortcode visual-composer

我正在尝试将echo视觉作曲家shortcodes放到页面上。

我已尝试过以下两种方法,但它们不起作用:

的functions.php:

方法1

/*
 * add shortcode file
 */
function include_file($atts) {
    $a = shortcode_atts( array(
        'slug' => 'NULL',
    ), $atts );

    if($slug != 'NULL'){
        ob_start();
        get_template_part($a['slug']);
        return ob_get_clean();
    }
}
add_shortcode('include', 'include_file');

方法2

function someshortocode_callback( $atts = array(), $content = null ) {

    $output = "[vc_section full_width=\"stretch_row\" css=\".vc_custom_1499155244783{padding-top: 8vh !important;padding-bottom: 5vh !important;background-color: #f7f7f7 !important;}\"][vc_row 0=\"\"][vc_column offset=\"vc_col-lg-offset-3 vc_col-lg-6 vc_col-md-offset-3 vc_col-md-6\"][/vc_column][/vc_row][/vc_section]";
    return $output;
}
add_shortcode('someshortocode', 'someshortocode_callback');

file_rendering_vc_shortcodes.php:

方法1

<?php if ( is_plugin_active( 'js_composer/js_composer.php' ) ) {
    wc_print_notice('js_composer plugin ACTIVE', 'notice');
    echo do_shortcode('[include slug="vc_templates/shop-page"]');
}; ?>

结果

  • js_composer插件ACTIVE
  • 短代码在页面上,括号中的字符

方法2

<?php $post = get_post();

if ( $post && preg_match( '/vc_row/', $post->post_content ) ) {
// Visual composer works on current page/post
    wc_print_notice('VC ON', 'notice');
    echo add_shortcode('someshortocode', 'someshortocode_callback');
} else {
    wc_print_notice('VC OFF', 'notice');
    //echo do_shortcode('[include slug="vc_templates/shop-page"]');
}; ?>

结果

  • VC OFF(显然,因为短代码中的vc_row不存在)
  • 短代码不在页面上

店-page.php文件

<?php
/**
Template Name:  Shop Page in theme
Preview Image:  #
Descriptions:   #
 * [vc_row][vc_column][/vc_column][/vc_row]
 */
?>
[vc_section full_width="stretch_row" css=".vc_custom_1499155244783{padding-top: 8vh !important;padding-bottom: 5vh !important;background-color: #f7f7f7 !important;}"][vc_row 0=""][vc_column offset="vc_col-lg-offset-3 vc_col-lg-6 vc_col-md-offset-3 vc_col-md-6"][/vc_column][/vc_row][/vc_section]

是否可以在页面上呈现vc shortcodes,如果是这样,它是如何完成的?

2 个答案:

答案 0 :(得分:2)

关于方法2。

您必须在短代码功能中使用do_shortcode()

function someshortocode_callback( $atts = array(), $content = null ) {
    $output = '[vc_section full_width="stretch_row" css=".vc_custom_1499155244783{padding-top: 8vh !important;padding-bottom: 5vh !important;background-color: #f7f7f7 !important;}"][vc_row 0=""][vc_column offset="vc_col-lg-offset-3 vc_col-lg-6 vc_col-md-offset-3 vc_col-md-6"]column text[/vc_column][/vc_row][/vc_section]';

    return do_shortcode( $output );
}

add_shortcode( 'someshortocode', 'someshortocode_callback' );

我的测试网站上的工作示例:http://test.kagg.eu/46083958-2/

页面仅包含[someshortocode]。上面的代码已添加到functions.php

方法2 的代码中,还有另一个错误:line

echo add_shortcode('someshortocode', 'someshortocode_callback');

无法正常工作,因为add_shortcode()不返回任何内容。此代码应如下所示:

<?php $post = get_post();

if ( $post && preg_match( '/vc_row/', $post->post_content ) ) {
// Visual composer works on current page/post
    wc_print_notice('VC ON', 'notice');
} else {
    wc_print_notice('VC OFF', 'notice');
    add_shortcode('someshortocode', 'someshortocode_callback');
    echo do_shortcode('[someshortocode]');
}; ?>

答案 1 :(得分:0)

使用:

WPBMap::addAllMappedShortcodes();

然后照常do_shortcode($content);

简而言之,由于性能的原因,页面构建器不会注册简码,除非不需要。

如果您的元素是通过vc_mapvc_lean_map注册的,则无需使用add_shortcode函数,只需使用WPBMap::addAllMappedShortcodes();即可完成所有操作,它将调用一个简码呈现过程中的类回调,然后是简码模板。