木木木木木

若直接通过此文章的链接进来的，建议返回首页点击“文章标题”或“接着看”，体验体验此文所讲的效果～

结合去年分享的《首页文章伸缩新方式新代码》中的代码，讲讲如何添加这个小效果。

继续阅读

无限嵌套套住我了，一次次得调CSS、php、jQuery，就是希望解决开启无限随之带来的一个接一个似无限个的问题。

此文也是算一个其中衍生出的效果，就是为了更清晰的显示出楼层的级数关系，一眼就能看出是回复谁的。添加特效前得在《在WP主评论加上楼层号》，及在子评论也加上楼层数：

< ?php if( $depth > 1){printf('B%1$s', $depth-1);} ?>

代码自行放在functions.php自定义回调评论里，啥含义看代码猜猜呗～（我表示也是瞎改胡乱测试出来的） 继续阅读

之前用的效果代码发过《首页文章伸缩效果代码分享》，实现的是“第一次点击文章标题展开对应内容，第二次点击标题则进入文章页”。这个效果还是与第一次访问小站的童鞋的以往浏览习惯产生了冲突，第一次点击标题后文章内容展开，一般都会不自觉再点击一次让内容收回来。可想，此时发生的确是直接打开文章页了，让很多童鞋非常不解……

其实这个效果最初的实现方式是在文章标题边加个小按钮，通过点击按钮来控制，而我则是直接在文章标题上处理了，折中了一下就有了以前使用的即上段描述的伸缩效果。

刚，刚，突发灵感，看着使用已有一段时间的GTalk，当多个聊天窗口时它只展开一个，其余是收缩着的，当点击另一个窗口切换时，此窗口展开，其余收起。这效果多帅呀！能用到小站的首页文章收缩上那就更帅了！

继续阅读

 
<div id="post-<?php the_ID(); ?>" class="post-home">
 
	<div class="post-title"><h2><a href="<?php the_permalink() ?>" rel="bookmark">< ?php the_title(); ?></a></h2></div>
 
	<div class="post-content">< ?php the_content(__('继续阅读 &gt;')); ?></div>
 
	<div class="post-messages"></div>
 
</div>
 
/* 这是我的index.php里的部分代码，注意结构！ */

 
#postlist .post-content{display:none} /* 让id="postlist"下的class="post-content"隐藏，注意修改！ */

继续阅读