默认情况下,使用Astra主题搭建网站后,搜索框在菜单栏的最后一位,你可以通过添加边栏小工具来添加搜索框位置。而如果想要在其他地方调用Astra的搜索框要怎么弄呢?我们可以使用Astra的段代码功能。
Astra默认的为搜索框设置了一个段代码[ astra_search],你可以在任何想要调用搜索框的位置输入[ astra_search]
(注意删除掉上面代码中的空格)
[astra_search style=”full-screen”]
为什么需要短代码调用搜索框?
默认情况下,Astra 主题的搜索图标通常位于主导航菜单栏(Header Builder)右侧。但在很多定制化场景中,站长希望将搜索框直接插入到文章页中间、侧边栏底部或者独立“搜索专区”页面中,这时通过 Shortcode(短代码)调用是最高效灵活的方案。
核心实现方法
在 Astra 主题子主题的 functions.php 中注册原生搜索框短代码:
// 注册 Astra 搜索框短代码 [astra_search]
function custom_astra_search_shortcode() {
return get_search_form( false );
}
add_shortcode( 'astra_search', 'custom_astra_search_shortcode' );
添加后,即可在任意古腾堡段落、Elementor 模块或文本小工具中直接输入 [astra_search],前台便会自动渲染与 Astra 全局主题风格 100% 协调的响应式搜索框。
