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

我使用wordpress twentyten主題。
並在此我設置了搜索小部件。我如何自定義wordpress twentyten主題中的搜索小部件？

現在我要定製看起來像我的搜索選項，

enter image description here

，我想CHANE像，
enter image description here

任何一個可以告訴我在哪裏我必須改變？

來源

2012-01-13 Arpi Patel

提供您的搜索部分編碼 – 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。

來源

2012-01-19 13:35:04 toomanyairmiles

雅你是對的。在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網站（這經常發生）的所有更改將丟失。

來源

2012-01-20 23:31:20

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

回答

相關問題