Wordpress 较常用的首页文章 CMS 排版方法

D&Z Theme 首页一直在改版进行中,为的是推出 Pro 版本。在第一次改版时我在文章栏的上部添加了一个额外的内容模块——一个 Flash 展示窗和最新的一篇日志,下面的文章栏就依次显示除了第一篇日志外的其他日志,首页显示的总日志数还是可以在 Wordpress 后台设置-阅读里进行设置。这种类 CMS 的排版的方法网上有不少介绍,我也是从 Sofish 的一篇日志里学来的,虽然他介绍了方法,但我却还是尝试了很久才成功,原因是他的介绍过于简单,在这里我就做一些代码的补充。

结合现在的 D&Z Theme 首页效果,代码和注释依次参考下文:

定义首页的第一篇文章,showposts=1 则是只显示最新的一篇文章(使用 PHP 函数来进行定义) 1
2
3
have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID; ?>

第一篇文章的标题及内容(使用 CSS 和默认的 Wordpress 标签来输出文章) 1
2
3
4
5
6

调用第一篇文章结束,接下来可以放 AD 或者其它一些内容

然后首页调用后续文章部分(依然是使用 PHP 函数来进行定义)

1
2
ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>

后续文章的标题及内容(还是使用 CSS 和默认的 Wordpress 标签来输出文章) 1
2
3
4
5
6

如果你在后台设置了首页显示5篇文章,那么以上将显示除第一篇外的其余4篇

按照上述代码就能实现这种类CMS的排版方式,此时你可以向上图一样在第一篇文章的旁边放上一段 Flash 或者图片,你还可以修改后续文章的输出方式,使用


代替


而让后续文章输出摘要而非全文,甚至你可以把它们都去掉只输出 H2 标签内的文章标题,再运用一些 CSS 手段让其显示得更加美观,等等等等,就要看大家的 CSS 技巧和想象力了。

这也算是一个 Wordpress 的进阶使用方法,还是需要有一定 PHP HTML/CSS 基础,新手请慎用…

網生@誌 | zEUS.’Blog » Wordpress 较常用的首页文章 CMS 排版方法

标签:,

相关日志

 

没有评论 to “Wordpress 较常用的首页文章 CMS 排版方法”

留下评论:

昵称(必须):
邮箱地址 (不会被公开) (必须):
站点
评论 (必须)
XHTML: 您可以使用这些标记: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>