这是我职业生涯的第一个WordPress主题：Click Here.
如果你搜索的不是设计中断。例如，搜索此字符串→ 作者姓名
我不明白为什么只有搜索结果破坏了设计，我记得两周前我认为这一切都很好？
如果您需要代码，请告诉我。我认为代码不是必需的，所以最初我没有发布代码。
这是中的代码searchform.php:
<form role="search" method="get" class="search-form" action="<?php echo home_url( \'/\' ); ?>">
<label>
<span class="screen-reader-text"><?php echo _x( \'\', \'label\',\'simplisto\' ) ?></span>
<input type="search" class="search-field"
placeholder="<?php echo esc_attr_x( \'Search\', \'placeholder\',\'simplisto\' ) ?>"
value="<?php echo get_search_query() ?>" name="s"
title="<?php echo esc_attr_x( \'Search for:\', \'label\',\'simplisto\' ) ?>" />
</label>
<input type="submit" class="search-submit"
value="<?php echo esc_attr_x( \'Search\', \'submit button\',\'simplisto\' ) ?>" />
</form>
如果需要其他代码，请告诉我。
最合适的回答,由SO网友:Dave Romsey 整理而成
查看标记。在“搜索结果”页面上<body> 元素被分配了类search 和search-no-results.
<body class="search search-no-results">
看看CSS
.search 用于搜索输入。它们正在为此而工作，但由于使用了弱选择器，它们也被应用于身体：
.search {
border: 1px solid #CCCCCC;
padding: 5px 7px;
/*margin-left: 15px;*/
width: 175px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
/*position: absolute;*/
right: 0;
/*float: right;*/
}
那不好。我会更新选择器，使其更加具体：
input.search {
...
}
