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

Question

我如何将属性添加到行并将设置获取到前端 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 ); 
     

}

Answer 1

您将新属性命名为“示例”。

1. 将 vc_row.php 复制到 vc_templates 目录中，并将该目录包含在 functions.php 中
2. 检查您的示例变量是否存在，如果存在，请将值添加到 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>