如果用戶偶然發(fā)現(xiàn)了一個不存在或尚未創(chuàng)建的頁面,就會返回一個404頁面,所以404頁面添模板在主題中重要。因?yàn)樗鼮樵L問者提供了一種到達(dá)正確位置的方法。
接下來的幾個步驟將幫助您為WordPress主題構(gòu)建有用的404頁面。
創(chuàng)建404.php文件
由于404.php文件是當(dāng)頁面不存在的時候顯示的,因此第一步是創(chuàng)建一個名為404.php 的文件,并將它添加到您的WordPress主題文件夾中。
通常,復(fù)制
index.php文件的代碼,來作為404.php代碼再進(jìn)行修改是不錯的選擇。
添加頁眉
要在404頁面中調(diào)用我們的網(wǎng)站頁眉,只需要在 404.php 文件的開頭添加一個描述信息,并添加 get_header() 標(biāo)簽:
/**
* The template for displaying 404 pages (Not Found)
*/
get_header();
將正文添加到404頁面
要使404頁面正常運(yùn)行,您必須將正文內(nèi)容添加到模板中,例如:
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<header class="page-header">
<h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
</header>
<div class="page-wrapper">
<div class="page-content">
<h2><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentythirteen' ); ?></h2>
<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .page-content -->
</div><!-- .page-wrapper -->
</div><!-- #content -->
</div><!-- #primary -->
此示例來自WordPress附帶的 Twenty Thirteen 主題。這將在404頁面中添加一些文本和搜索表單。 您也可以添加自己的其他代碼到頁面中,使它看起來更加好。
添加頁腳和側(cè)邊欄
創(chuàng)建404頁面的最后一步是添加頁腳。您也可以根據(jù)需要添加側(cè)邊欄。 例如:
get_sidebar(); //添加側(cè)邊欄
get_footer(); //添加頁腳
現(xiàn)在,您將擁有一個帶有搜索表單的功能的404頁面,以及一些文本,以防用戶偶然發(fā)現(xiàn)錯誤的頁面。一旦確定404.php已上傳,就可以測試404頁面。只需在瀏覽器中輸入一個您網(wǎng)站域名下不存在的網(wǎng)址即可。您可以嘗試類似http://example.com/fred.php。除非您確實(shí)有一個名為 fred.php 的PHP文件,否則這肯定會導(dǎo)致404錯誤。



