Wordpress讓不同文章顯示不同Header
來源:程序員人生 發布時間:2014-03-12 20:12:23 閱讀次數:3848次
一種相對簡單的方法。
首先需要激活新的post_thumbnail函數(如果該函數尚未激活)。打開functions.php文件,在右上方(開始php標簽后)加入以下代碼:
// add post_thumbnail support
if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');保存functions.php,然后打開header.php文件。在art-header-jpg DIV里加入一段代碼,改寫默認的header圖片。
原始art-header-jpg DIV是這樣的:
<div class="art-header-jpeg"></div>我們要把它替換成下面這樣:
<div class="art-header-jpeg">
<?php
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= 1000 ) : // change 1000 to the width of your header
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<?php endif; ?>
</div>別忘了把第六行里的“1000”換成自己header圖片的寬度。
注意:這種方法最適用于方形header圖片。圓角header通常由兩幅圖組成,一個幅有圓角的PNG背景圖,另一幅才是嵌在背景上的JPGheader圖片。
接著選擇幾幅和默認header尺寸相同的header圖片,上傳到主題文件夾,最后進入某篇已有文章或新文章的編輯頁面。
如果一切順利,你會看到文章的編輯頁面右側多出一個新選項,你可以在這里給文章上傳縮略圖。
只要上傳的圖片寬度等于(或大于)原有header,那么在瀏覽文章時,所上傳圖片就會覆蓋原header。否則顯示的仍然會是原header。
現在,每篇文章/頁面都擁有不同header了。
警告:記得備份!
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈