Twenty Twelve 主题的头部默认没有搜索框，这点大家都知道，但现在我们要给它加上一个自适应宽度的搜索框。建议继续操作之前先创建一个 Twenty Twelve 子主题(可以参考这篇:如何创建Twenty Ten子主题)，因为直接编辑父主题文件可能会引起错误(当然，如果你有把握，也可以直接修改父主题文件)。从父主题 Twenty Twelve 目录下复制一份 header.php 文件到你的子主题目录下，然后打开 header.php 文件，找到下面这条标签:再在后面加上以下这行:保存并关闭 header.php 文件。打开子主题中的 style.css 文件并添加以下 CSS 代码:.header-search { float: right; margin-top: -50px; } @media (max-width: 650px) { .header-search { margin-top:5px; text-align:center; float:none; } .main-navigation { clear:both; } }保存并关闭 style.css 文件。现在来看看你的 Twenty Twelve 主题或子主题，头部上是不是多了个搜索框?Responsive 的!
标签：Twenty,Twelve,添加
版权声明：文章由 去回答 整理收集，来源于互联网或者用户投稿，如有侵权，请联系我们，我们会立即处理。如转载请保留本文链接：https://www.quhuida.com/life/212394.html
