如何在页面上添加自定义搜索框？

Question

我正在使用自定义 WordPress 模板，但我不知道如何在特定位置添加搜索框。当然我的模板包含搜索框，但它在一个奇怪的地方，所以我想添加一个自定义的。我不能通过添加小部件来做到这一点。我必须编辑index.php 才能添加搜索框。

当我添加这个时：

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" size="18" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" class="btn" />
</div>
</form>

基本上，它正在工作。搜索正常，但搜索框不好看。

那个也可以：

<form method="get" id="search_form" action="<?php bloginfo('home'); ?>"/>
       <input type="text" class="text" name="s" value="SEARCH" >
       <input type="submit" class="submit" value=""  />
</form>

但又一次，它看起来很糟糕。我也必须有自定义 css。

还有一个：

<?php get_search_form(); ?>

效果很好，但同样的问题。就像2000年一样。

我尝试添加自定义 css，但问题是 id 没有在我的网站上搜索任何内容。而是转到http://example.com/?s=WHAT-I-TYPED 它转到http://example.com/

我能用它做什么？

Answer 1

解决 UGLYNESS 问题：只需添加插件'simple custom css'：https://nl.wordpress.org/plugins/simple-custom-css/。然后写一些 CSS 让它变得漂亮。

要解决搜索问题，请将输入字段中的 name="search" 替换为 name="s"（来源：https://developer.wordpress.org/reference/functions/get_search_form/）。