Web笔记··By/蜜汁炒酸奶

WordPress实现微博/说说/状态展示页

虽然花了半天多的时间终于实现了这个功能,但其实为了这个功能已经耗费了好几个月的时间,当初建站没多久,就想在里面发些小状态、微博、说说一类的东东,于是开始在网上百度方法,发现好多人都在找,真正有用的东东并不多,于是就只好开始自己的折腾之旅。真正给了我灵感的可以说是知言博客,废话了这么久,大家都等急了吧?那就开始喽:

Ps:2013年12月16日更新,发现了一个更详细的提供了代码的,供新手以及懒得动脑的朋友们参考。点击查看详情(咿呀呀,先收着,以后有时间了自己做个主题玩)

1. WordPress文章形式(可选)

其实这个是可有可无的,至少我用的这个主题不需要文章样式的支持,想看具体的可以看下篇文章,这里就不说了。

2. 添加一个分类目录

添加一个文章分类,所有的类似文章都放入这个分类,分类名可以设为“吐槽”,别名为“t”,具体名字你可以根据自己喜好设置。(从这起开始了关键).

3. 添加并修改展示页面模板

知言博客说的是用首页模板(index.php),实际上我感觉用页面模板(page.php)更容易些(也许是主题不一样的缘故吧,另外友情提示:当初用首页时把本地服务器上的一个网站玩瘫了,所以这些东西大家最好是在本地测试没问题了再上传到自己的服务器上),所以此处以页面模板(page.php)为例讲解:

Wordpress有一个功能,分类目录的模板会自动搜寻“category-分类英文别名.php”模板, 所以请复制页面模板(page.php)文件一份,重命名为category-t.php,注意t为之前设置的分类别名,如果你设置了别的,请相应改成你所设置的。 打开category-t.php作样式编辑,去掉不需要的内容组件,例如文章分类模块就不要显示了,发布时间模板也可以改成更类似微博的风格,如果你要去更高,可以添加一些css样式。

每个博客主题不同,对应的代码不同,所以这里就不上代码了,相对来说页面模板(page.php)会比首页模板(index.php)改起来容易些,因为那里面原本显示的直接就是一个分类中的文章,而不需要复杂的判断,但首页可能会有一些其他的内容。

4. 首页优化不显示“微语”的文章

这个仅仅需要修改首页index.php模板即可,具体请看我的另一篇文章《WordPress首页不显示特定分类文章》(也就是上篇,(*^__^*) 嘻嘻……) 至此,基本功能已经实现,接下来,请在发布文章时一定要选择“吐槽”作为分类,文章形式可选状态,也可以任意,更好的页面的样式则根据自身需求作调整。 参考资料:知言博客 结语:目前基本的样式已经出来了,有点不足的就是“回复”那个功能那,需要跳转进去在页内回复,有点不太方便,这个留待日后慢慢优化吧。

Preview
Loading comments...
17 条评论
  • comment-avatar

    […] 2. 添加一个分类目录参考原帖 […]

  • comment-avatar

    好的,谢谢。

  • comment-avatar

    3.5之后新加的功能

    • comment-avatar

      回复 @Leniy: <a href="#div-comment-73" rel="nofollow">@Leniy </a>哦,具体的我也不听清楚,毕竟不像你们是专业人士O(∩_∩)O~。那个功能我也没找到介绍的比较好的额,那些本质的东东都没人肯写

    • comment-avatar

      回复 @蜜汁炒酸奶: <a href="#div-comment-72" rel="nofollow">@汐枫 </a>内核的一种调用方式而已。我最新设计的主题就是这么做的

    • comment-avatar

      回复 @Leniy: <a href="#div-comment-71" rel="nofollow">@Leniy </a>听说是通过文章样式做出来的,是么?但发现我这个主题用起来并不好,就修改了下。

  • comment-avatar

    我也来支持支持

  • comment-avatar

    圣诞节快乐

    • comment-avatar

      回复 @海棠果: 圣诞快乐,亲,我一直想问下,到底哪个才是你的网址呢?直接点的这个进去之后什么也木有额

  • comment-avatar

    来看看博主。

    • comment-avatar

      回复 @PHP二次开发: <a href="#div-comment-47" rel="nofollow">@PHP二次开发 </a>O(∩_∩)O谢谢哈

  • comment-avatar

    技术活 。支持! 新发表文章同步更新到腾讯微博?

    • comment-avatar

      回复 @神经大爆炸: <a href="#div-comment-37" rel="nofollow">@神经大爆炸 </a>O(∩_∩)O谢谢哈,你说的是什么同步呢?我的文章同步直接用的无觅,那个可以自动同步到新浪、腾讯、网易、搜狐等

  • comment-avatar

    不好,页面乱了

  • comment-avatar

    改了下评论位置,看看效果如何。

example
Preview