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

让不同文章显示不同Header

28条评论
标签:
更多

一种相对简单的方法。

首先需要激活新的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啦! 转载请注明出处。

#1
喜欢折腾的人可以一试。
#2
有HEADER横幅图片的朋友可以试试!
#3
无尽的折腾啊。。
#4
不错,wp骨灰级玩家!
#5
有点复杂,我没有FXP帐号,搞不来
#6
不用wp的人飘过。。
#7
俺不是很有必要,这个适合喜欢折腾,美观的人。
#8
哈哈,偶就是找不到合适的图图啊^_^
#9
可惜我不用WP啊
#10
我嚓,wordpress还有这功能啊,真的不错啊
#11
曾经看过有的人博客有过感觉蛮新奇的,就是要折腾下
#12
太好了~刚想试试这样的功能就看到这篇文章~ 另外想问问,这个是随机更换的吗?会不会拖慢载入速度?
#13
貌似很适合在我现在的主题上折腾啊...
#14
不错,谢谢分享!正想找这些东西呢!
#15
原来是折腾这个的啊,我以为是header.php呢
#16
Nicolena,问个问题哈..... wordpress中怎样得到最新文章所属分类的ID?
#17
WordPress有个函数是get_cat_ID,不知道是不是你要找的?
#18
还能这样玩啊?太酷了!
#19
这个图片太多会不会影响速度呢?
#20
如果速度本来就很慢的话还是免了
#21
今天教师节,祝福博主也教师节快乐!
#22
这样也可以啊?没玩过
#23
不错哦!
#24
不是吧这样也行倒
#25
这样的设置很好啊,有利于seo优化。
#26
这种效果别处见过。不知道也是不是用这总方法实现的。
#27
这个确实是懒得折腾,呵呵
#28
我感觉这个挺好的,虽然麻烦一点。但是这样更有体验度。