You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress使用Avada主题时提取回显URL参数的代码放置及调用问题

Avada主题自定义查询变量使用方案

1. 查询变量代码放置位置

你可以根据你要展示参数的场景选择对应模板,所有修改都必须在Avada子主题下操作,禁止修改父主题文件避免更新覆盖:

  • 全站固定位置(页眉、页脚等):插入到子主题的header.php、footer.php对应展示位置
  • 仅文章页/独立页面内容区展示:插入到子主题的single.php(文章页)、page.php(独立页面)的内容输出区域,也可以直接粘贴到Avada编辑器的「代码块」元素中
  • 列表/归档页展示:插入到子主题的archive.php或对应分类模板中

如果希望更灵活调用不需要修改模板,可以先在子主题functions.php中添加短代码注册代码:

// 注册自定义查询变量短代码,添加到子主题functions.php
function custom_query_var_shortcode( $atts ) {
    $atts = shortcode_atts( [
        'key' => '',
    ], $atts );
    if ( empty($atts['key']) || !get_query_var( $atts['key'] ) ) {
        return '';
    }
    return esc_html( get_query_var( $atts['key'] ) );
}
add_shortcode( 'show_qv', 'custom_query_var_shortcode' );

后续你可以在任意支持短代码的位置(文章内容、Avada元素、小工具等)插入[show_qv key="firstName"]或[show_qv key="lastName"]调用对应参数。

2. 前端调用URL参数方法

首先确认你已经将查询变量注册代码添加到了子主题functions.php中(这是参数能被识别的前提):

// 注册允许系统读取的自定义查询变量,必须添加到子主题functions.php
function add_custom_query_vars( $vars ) {
    $vars[] = 'firstName';
    $vars[] = 'lastName';
    return $vars;
}
add_filter( 'query_vars', 'add_custom_query_vars' );

调用时直接在目标页面URL后拼接参数即可,示例:
原页面地址:https://你的域名.com/demo-page/
带参数访问地址:https://你的域名.com/demo-page/?firstName=张三&lastName=李四
访问该地址时,你插入参数输出代码的位置就会自动展示对应的参数值。


内容的提问来源于stack exchange,提问作者ИΛβΞΞĿ ҜHΛИ

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.24 03:54:03