如何使用短代码在 WordPress 帖子中添加搜索表单

您想在 WordPress 帖子中添加搜索表单吗?

在您的帖子或页面内容中添加搜索表单是鼓励访问者查找更多内容并在您的网站上停留更长时间的好方法。

在本文中,我们将向您展示如何使用 WordPress 搜索简码在您的帖子和页面中添加搜索表单。

如何使用 WordPress 搜索简码在您的帖子中添加搜索表单

为什么要在您的帖子和页面中添加搜索表单?

如果访问者喜欢阅读您的WordPress 博客上的帖子,那么他们可能想要阅读更多内容。在帖子中提供搜索表单将帮助他们找到更多他们感兴趣的内容。

当您让用户更轻松地在您的网站上花费更多时间时,您就可以增加浏览量并降低跳出率。

您的访问者也更有可能加入您的电子邮件列表、发表评论、进行购买并在社交媒体上关注您。

在本教程中,我们将向您展示如何将标准的 WordPress 搜索表单添加到您的帖子中。如果您想添加自定义搜索表单,请参阅有关如何创建自定义 WordPress 搜索表单的分步指南。

我们将向您展示两种向帖子添加搜索表单的方法,第一种是最简单的。使用下面的链接跳转到您想要使用的方法。

 

方法一:使用插件添加搜索表单

向帖子添加搜索表单的最简单方法是使用SearchWP插件。它是30,000 多个网站使用的最佳 WordPress 搜索插件。

设置 SearchWP

您需要做的第一件事是安装并激活插件。有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

激活后,您需要访问设置 » SearchWP页面,然后单击“许可证”菜单选项。

输入 SearchWP 许可证密钥

然后您需要在许可证框中输入您的许可证密钥。您可以在 SearchWP 网站上的帐户中找到此信息。之后,您应该单击“激活”按钮。

接下来,您需要单击“引擎”菜单选项。这会将您带到一个屏幕,您可以在其中选择搜索引擎设置。

SearchWP 引擎设置

在这里,您需要创建一个站点范围的搜索引擎。您可以通过单击帖子、页面和媒体下拉菜单来调整搜索引擎设置。

每个部分中的属性相关性滑块调整搜索引擎如何评估和排名内容。例如,如果您希望帖子标题的价值高于内容,那么您可以相应地调整滑块。

调整 SearchWP 滑块设置

完成设置调整后,请务必单击“保存引擎”按钮以保存默认搜索引擎。

向帖子添加搜索表单

现在您需要下载 SearchWP 简码扩展程序,以便轻松地将新的自定义帖子搜索表单添加到 WordPress。

您需要访问SearchWP Shortcodes Extension网站,然后单击“使用有效许可证下载”按钮。

下载 SearchWP 简码扩展

之后,您需要按照安装上述插件的相同方式安装和激活扩展。现在,您可以在帖子中添加搜索表单。

只需编辑帖子并将光标放在要添加搜索表单的位置。之后,单击加号“添加块”图标以显示块菜单。

插入自定义 HTML 块

接下来,在搜索框中输入“html”。然后,选择“自定义 HTML”块。

添加新块后,您可以将以下短代码和 HTML 添加到您的页面。如果您需要更多帮助,请参阅我们关于如何在 WordPress 中添加短代码的指南。

[searchwp_search_form]
    
<div class="search-results-wrapper">
 [searchwp_search_results]
  <h2>[searchwp_search_result_link]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
    
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
    
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous"]
 [searchwp_search_results_pagination direction="next" link_text="Next"]
</div>

此代码将向帖子添加搜索表单,创建一个部分以显示搜索结果,如有必要显示无结果消息,并在结果进入多个页面时添加分页。

确保您单击发布或更新以保存您的帖子并使其生效。

单击发布或更新以保存您的帖子

要查看正在运行的搜索表单,只需查看 WordPress 网站上的帖子即可。这就是它在我们运行二十二十一个主题的演示站点上的外观。

SearchWP 表单预览

 

方法 2:使用代码添加搜索表单

您还可以使用代码片段向 WordPress 帖子添加搜索表单。不建议初学者使用此方法,因此如果您不熟悉代码,则应使用方法1。

在此方法中,您必须编辑主题的functions.php文件。

如果您之前没有编辑过functions.php 文件,请查看我们的初学者指南,将网页上的代码片段粘贴到WordPress 中。

您所要做的就是打开主题的functions.php 文件或特定于站点的插件并粘贴以下代码:

add_shortcode('wpbsearch', 'get_search_form');

以下是使用 WordPress 主题编辑器将代码段添加到 22 十一个主题的 functions.php 文件时,它在我们的演示网站上的外观。

在主题编辑器中编辑 functions.php

之后,您只需将短代码 [wpbsearch] 添加到您希望搜索表单出现的帖子或页面。

搜索表单简码

这将显示默认搜索表单。要查看搜索表单,只需查看 WordPress 网站上的帖子。

搜索表单预览

如果您想显示自定义搜索表单,则应改用此代码。

unction wpbsearchform( $form ) {
   
    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';
   
    return $form;
}
   
add_shortcode('wpbsearch', 'wpbsearchform');

随意修改代码以根据需要自定义搜索表单。

我们希望本教程能帮助您学习如何使用 WordPress 搜索短代码在帖子中添加搜索。

给TA买糖
共{{data.count}}人
人已赞赏
网站建设

如何取消发布 WordPress 页面(4 种简单方法)

2021-11-24 16:08:02

SEO交流

如何为SEO查找低竞争性关键词?(AHREFS文章)

2021-6-17 22:58:00

30 条回复 A文章作者 M管理员
  1. 悲凉保卫豆芽

    感谢分享!
    学习一下!

  2. 吐司优秀

    感谢分享!
    学习一下!

  3. 光亮有鞋子

    感谢分享!
    学习一下!

  4. L

    感谢分享!
    学习一下!

  5. rob

    感谢分享!
    学习一下!

  6. Kyle

    感谢分享!
    学习一下!

  7. wawa112299

    感谢分享!
    学习一下!

  8. 网络完美

    感谢分享!
    学习一下!

  9. 戒指朴实

    感谢分享!
    学习一下!

  10. ienaca

    感谢分享!
    学习一下!

  11. 迅速爱鼠标

    感谢分享!
    学习一下!

  12. 无私扯大船

    感谢分享!
    学习一下!

  13. mumu

    感谢分享!
    学习一下!

  14. 摩托虚幻

    感谢分享!
    学习一下!

  15. yyb027

    感谢分享!
    学习一下!

  16. 美好和帽子

    感谢分享!
    学习一下!

  17. 故事单纯

    感谢分享!
    学习一下!

  18. 路德维希同学

    感谢分享!
    学习一下!

  19. Timelk

    感谢分享!
    学习一下!

  20. 黑色森林

    感谢分享!
    学习一下!

  21. 电脑舒适

    感谢分享!
    学习一下!

  22. luo

    感谢分享!
    学习一下!

  23. 简单的黄蜂

    感谢分享!
    学习一下!

  24. camilla

    感谢分享!
    学习一下!

  25. 20211104

    感谢分享!
    学习一下!

  26. chengfeng

    感谢分享!
    学习一下!

  27. 无私方夕阳

    感谢分享!
    学习一下!

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索