我如何自定义wordpress twentyten主题中的搜索小部件？

问题描述：

我使用wordpress twentyten主题。
并在此我设置了搜索小部件。我如何自定义wordpress twentyten主题中的搜索小部件？

现在我要定制看起来像我的搜索选项，

enter image description here

，我想CHANE像，
enter image description here

任何一个可以告诉我在哪里我必须改变？

提供您的搜索部分编码 – designersvsoft 2012-01-13 13:22:28

这就是我没有得到的。第一个图像是小部件，我的搜索选项放置。我没有得到的代码来自定义搜索选项视图。 – 2012-01-13 13:29:46

该网站是否存在？可以小看吗？ – 2012-01-14 15:50:32

答

为WordPress的搜索表单的PHP是<?php get_search_form(); ?>其写出在浏览器

<form method="get" id="searchform" action="http://www.your-url.org.uk/"> 
<div><label class="screen-reader-text" for="s">Search for:</label> 
<input type="text" value="" name="s" id="s"> 
<input type="submit" id="searchsubmit" value="Search"> 
</div> 
</form>

所以，你需要找到你的主题样式#searchform，然后从那里定制的CSS以下。如果您需要更多帮助，请尝试下载萤火虫并使用它来检查现有的Css。

雅你是对的。在WordPress中搜索功能是在结构中定义的。如果有人添加他/她自己的搜索功能，那么它将被覆盖到预定义的功能。所以我已经添加了我的新功能在主题文件夹的功能。 php文件进行搜索并在所需的页面中调用，最终获得了所需的输出。 – 2012-01-20 16:53:54

答

因为我看不到现场，我会告诉你如何使用Google Chromes Developer Tools

打开你的本地主机，查看弄明白你的WordPress安装
在输入搜索框中单击右键，选择“检查元素”
列在右侧列中，您将看到与TwentyTen主题相关的CSS样式。你还会注意到有一个style.css文件，下面有一个下划线，你可以点击它。 CSS检查器向您显示哪一行正在引用，您可以在右侧窗格中进行更改，并在您的网站上实时查看它们。
由于您希望输入框背景颜色变为灰色，您必须在输入框样式中双击并将其更改为＃e4e4e4。
接下来，您需要将颜色选择器更改为黑色，因为颜色不会显示为灰色背景。
更改填充为0px
变化的宽度，以144px
重复上述相同的步骤，通过选择的代码的其它元件要重新定位和样式。
最后，您可以通过单击资源选项卡，展开样式表并右键单击Style.css并选择另存为并将样式表保存在当前样式表之上来保存更改。

我不过建议你创建一个WordPress Child Theme，而不是直接修改TwentyEleven主题，因为如果更新你的WordPress网站（这经常发生）的所有更改将丢失。

我如何自定义wordpress twentyten主题中的搜索小部件？

相关推荐