雅布叔叔的糖果屋 - jqurey
type: channel
link: https://www.alexgao.com/tag/jqurey/
items: 用 jQuery 实现点击回复之后显示@用户名的效果
items: 实现wordpress文章字体大小切换调节

用 jQuery 实现点击回复之后显示@用户名的效果
type: item
date: 2011-03-05T13:49:06+08:00
description: 用了ZWW大哥的主题以后就一直开始折腾了，看到他的网站点击回复按钮会直接显示@用户名的效果，所以就把相关的代码转过来，做个笔记。更多的信息可以参考他的这篇文章（具体效果可以回复这篇文章看看）首先确定自己的主题评论结构基本是 WordPress 默认的结构（也就是说主题的评论结构比较标准），而且用的是 WordPress 2.7 以上版本的 wp_list_comments 函数，具体可以参考http://codex.wordpress.org/Template_Tags/wp_list_comments 加载jQuery代码：

实现wordpress文章字体大小切换调节
type: item
date: 2011-02-26T20:11:00+08:00
description: 这两天折腾的换上了新的主题，也修改了不少东西，发现我现在的口味真是越来越清淡了，网站的配色也都基本是淡色系了，而且风格也越来越简化。我终于发现了我的需求：简单明快的风格，大大的文章宽度，和一套可以分享图片，视频和代码的插件。是的，这样足矣！这篇日志主要是想讲讲我是如何实现文章的字体大小切换调节的，其实这也算是我的宿愿了，一直希望wordpress可以像之前用过的pjblog一样可以允许读者自己调节文章字体的大小。这两天在网上找找，折腾了一下还真实现了这个功能！其实大家不喜欢看废话，咱们就直接药到病除吧！HTML部分 小 中 大 以上的html代码是用来贴到你需要实现该功能的地方的，大家懂的，比如我就放在了文章信息栏（见文章右上角）这个功能是通过jQurey实现的，所以需要引入jQurey代码（引入方式如不清楚请google之），代码如下：$(document).ready(function() { $('#resizer li').click(function() { var fontSize = 14; var name = $(this).attr('id'); if (name == 'f_s') { fontSize -= 2 } else if (name == 'f_l') { fontSize += 2 } else if (name == 'f_m') { fontSize == 14 } $('.post_content p').css('font-size', fontSize + 'px') }); });以上JS代码可以直接写在 footer.php里，但是为了减少非单文章页面不必要的加载多余的代码，可以用以下代码把这段JS括起来：<?php if( is_single() ): ?><?php endif; ?>好了，做完这些工作，相信你的网站已经可以实现字体大小的调节了！有问题请留言，能力范围内尽量解答。（我也是个半吊子） :) 注：以上信息部分来自网络。