搜索功能是任何網(wǎng)站都必須的功能，通過搜索功能，用戶可以快速的在我們的網(wǎng)站上找到自己需要的內(nèi)容。在wordpress模板制作教程中，搜索功能也需要制作出來，這就是搜索功能模板(search.php)。

• 原文來源：詳情

模板制作步驟

第一步：復(fù)制分類目錄模板（archive.php），直接重命名為search.php。用于顯示用戶的搜索結(jié)果內(nèi)容；

第二步：在主題文件夾里新建一個(gè)searchform.php，放入以下代碼，這是一個(gè)獨(dú)立的搜索框的代碼。

<form method="get" id="searchform" action="?php echo esc_url( home_url() ) ?>">
<input class="searchInput" type="text" value="輸入關(guān)鍵字" name="s" id="s"/>
<input type="submit" value="搜 索" onClick="if(document.forms['search'].searchinput.value=='- Search -')document.forms['search'].searchinput.value='';" alt="Search" />
</form>
<script type="text/javascript">
$(document).ready(function(){
// 當(dāng)鼠標(biāo)聚焦在搜索框
$('#s').focus(
function() {
if($(this).val() == '輸入關(guān)鍵字') {
$(this).val('').css({color:"#454545"});
}
}
// 當(dāng)鼠標(biāo)在搜索框失去焦點(diǎn)
).blur(
function(){
if($(this).val() == '') {
$(this).val('輸入關(guān)鍵字').css({color:"#333333"});
}
}
);
});
</script>

第三步：在需要顯示搜索框的位置，使用以下的代碼去調(diào)用這個(gè)搜索框。

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

第四步：網(wǎng)站搜索框可以被任何其它模板調(diào)用，用戶通過搜索框搜索某個(gè)詞時(shí)，搜索結(jié)果就會(huì)通過search.php模板展示出來。

同過此代碼，我開發(fā)了這款有趣的wordpress插件：

N-Search – 添加搜索區(qū)塊的wordpress插件

Muze

• 20年4月30日
• 喜歡：0
• 瀏覽：462

如果您需要更加強(qiáng)大的搜索功能，可以參考這款插件：

象牙搜索 – WordPress搜索插件

Muze

• 20年4月24日
• 喜歡：0
• 瀏覽：559