Axiu Blog
迎合用户的需要罢了,对于主题作者(或者希望在自己主题中添加这个东西的同学),需要做的有三步: **1、**在function.php里添加支持:`add_theme_support( 'post-formats', array( 'quote', 'gallery' ) );` 可用的样式大概有: > aside —— 通常没有标题,类似于社交网站上的
WordPress3.1更新已经有些日子了,对于新加的顶部栏也是褒贬不一,反正我是一点都不喜欢。本次讨论的内容也于此无关,而是另外一个:文章样式。 ### 官方方法 这个东西有点意思,添加起来也比较简单,当然无非是增加主题作者的工作量来迎合用户的需要罢了,对于主题作者(或者希望在自己主题中添加这个东西的同学),需要做的有三步: **1、**在function.php里添加支持:`add_th
WordPress3.1更新已经有些日子了,对于新加的顶部栏也是褒贬不一,反正我是一点都不喜欢。本次讨论的内容也于此无关,而是另外一个:文章样式。 ### 官方方法 这个东西有点意思,添加起来也比较简单,当然无非是增加主题作者的工作量来迎合用户的需要罢了,对于主题作者(或者希望在自己主题中添加这个东西的同学),需要做的有三步: **1、**在function.php里添加支持:`add_th
WordPress3.1的post_formats(文章样式)
Max

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(或其他需要的位置),进行一点判断,例如

输出文章样式 输出另外的样式

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

<!-- google\_ad\_client = "ca-pub-1851998914253091"; /\* 单页文章 \*/ google\_ad\_slot = "4510400700"; google\_ad\_width = 468; google\_ad\_height = 15; //-->

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

其他

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

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

id="post-">

。如果连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}

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

Comments