如何从预先设计的静态Html搜索栏制作WordPress动态搜索栏？

时间：2017-05-14 作者：magento_psycho

我正在将静态HTML代码转换为动态WordPress主题。在我的header.php 已经为一个外观美观的搜索栏编写了代码&；感觉代码块如下所示：

<div id="search">
  <div class="button-search">
    <input type="text" placeholder="Search..." onfocus="" />
  </div>
</div>
如果我想使用这个搜索栏转换成动态搜索栏，而不改变它的CSS，该怎么办。

我的意思是我不想使用wordpress的默认搜索栏（表单）功能get_search_form().

1 个回复
最合适的回答,由SO网友:perfectionist1 整理而成

是的，很容易使静态HTML搜索栏动态化。

首先，把我们的<input />标记为<form> </form> 标签提及action="" 和mehotd=""

第二，identify 默认值key wordpress和assign 它在name="" 输入标记的属性。

具体而言，代码如下：

<form method="GET" action="<?php bloginfo(\'home\'); ?>">
    <input name="s"placeholder="Search..." />
     <input type="submit" value="Submit">
</form>
How to identify: 我们可以使用<?php get_search_form(); ?> 在标题中。php（只是一个临时测试）来获取wordpress的默认搜索栏，以便我们可以搜索其中的任何单词。让我们用搜索栏中写的单词（帖子）进行搜索。然后，如果我们查看地址栏，我们会看到这样的结果：your\\u网站。com/？s=新

所以s &新建key/值已识别对。

希望有帮助。

结束
标签： search   小码农  

相关推荐

Searchresult sidebar change

那么，searchresult页面侧栏位于哪里？例如，在searchresult页面中，有一个“A”侧栏。但是，我想将其更改为“B”侧栏。我看着search.php 但无法理解侧边栏的来源。