我們使用Wordpress建好了網(wǎng)站，可以在網(wǎng)站上添加搜索功能。這個功能的制作方法，可見教程：如何制作wordpress 網(wǎng)站搜索功能。

制作的wordpress 網(wǎng)站搜索功能后，搜索結(jié)果的顏色都是一樣的，我們可以對搜索結(jié)果進行改造，實現(xiàn)實現(xiàn)Wordpress搜索結(jié)果關(guān)鍵詞飄紅。效果如下圖：

下面學(xué)做網(wǎng)站論壇來介紹一下如何制作這樣的關(guān)鍵詞飄紅的搜索頁面。

方法/步驟

1. 打開自己網(wǎng)站正在使用的Wordpress模板，找到搜索結(jié)果模板search.php；（相關(guān)知識：wordpress搜索功能(search.php)模板制作）
2. 使用DW軟件打開search.php，找到循環(huán)代碼，類似下面這樣的：

   
   <?php if(have_posts()): while(have_posts()
   
   

3. 在循環(huán)代碼下面，添加以下的代碼：

   
   <?php
   
   $s = trim(get_search_query()) ? trim(get_search_query()) : 0;
   
   $title = get_the_title();
   
   //300是摘要字符數(shù)，......是結(jié)束符號。
   
   $content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 300,"......"); 
   
   if($s){$keys = explode(" ",$s); 
   
   $title = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #953b39;">\0</strong>',$title); 
   
   $content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #953b39;">\0</strong>',$content); 
   
   }?>
   
   

4. 將原來調(diào)用文章標(biāo)題的代碼，如：

   
   <?php the_title(); ?>
   
   

   替換為：

   
   <?php echo $title; ?>
   
   

5. 將原來調(diào)用內(nèi)容的代碼，替換為以下代碼：（如果沒有調(diào)用內(nèi)容，可不用替換）

   
   <?php echo $content;?>
   
   

6. 替換好之后，保存，上傳替換原來的search.php。
7. 這樣，我們在自己的網(wǎng)站搜索時，就會出現(xiàn)搜索結(jié)果關(guān)鍵詞飄紅了。

標(biāo)簽： 代碼 搜索 網(wǎng)站搜索

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。