WordPress3.1的post_formats(文章样式)

axiu 撰写于 2011/03/08 | 40 条评论

WordPress3.1更新已经有些日子了,对于新加的顶部栏也是褒贬不一,反正我是一点都不喜欢。本次讨论的内容也于此无关,而是另外一个:文章样式。

官方方法

这个东西有点意思,添加起来也比较简单,当然无非是增加主题作者的工作量来迎合用户的需要罢了,对于主题作者(或者希望在自己主题中添加这个东西的同学),需要做的有三步:

1、在function.php里添加支持:add_theme_support( 'post-formats', array( 'quote', 'gallery' ) );

可用的样式大概有:

    aside —— 通常没有标题,类似于社交网站上的状态更新
    chat —— 聊天记录
    gallery —— 图片库(多幅图片)
    link —— 外部链接
    image —— 单幅图片
    quote —— 引用语句
    status —— 简短的状态更新,通常限制在140个字符内,类似微博
    video —— 单个视频

2、在index.php(或其他需要的位置),进行一点判断,例如

<? php if (has_post_format('quote')) : ?>
输出文章样式
<?php else: ?>
输出另外的样式
<?php endif; ?>

3、在文章编辑发布的时候,在侧栏会出现“形式”的选项,只要选择相应的形式即可。


========================================================

其他

这个只能从给出来的样式名称里选择一个,虽然很全。对于懒得升级星人来说,要添加这个功能需要做的就稍微多些了。以下是我一直在用的样式,不用改function和其他文件,只需要往css文件里加点东西就行。

1、首先,查看主题的index.php文件是不是有post_class()这个语句。没有的话,在while(have_posts()) : the_post(); 这句下面添加

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

。如果连while…都没有,就别用那主题了。

2、在css文件里,添加如此的样式:

.category-对应的分类目录名 (.entry-title等等){…}

3、我用了分类名quote,然后代码这么加的:

.home .category-quote{background:#fef059;padding:10px;height:130px;width:655px;font-size:18px;margin-left:-20px;line-height:22px}
.home .category-quote .entry-title,.home .category-quote .entry-meta{display:none}
.home .category-quote .comments-link{margin-top:-10px;margin-left:595px;}
.category-quote a.more-link{background:#FEF059;color:#777;font-size:14px;margin-top: -10px}
.category-quote a.more-link:hover{color:#222}
.category-quote .entry-content{margin:10px 0 0 10px}

如此,即可添加文章样式。

评论:39

  1. lazyyyyyy lazyyyyyy 11/03/09

    我是懒得折腾星人……新功能对于我来说没关系……

  2. zwwooooo zwwooooo 11/03/09

    这个还没折腾过……大部分人不太需要吧

    • axiu axiu 11/03/09

      @zwwooooo 我看了半下午你的自定义搜索,终于搞定啦

  3. xiaoxin xiaoxin 11/03/09

    话说,我还没有升级到3.1 :cool:

  4. 老饕 老饕 11/03/12

    3.1也没什么让我心动的功能~~不过firefox4.0就不同了~呵呵

    • axiu axiu 11/03/12

      @老饕 为什么我觉得FF4就是chrome……

  5. lionshuang lionshuang 11/03/26

    超级有用,大幅扩展wordpress功能。

  6. 博主写的很辛苦要支持哦,嘿嘿。;-)

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

:razz:

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">