WordPress增加文章形式,让WP变的更充实

WordPress增加文章形式,让WP变的更充实
分享

上次模仿了Axiu兄的主题,河河童鞋非常喜欢不同文章样式的代码,于是乎我这里就分享出来,废话不多说,进入教程。

1:让functions支持此功能。

1
add_theme_support( 'post-formats', array( 'quote', 'gallery' ) );

可用得样式有:


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

戏子之前仿Axiu兄的主题只添加了图片和音乐,所以代码可以这么写:

1
add_theme_support( 'post-formats', array( 'audio', 'image' ) );

想要什么形式就按如上代码自行修改。

2:在index.php或者其他需要添加的页面,插入代码进行判断。

这里的代码需要你自行修改,我给出的代码和CSS还是需要加工的,只有音乐样式是正常,请自行删减。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php if ( has_post_format( 'audio' )) { ?>
 <!-- 根据你的样式插入输出音乐样式开始 --> 
 
 <!-- 根据你的样式输出音乐样式结束 --> 
 
<?php } else if (has_post_format('image')) { ?>
 <!-- 根据你的样式输出图片样式开始 --> 
 
 <!-- 根据你的样式输出图片样式结束 --> 
 
 
<?php }else { ?>
 <!-- 输出基本样式开始 --> 
 
 
 <!-- 输出基本样式结束 --> 
<?php endif; ?>

3:后台添加文章时会有可选的形式让你选择,如果按照以上代码添加,那分别是:标准、音频、图像。

4:CSS里的样式应该这么添加:

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

比如Axiu兄用了分类名quote,然后代码是这么加的:

1
2
3
4
5
6
.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}

做完这些,就成功的添加了WordPress文章形式了,如果还有不懂得童鞋,也可以参考Axiu兄WP添加文章样式的教程。

16 条精辟评论.

  1. axiu
    回复1楼
    2011 年 11 月 22 日 下午 7:03  

    无论你是出于什么目的,我不希望看到关于我主题大段的代码的部分。如果可能,希望只提供可以供交流的核心部分代码。
    无论你仿的多么成功,请尊重原作者的劳动和权利。
    谢谢

    • 梦呓之秋 2011 年 11 月 22 日 下午 9:07  

      Axiu兄说的是,以修改。。

  2. 心淡若水
    回复2楼
    2011 年 11 月 23 日 上午 9:58  

    在wp程序支持的时候已经果断实现了
    不过和哥们的方法有些小不同
    直接新建个format模板
    直接引入
    感觉更给力些

    • 梦呓之秋 2011 年 11 月 23 日 上午 10:02  

      恩,你的方法明显更好,减少index.php的压力,并且模板思路更清楚更方便修改。 :grin:

      • wmtimes 2011 年 11 月 28 日 上午 11:19  

        若水兄说的对,模板就得这样做。

  3. 石家庄硬度计
    回复3楼
    2011 年 11 月 25 日 下午 7:39  

    被博主的折子戏这三个字吸引进来的,每个人的人生都可以写成折子戏,只是其中故事有些不同罢了

    • 梦呓之秋 2011 年 12 月 1 日 上午 8:36  

      呵呵,谢谢兄台支持。

  4. 长春做网站
    回复4楼
    2011 年 11 月 26 日 下午 4:18  

    方法都很不错,学习了

  5. 河河
    回复5楼
    2011 年 11 月 27 日 下午 6:04  

    是我的错,只是感觉axiu的音乐样式很好看,想学习下。去axiu博客留言一直没回应,好心的折子戏同学帮我的忙发了出来。只是学习没有外传的意思,望谅解

    • 梦呓之秋 2011 年 12 月 1 日 上午 8:37  

      哈哈,误会说清楚了就好! :grin:

  6. 旭东
    回复6楼
    2011 年 11 月 29 日 上午 8:33  

    你博客好像一直在换模版嘛 :lol:

    • 梦呓之秋 2011 年 12 月 1 日 上午 8:38  

      呵呵,是啊,不是之前转到WP了嘛。然后就对模板敢兴趣 就一直学习,定制、仿站,一个新作品出来就还个模板 :cool:

  7. 林肆
    回复7楼
    2011 年 11 月 30 日 下午 11:39  

    Windows7下用IE8浏览器看你的博客,真是惨不忍睹呢,需要兼容一下哇。 :!:
    最近还好把,还木有更新,是不是太慢啦~

    • 梦呓之秋 2011 年 12 月 1 日 上午 8:39  

      啊哈哈,本来就不是写个IE看得,另外IE系列下就是纯文字的效果,我取消了CSS效果,所以应该还可以把。上次戏子说的公司要建设一个报价系统的事现在还没弄完呢,还有最近戏子在做一个主题,在过不久也都可以上线啦。 :grin:

  8. 陌凡
    回复8楼
    2011 年 12 月 8 日 下午 7:16  

    不错,给力。哈哈,谢谢朋友分享。 :razz:

Leave a Reply