Wordpress让不同文章显示不同Header
来源:程序员人生 发布时间:2014-03-12 20:12:23 阅读次数:3654次
一种相对简单的方法。
首先需要激活新的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了。
警告:记得备份!
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠