WordPress点击文章标题出现任意文字提示

1月 27, 2011 20 条评论 371 次阅读 0 人点赞

11WordPress点击文章标题出现任意文字提示,效果如上图所示,就是鼠标点击文章标题后出现文字标题(类似正在加载文章。。。正在载入等等),然后才打开文章。只须三到四步就能完成此效果。

  1. 先下载jQuery库文件,也就是个js文件,点我下载
  2. 保存下列代码为js文件,注意编码,因为错误的编码会导致乱码,一般选utf-8无BOM保存。(暂且命名为texiao.js)
  3. 把这两个文件放到主题目录的js文件夹内,没有的创建个好了。
  4. 在主题的header.php(一般情况下),声明这两个文件,一般在标签</head>前面好了,语句如下:
  5. 最后就是浏览主题效果 :lol: ,够简单的了
//texiao.js
jQuery(document).ready(function($) {
	$('#content h2 a').click(function(){//看到#content h2想到的就是文章标题是用什么标签控制的,一般是这个,如果默认方法失败的话,只要打开主题目录的index.php看看文章标题是不是h2控制的,还有h2的上一级是不是div="content",不是的话,在这个文件中改成index里的就行,下面的a不用改,因为是文章链接嘛
	$(this).text('正很用力的加载中……');//文字随你改
	$(this).animate({marginLeft:"12px"}, 250,"easeOutBounce");//这句只是添加下看似抖动的效果,可删
	window.location = $(this).attr('href');//不加这句opera会链接无效
	});
});

-------------------------------------------------------------------------------------------------------------------- 而是用philna2也就是我现在的主题的,只要下载第一个步骤里的JQ文件放到覆盖主题目录的js目录里,然后照着步骤2保存texiao.js到js目录里,然后在主题根目录的js.php查找“$jsFiles”改成如下:

$jsFiles = array('jQuery', 'easing', 'scrollTo', 'philna2','texiao');//多了个texiao也就是引用特效

最后一步就是,打开主题根目录的loop.php,查找$postTitleTag,把第一处$postTitleTag = is_singular() ? 'h1' : 'h2';的h1改为h2,因为原来的是在首页标题是h2控制,而单篇文章标题是h1了.

孑愁

一个Microsoft、Google、Apple的爱好者综合体,喜欢一切和数码科技有关的东西,也希望能及时的把这些分享给关注它们的人。现就职于某互联网公司,担任前端

文章评论(20)

  • 10月 5, 2015
  • 太原seo

    很给力,今天正好看见这个效果,想扒下来,但是那个人加密了,郁闷死了,还好博主分享,谢谢了。

    12月 1, 2011