我如何将属性添加到行并将设置获取到前端 WP Bakery？答案

【问题标题】：How i can add an attribute to row and get the settings to the frontend WP Bakery?我如何将属性添加到行并将设置获取到前端 WP Bakery？
【发布时间】：2020-08-26 11:16:42
【问题描述】：

如何将属性添加到行并获取前端 WP Bakery 的设置？

我设置了一个值，保存它，保存页面，查看它，但是对前端没有影响。一行仍然没有属性。

    // Add Params
$vc_column_text_new_params = array(
     
    // Example
    array(
        'type' => 'textfield',
        'holder' => 'h3',
        'class' => 'class-name',
        'heading' => __( 'Animations', 'text-domain' ),
        'param_name' => 'example',
        'value' => __( 'Default value', 'text-domain' ),
        'description' => __( 'AOS, animate on scroll, css3 scroll animations, simple scroll animations', 'text-domain' ),
        'admin_label' => true,
        'dependency' => '',
        'weight' => 0,
        'group' => 'Animate On Scroll',
    ),      
 
);
 
vc_add_params( 'vc_row', $vc_column_text_new_params );

}

【问题讨论】：

猜测您需要覆盖 vc_row.php 以便它提取您的参数并实际使用它。
完整指南在这里：wpelixir.com/how-to-customize-default-elements-visual-composer
@Stender 我访问了这个链接但我不太明白谈论的部分：向前端展示价值

标签： wordpress visual-composer wpbakery

【解决方案1】：

您将新属性命名为“example”。

将vc_row.php复制到vc_templates目录并包含该目录在functions.php中
检查您的示例变量是否存在，如果存在，请将值添加到 data-aos-attribute

 <?php if($example) echo ' data-aos="'.esc_attr($example).'" '; ?>

检查属性“example”是否存在，如果存在，将其作为 data-aos-attribute 添加到 div：

<div <?php echo implode( ' ', $wrapper_attributes ); ?>
    <?php echo $style; ?>
    <?php if($data_offset) echo ' data-offset=" '.esc_attr($data_offset).' " '; ?>
    <?php if($example) echo ' data-aos="'.esc_attr($example).'" '; ?>
    <?php echo esc_attr($row_data); ?>>
    <?php echo ''.$html_overlay_row; ?>
    <?php echo ''.$video_style; ?>

    <?php if(!$full_width): ?><div class="container"><div class="row"><?php endif ; ?>
    <?php if($full_width): ?><div class="no-container"><div class="row"><?php endif ; ?>
    <?php echo wpb_js_remove_wpautop( $content ); ?>
    <?php if(!$full_width): ?></div></div><?php endif ; ?>
    <?php if($full_width): ?></div></div><?php endif ; ?>
    <?php echo ''.$link_style; ?>

    <?php echo ''.$html_row_arrow; ?>
</div>

【讨论】：