WordPress 站点中添加 Google 搜索功能

在 WordPress 站点中添加 Google 搜索功能

尽管 WordPress 本身提供了搜索功能,但 Google 搜索能够提供更强大、更精准的结果,特别是当你希望在站内搜索时能够通过 Google 来过滤信息。这对于提升用户体验非常有用,尤其是在站点内容非常庞大的情况下。

1. 添加 Google 搜索表单

要在 WordPress 中添加 Google 搜索框,你只需要一个 HTML 表单,将搜索请求发送到 Google 的搜索页面。以下是实现这一功能的代码:

<form action="https://www.google.com/search" method="get" target="_blank" style="display: flex; align-items: center; max-width: 500px; width: 100%; margin: 0 auto;">
    <input type="hidden" name="sitesearch" value="www.qixinlee.com"> <!-- 替换为你的网站 -->
    <input type="text" name="q" placeholder="输入搜索关键词" required style="padding: 14px 20px; font-size: 16px; width: 100%; border: 1px solid #ccc; border-radius: 3px; outline: none; margin-right: 10px;"> <!-- 增加右边距 -->
    <button type="submit" style="background-color: #333; border: none; color: white; cursor: pointer; padding: 8px 16px; font-size: 16px; border-radius: 3px;">
        通过 Google 进行搜索
    </button>
</form>

2. 将代码嵌入到你的 WordPress 站点

将这段代码插入到你的 WordPress 站点的合适位置。

使用自定义 HTML 小工具

  • 登录到 WordPress 后台,进入 外观 -> 编辑
  • 添加一个 自定义 HTML 小工具,并将代码粘贴进去。
  • 保存并发布,你的 Google 搜索框就会出现在页面上。

通过添加一个简单的 Google 搜索表单,用户可以更方便地在你的 WordPress 站点上进行搜索。与默认的站内搜索相比,Google 搜索能够提供更准确和更快速的结果


评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注