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ΛИ
相关产品推荐
相关产品推荐

