调用Astra主题搜索框的短代码

博主头像站长评测
发布于 2020/11/30原创独立站体系
调用Astra主题搜索框的短代码

默认情况下,使用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% 协调的响应式搜索框。