︿

本篇要來介紹製作WordPress佈景主題之一的 search.php 檔案,主要是用來做為WordPress 內建搜尋後的結果,當使用者搜尋文章的關鍵就會產生此搜尋結果的彙整,當有相關字詞的就會秀出內容。

只需要在 WordPress 佈景主題內放置 search.php 頁面即可,機制會自動判斷是否為搜尋結果,所以其實是不需要另外寫其他語法,只需要將之前的 index.php 秀出文章的語法放到此頁面,使用者搜尋後就成自動產生搜尋結果。

<?php get_header(); ?>
<?php if ( have_posts() ) : ?>
<?php while (have_posts() ) : the_post(); ?>
<a target="_blank" rel="noopener" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php the_post_thumbnail();?>
<?php the_excerpt(); ?>
<?php endwhile;?>
<?php else : ?>
<?php echo '目前沒有文章!';?>
<?php endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

跟之前頁面不同的是,可以結合之前所產生的 searchform.php 搜尋表單,只需要將語法放到此頁面即可。

<?php get_search_form(); ?>

完整語法

<?php get_header(); ?>
<?php get_search_form(); ?>
<?php if ( have_posts() ) : ?>
<?php while (have_posts() ) : the_post(); ?>
<a target="_blank" rel="noopener" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php the_post_thumbnail();?>
<?php the_excerpt(); ?>
<?php endwhile;?>
<?php else : ?>
<?php echo '目前沒有文章!';?>
<?php endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

當然也可以製作一些小設計,這部份的語法之後再額外進行教學,目前就先教學結構方面的。

關於WordPress系列文章事項
文章版本:
第 2.0 版本,WordPress 系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,目前版本已調整為先教學基本架構再教學設計樣式,之後會以最終版本告知。

▪ 相關文章