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

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> 

但同样，它看起来awfull。我也必须有自定义的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/）。