启鑫的黑板报

标签： Google

  • 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 搜索能够提供更准确和更快速的结果