wordpress高級搜索，WordPress按分類搜索功能制作
2018-11-02 來源：學(xué)做網(wǎng)站論壇
在網(wǎng)站制作過程中，在網(wǎng)站中需要添加搜索功能，我們一般會制作一個wordpress搜索功能(search.php)模板，這種搜索功能是直接搜索全網(wǎng)站的內(nèi)容。例如學(xué)做網(wǎng)站論壇的搜索功能（https://www.xuewangzhan.com/search/），如下圖。
但在實(shí)際自己建網(wǎng)站過程中，需要制作wordpress高級搜索功能，讓用戶可以按分類進(jìn)行搜索，效果圖如下：
wordpress高級搜索制作方法
高級搜索之按分類進(jìn)行搜索制作
第一步：新建一個HTML頁面，取名為searchform.php（搜索框模板），將下面的HTML代碼粘貼進(jìn)去。
<ul>
<li>
<p>
<?php $select = wp_dropdown_categories('class=search_select&show_option_all=全站搜索&orderby=name&hierarchical=0&selected=-1&depth=1');?>
</p>
</li>
<li>
<input type="text" name="s" id="s" maxlength="34" value=""/>
</li>
<li>
<input type="submit" value="搜 索" />
</li>
</ul>
</form>
第二步，在自己網(wǎng)站的style.css的最下方粘貼以下的CSS樣式代碼，來控制搜索框樣式。
.sck{height:33px;width:528px;border:1px solid #999;padding:0 10px;background:#FFF;font-size:16px;}
.sckal{height:34px;width:100px;border:1px solid #999;line-height:34px;text-align:center; background-color:#36F;color:#FFF;font-size:15px;font-weight:bold}
第三步：在需要顯示搜索框的位置，放上以下的PHP調(diào)用搜索框代碼即可。（更多wordpress調(diào)用標(biāo)簽，見wordpress程序開發(fā)手冊）
wordpress還有另外一種方法實(shí)現(xiàn)高級搜索，選項框選擇的高級搜索，如下圖：
這個需要wordpress設(shè)計者手動填寫分類的ID，這種搜索的源代碼如下：（安裝方法與第一個功能一樣）
<form id="index_search" name="index_search" method="get" action="<?php bloginfo('home’); ?>/">
<p><input type="text" name="s" id="s" value=""/> <input type="submit" value=" 搜 索 " /></p>
<p>
<label for="s_type5" style="width:50px"><input type="radio" name="cat" id="cat" value="all" checked>全站</label>
<label for="s_type1" style="width:50px"><input type="radio" name="cat" id="cat" value="4" checked>主題</label>
<label for="s_type2" style="width:50px"><input type="radio" name="cat" id="cat" value="6">插件</label>
<label for="s_type3" style="width:50px"><input type="radio" name="cat" id="cat" value="3">主機(jī)</label>
<label for="s_type4" style="width:50px"><input type="radio" name="cat" id="cat" value="10">經(jīng)驗(yàn)</label>
</p>
</form>
</div>
還有一種下拉式高級搜索功能代碼：（安裝方法與第一個功能一樣）
<div>
<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<select style="" name="cat" class="search-option">
<option value="4" selected="selected">寶貝</option>
<option value="2">問答</option>
<option value="3">品牌</option>
</select>
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
標(biāo)簽： 代碼 建網(wǎng)站 搜索 網(wǎng)站制作
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
