使用静态 HTML 页面访问 WordPress 搜索答案

【问题标题】：Using a static HTML page to access WordPress search使用静态 HTML 页面访问 WordPress 搜索
【发布时间】：2021-04-06 16:27:36
【问题描述】：

所以我的 Wordpress 网站下有一个 .html 页面，我希望能够使用静态 html 页面上的搜索按钮使用本机 search.php 页面搜索 WordPress，这可能吗？

这是正确的吗？这位于我的test.html 内：

<div class="search_bar-wrapper">
    <input type="text" class="search_bar search-input evt-search-input-wp" placeholder="Search"
    value="<?php echo get_search_query(true); ?>"/>
    <button class="btn-fh btn-secondary search-btn search-btn-overlay">
        <i class="custom-icon icon-icon_small_arrow_right"></i>
    </button>
    <div class="clearInput"><img src="/images/icon_close.svg" alt="" /></div>
</div>

我是否需要在输入中指定一个 form="submit" 和 action=".." ？如果是这样，动作还需要指出什么？

【问题讨论】：

在标准的 WordPress 安装中，非子域，搜索 URL 是 /，所以这应该是您在 form 上的 action。如果您不在标准安装中或在文件夹中，则需要对其进行调整。显然，<?php 在该文件中不起作用，因为它也是 HTML。您的搜索输入的名称应该只是 s。

标签： php wordpress search

【解决方案1】：

是的，您可以通过在您的 html 页面中添加此代码并使用您的 Wordpress 网址更改表单操作网址来做到这一点

<div class="search_bar-wrapper">
    <form action="https://wordpressdomainhere.com/" method="get">
        <input type="text" name="s" class="search_bar search-input evt-search-input-wp" placeholder="Search Here"/>
        <button class="btn-fh btn-secondary search-btn search-btn-overlay">
            <i class="custom-icon icon-icon_small_arrow_right"></i>
        </button>
        <div class="clearInput"><img src="/images/icon_close.svg" alt=""/></div>
    </form>
</div>

【讨论】：