WordPress佈景主題製作教學系列(九)-404錯誤模板製作

2013-06-15

Aidec Li

3330

此系列將會在新站重構、再製，敬請期待。
404.php是當找不到文章時，顯示的自訂錯誤頁面內容，原本的404頁面很難看(如下圖)，但WP有內建自訂404頁面的功能

可以讓人不用顯示上面那個令人心碎的畫面，而是可以自訂錯誤頁面，通常在404頁面會輸入”找不到文章的標語”，用來告訴讀者您到達錯誤頁面啦!!或者是在錯誤頁面推薦一些其他文章之類的~~就像本站的錯誤頁面一樣，如下圖:

404錯誤頁面.php代碼:

//載入頭部header
<?php get_header(); ?>

//警告到達錯誤頁面

<div id=”main”><h3>Sorry不好意思!!此篇文章的資訊已過時或是您輸入了一個錯誤的網址!!</h3><hr>

//推薦文章標題

<h2>推薦給您!!</h2>

//熱門文章代碼

<div><h2>熱門文章</h2><hr><div>
<ol start=”1″>
<?php $result = $wpdb->get_results(“SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5″);
foreach ($result as $post) {
setup_postdata($post);
$postid = $post->ID;
$title = $post->post_title;
$commentcount = $post->comment_count;
if ($commentcount != 0) { ?>
<li><a href=”<?php echo get_permalink($postid); ?>” title=”<?php echo $title ?>”>
<?php echo $title ?></a> </li>
<?php } } ?>
</ol></div></div>

//隨機文章代碼

<!– 取得隨機文章 –>
<div><h2>隨機文章</h2><hr><div>
<ol start=”1″>
<?php $rand_posts = get_posts( ‘numberposts=5&orderby=rand’ ); foreach( $rand_posts as $post ) : ?>
<li>
<a href=”<?php the_permalink(); ?>” title=”<?php the_title_attribute(); ?>”><?php the_title_attribute(); ?></a>
</li>
<?php endforeach; wp_reset_query(); ?>
</ol>
</div></div>

//取得相關文章代碼(在此部分應該會沒有資料，可以略過此段)

<div><h2>相關文章</h2><hr><div>
<!– 取得相關文章 –>
<ol start=”1″>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’ => 5,
‘caller_get_posts’ => 1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post(); ?>
<li><a href=”<?php the_permalink(); ?>” title=”<?php the_title_attribute(); ?>”><?php the_title_attribute(); ?></a></li>
<? }
}
$post = $orig_post;
wp_reset_query();
?>
</ol>
</div></div></div>