【架構篇】WordPress佈景主題製作【search.php】

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

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

WORDPRESS
search.php
Copy
<?php get_header(); ?>
<?php if ( have_posts() ) : ?>
<?php while (have_posts() ) : the_post(); ?>
<a 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搜尋表單,只需要將語法放到此頁面即可。

WORDPRESS
Copy
<?php get_search_form(); ?>

完整語法

WORDPRESS
Copy
<?php get_header(); ?>
<?php get_search_form(); ?>
<?php if ( have_posts() ) : ?>
<?php while (have_posts() ) : the_post(); ?>
<a 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 系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,目前版本已調整為先教學基本架構再教學設計樣式。

收藏本文:
我的收藏
Jin
Jin 為《IN閱誌》網站管理者,專注於撰寫 Apple 技巧、3C 科技、動漫、日本文化與旅遊 等主題。以淺顯易懂的角度,分享專業見解與實用資訊。
TOP