闲来无事,又在开始想怎么折腾这个博客了。一般页面信息中,总是图片比文字吸引眼球,动的比不动的吸引眼球。我们的博客往往把这种宝贵的眼球吸引机制无私的奉献给了广告,象我这样不做广告的,整个页面几乎死水一潭。不要满屏幕都是眼花缭乱的动态信息,偶尔有点小动静,应该能起到画龙点睛的作用吧?

这让我想到了html的marquee标记:文字滚卷条。以前在状态栏,公告栏那种地方老用,实现起来又不复杂。顺手就在模板div header下方划拉出来一条,放点什么呢?广告是没有滴,我想应该可以放些原本放在边栏(sidebar)的信息,如最新贴,最新回复什么的。正好,前两天玩的wp-forum有个模板函数:latest_forum_activity;可以用来显示论坛的最新贴,而本博客装的tag插件utw也有个显示主题相关文章的函数:UTW_ShowRelatedPostsForCurrentPost
接下来就是根据不同页面类型放上述的不同信息了,wordpress有几个函数能够攀比当前页的类型:is_home判别主页,is_single判别主题页,is_category判别分类页 ,is_archive判别存档页(按日期分类);好了,有了这几个函数,我就可以在主页放论坛最新帖子,在主题页放相关主题的滚动条了。
实现起来很简单,在header模板(header.php)处 ,找到header的封闭</div>,后面加一段,举例如下:
<!-- header-bottom-->
<div id="headerbottom">
<?php if (is_home()): ?>
<marquee>论坛最新帖子:<?php forum_latest_activities(5); ?></marquee>
<?php elseif (is_single()): ?>
<marquee>本文相关主题:<?php UTW_ShowRelatedPostsForCurrentPost("postcommalist","",5); ?></marquee>
<?php endif; ?>
</div>
<!--/header-bottom-->
如果想加上淡出效果(只有在IE下可见效果),可以用一段js(查看),存成announcement.js放在模板目录下 ; 在header.php头部加一句引用
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/announcement.js"></script>
把上面这段代码改成
<!-- header-bottom-->
<?php if (is_home()): ?>
<div id="headerbottom">
<div id="announcement"><span>博客公告|论坛最新贴:<?php forum_latest_activities(5); ?></span></div>
<script type="text/javascript">announcement();</script>
</div>
<?php elseif (is_single()): ?>
<div id="headerbottom">
<div id="announcement"><span>相关主题:<?php UTW_ShowRelatedPostsForCurrentPost("postcommalist","",5); ?></span></div>
<script type="text/javascript">announcement();</script>
</div>
<?php endif; ?>
<!--/header-bottom-->
我这里之所以把相关语句放在if里,是因为id=headerbottom我在css里加了背景边框,放在if里可以不破坏其他不显示滚动条的页面,否则会出现一个无内容的空框。
—阅读本主题的博客原贴
最新评论