WordPress3.1 就有的 文章形式(Post Formats) 到现在都3.3了,可完美完全支持的主题依旧屈指可数,至少在国人主题制作圈。
之前自己折腾的主题也是相当受样式限制,溜达 Tumblr 找到现在扒来的这一款,相当霸气外露!
要想重拾折腾滴基情,换主题决定是首选!间隔如此之久,咱们接着搞 Post Formats 起呗~
聊天,formats-chat。效果见上文: 《一天》
PHP核心代码如下(基础代码源自 SimpleDark 1.3 ):
//如要使用,请自行去除注释~ <?php $lines = preg_split("/[\r\n]+/", $post->post_content); //php正则获取每行字符 ?> <?php if(is_array($lines)) { //建立数组 $i=2; //增加个计数,为对话区分样式 foreach($lines as $line) { if(trim($line) != '' ) //循环执行,并过来空白行 ?> <p <?php if( $i%2 == 1 ){ echo 'class="even n'.$i.'"';}else {echo 'class="odd n'.$i.'"';}; ?>><span><?php echo $line;$i++ ?></span></p> //如果被2除余1添加class="even n$i",反之添加class="odd n$i",接着输出每行内容。 <?php } } ?>
这儿我新增了计数$i,一是判断聊天奇偶,另外是隐藏部分对话。
接着上CSS核心代码:
.home .format-chat .odd,.home .format-chat .even,.archive .format-chat .odd,.archive .format-chat .even{display:none;} .format-chat .odd.n2,.format-chat .odd.n4,.format-chat .odd.n6,.format-chat .even.n3,.format-chat .even.n5{display:block;} /* 默认把聊天对话给隐藏,然后把前5句显示出来 */ .format-chat .odd span{float:left;margin: 0px 0 0 40px;background:#66bcc5;} .format-chat .even span{float:right;margin:-10px 40px 0 0;background:#BDC866;} /* 样式的主要区分就是这2个咯 */
然后,没然后了。写文章时选中”聊天“形式,每一行即一个人说的话。
懂也好不懂也好,个人认为这PHP代码还是值得Mark,SO,自我多情一个就分享咯~

沙了个发。
哈~
鼓掌鼓掌~~
就是不常用哟~
果然不能一直只看订阅,点进来才发现主题又换了。好大
才刚换而已~~来得还及时滴
虽然看不懂,但是好牛逼的样子
折腾就是为了显得牛X滴~
这东西不太好处理的,因为毕竟没有标准格式。如果一个人的发言里面有换行就不好搞了…而且 Chat 不一定是在两个人之间的啦。
是啊,挺鸡肋的。最理想的就是后台文章形式一选定,编辑器就随之更改。
两人对话可以ull嵌套li
来解决换行的问题,
多人对话不好解决,
不过可以用上面的办法,
通过传入对话人数的自定义参数来解决,
太麻烦,而且必须一人一句。
再复杂的实现方式,有必要吗?
基本实现就ok了,相信官方会在这方法加强的~
php的遍历里面没有奇偶判断吗?
对php不懂,照样子改改而已~
效果挺好,就是不太常用……
“文章形式”是好东西啊,这个使用的好,效果和qzone上的轻松排版倒是感觉有些象了
恩,完美支持了,有助发文基情~
测试了下,新主题IE7,8各种不正常。。
需支持CSS3以上的现在浏览器~
去感受下效果先
这个不错,就算必须使用css3也值了呀
样式这个可以自己换的嘛~
有点好玩
挺不错的
貌似我的文章到现在为止还一直是一个样式 – -#
多增加几个有助发文基情撒~
这个php代码是自己原创?还是抄的?
文章有写吧?
东西是不错,收下了,不过我貌似没啥机会用得上,聊天的信息貌似都没啥发表出来的价值。
这样的模板还真不多见。
几乎木有…
不错 感谢博主分享