闻心阁

一蓑烟雨看苍生,半壶浊酒笑红尘

wordpress加入 文章载中 效果

2012-03-10 约 1 分钟读完 搬砖秘籍

在访问许多wordpress或者其他blog系统搭建的站点时,经常有"请你稍等,文章载入中"、"客官请稍等,文章准备中"、甚至还有什么"正在以XXOO的力气为您载入"等等提示。这几天在写一个wordpress主题,索性就加上这么一个小效果。

其实搞过jQuery的朋友都应该知道,动态改变文字是个简单小技巧,首先你要确定你的主题中控制文字的CSS,以本站为例,文章标题使用的是h2,上一级的CSS为.post,那这样就好办了,我的文章链接文字控制层次就是.post h2 a,下面的事情教给jQuery吧,下面是jQuery代码。

<?php if (is_home()){ ?>
 <script type="text/javascript>
jQuery(document).ready(function(){
    jQuery('.post h2 a').click(function(){
    jQuery(this).text('文章加载中,请稍后....');
    });
});
 </script>
 <?php }?>

把这段代码放入wordpress主题中的header.php里面</head>之前就可以了。