Elementor与Crocoblock Woo页面构建器的短代码/全局变量适配问题

Crocoblock的JetWooBuilder部分组件默认不会自动解析短代码，你可以通过以下两种方式解决：

• 方式一：用钩子强制解析短代码
  在主题的functions.php中添加以下代码，针对JetWooBuilder的前端渲染内容触发短代码解析：

  add_filter( 'jet_woo_builder/frontend/render_html', 'do_shortcode' );
  

  这个钩子会让JetWooBuilder输出的所有内容都经过短代码解析，你的[STRUCTURE]短代码就能正常显示。

• 方式二：确保短代码注册时机正确
  短代码必须在init钩子中注册，避免因注册过晚导致JetWooBuilder无法识别，调整后的代码示例：

  add_action( 'init', 'register_structure_shortcode' );
  function register_structure_shortcode() {
      global $structure_name;
      $structure_name = 'P4O10'; // 后续可替换为动态取值逻辑
      add_shortcode( 'STRUCTURE', function() use ( $structure_name ) {
          return esc_html( $structure_name );
      } );
  }
  

全局变量容易遇到作用域问题，更稳妥的方案是用WordPress选项存储值+自定义动态标签，既能在Elementor和JetWooBuilder中直接调用，还能在后台可视化修改，无需改动代码：

1. 添加后台设置项（可视化修改值）
   在functions.php中添加代码，在WordPress后台「设置」菜单下新增结构名称的设置页面：

   add_action( 'admin_menu', 'add_structure_settings_page' );
   function add_structure_settings_page() {
       add_options_page(
           '结构名称设置',
           '结构名称',
           'manage_options',
           'structure-settings',
           'render_structure_settings_page'
       );
   }
   
   function render_structure_settings_page() {
       if ( isset( $_POST['structure_name_submit'] ) && current_user_can( 'manage_options' ) ) {
           update_option( 'structure_name', sanitize_text_field( $_POST['structure_name'] ) );
           echo '<div class="updated"><p>设置已保存</p></div>';
       }
       $current_value = get_option( 'structure_name', 'P4O10' );
       ?>
       <div class="wrap">
           <h1>结构名称设置</h1>
           <form method="post">
               <label for="structure_name">当前结构名称：</label>
               <input type="text" id="structure_name" name="structure_name" value="<?php echo esc_attr( $current_value ); ?>" />
               <p><input type="submit" name="structure_name_submit" class="button-primary" value="保存设置" /></p>
           </form>
       </div>
       <?php
   }
   

2. 创建Elementor自定义动态标签
   让Elementor可以直接调用这个值，代码如下：

   add_action( 'elementor/dynamic_tags/register', 'register_structure_dynamic_tag' );
   function register_structure_dynamic_tag( $dynamic_tags ) {
       class Structure_Name_Tag extends \Elementor\Core\DynamicTags\Tag {
           public function get_name() {
               return 'structure-name-tag';
           }
   
           public function get_title() {
               return '结构名称';
           }
   
           public function get_group() {
               return 'custom';
           }
   
           public function get_categories() {
               return [ \Elementor\Modules\DynamicTags\Module::TEXT_CATEGORY ];
           }
   
           public function render() {
               echo esc_html( get_option( 'structure_name', 'P4O10' ) );
           }
       }
   
       $dynamic_tags->register( new Structure_Name_Tag() );
   }
   

3. 适配JetWooBuilder
   JetWooBuilder兼容Elementor的动态标签，上面的自定义标签可直接在JetWooBuilder组件中使用；也可以在需要的位置直接调用函数取值：

   echo esc_html( get_option( 'structure_name', 'P4O10' ) );
   

这种方案的优势：

• 每月变更时直接在后台修改，无需手动更新子页面或代码
• 同时兼容Elementor和JetWooBuilder所有支持动态标签的组件
• 避免全局变量的作用域问题，符合WordPress开发规范

内容的提问来源于stack exchange，提问作者Philipp Mochine