首页    >    新闻资讯    >   让不同文章显示不同Header

让不同文章显示不同Header

一种相对简单的方法。

首先需要激活新的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了。

警告:记得备份!

原文

WordPress啦编译

分类:新闻资讯

标签:,

* 版权声明:作者WordPress啦! 转载请注明出处。