WordPress

WordPress 非插件统计网站信息

这里说的 WordPress 网站统计信息不是只 IP、PV 这类的流量信息,而是指 WordPress 日志数量、评论数量、页面、分类等等的统计信息,以前看到过别人用 WP statistics 这类的插件来实现这个功能,不过了解我的朋友们都应该知道啦,我的原则是能用代码搞定的就决不用插件解决,所以今天又折腾了用非插件来显示网站统计信息的功能。

1、日志总数:

 publish;?>

2、草稿数目:

 draft; ?>

3、评论总数:

 get_var("SELECT COUNT(*) FROM $wpdb->comments");?>

4、成立时间:

 

5、标签总数:

 

6、页面总数:

 publish; ?>

7、分类总数:

 

8、链接总数:

 get_var("SELECT COUNT(*) FROM $wpdb->links WHERE link_visible = 'Y'"); echo $link; ?>

9、用户总数:

 get_var("SELECT COUNT(ID) FROM $wpdb->users"); echo $users; ?>

10、最后更新:

 get_results("SELECT MAX(post_modified) AS MAX_m FROM $wpdb->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')");$last = date('Y-n-j', strtotime($last[0]->MAX_m));echo $last; ?>

WordPress影响用户体验的十个要素总结

1、主题复杂,导致网页载入速度缓慢。试想一下,假如你的网站网页显示超过十秒,还没有出现,你觉得你还会在继续等下去?

2、你网站的落后信息太多。网友打开你的网站,看到的信息,已经在N个月前看过,人家早就有了,网友对你这个网站倾爱度降低,从而直接影响你网站的品牌形象。

3、插件数量太多。不可否认,插件优点太多,但插件过多,结果就是适得其反。

4、首页过长。我想请问,网上看你网页下面的东西人多吗。网上国际网站曾做过网络调查。说美国的用户在94年时候,只有10%的网友会使用网页滚动条,而很多都不会使用,基本只访问第一屏看到的内容。对比中国,其实作为笔者也不喜欢看最下面的内容,因为这样眼睛会很痛,况且很大部份访问者有可能被前两屏内容吸引到别的网页上去了。 继续阅读

各种WordPress图片相册插件比较

网站要有颜色,图片是少不了的。面对如此众多的图片插件,我们该如何选择呢?下面对现有的一些wordpress图片插件做了简单的比较,希望看了之后会有各位站长有所帮助。

1.Coppermine相册

网址:http://coppermine.sourceforge.net/,WordPress插件

简介:Coppermine Gallery本身是个简便易用的php相册,而后推出的psnGallery插件使得WordPress用户可以很方便地在blog里面插入图片。

好处:psnGallery的功能非常强大,是图片blog用户的首选。

缺陷:Coppermine Gallery缺省安装的界面非常复杂。

2.Menalto Gallery相册

网址:http://gallery.menalto.com/,WordPress的开发者就用这个相册

简介:这个相册可能是最受欢迎的网站相册软件了,非常容易安装,而且支持自定义的html镶嵌方式(通过修改html_wrap/wrapper.header文件),有各种上载方式,适合图片文件很多的用户。

好处:功能多,可以让整个网站风格一致。

缺陷:没有专门给WordPress用户的插件,要在blog里引用图片还需要剪贴代码。

3.Pictorialis插件

网址:http://pictorialis.wltc.net/

简介:这个插件是专门为了把WordPress变成图片blog网站而开发的,可以从预设的目录里读取图片文件,直接生成blog正文。

好处:方便需要每天上载图片的用户。

缺陷:不太适合图片非常多,只想在正文中引用少数图片的用户,上载功能比较有限。

4.Exhibit插件

网址:http://wiki.wordpress.org/Exhibit

简介:这个插件不能算是一个完整的相册软件,只是在文章编辑界面里加了一个对话框,可以随时上载图片文件,加入本篇文章。

好处:用户界面非常方便。

缺陷:加入的代码很难修改,用户支持比较有限。

5.Flickr插入框

网址:http://www.flickr.com/,zonble这里有个使用实例。

简 介:Flickr是继pbase之后的网络相册新秀,用户界面做得很不错,相信使用blogger的用户已经很熟悉它的moblog功能了。除了直接从 flickr往WordPress里面发表文章,还可以使用flickr提供的javascript直接在网页里插入各种图片。

好处:用户界面非常方便,输出代码可以任意修改。

缺陷:需要第三方网站支持。

WordPress 更改主题后的注意6大事项

  WordPress博客主题繁多,安装使用一个主题一段时间后难免会更换新的博客主题,但是更改博客主题并不是上传安装即可,还需要注意一些事项,下面博客吧介绍下WordPress更改博客主题后需要注意哪些事项。

  1、浏览器兼容

  由于各个浏览器之间的差异,和主题作者没有每个浏览器进兼容bug处理,所以部分主题会对某些浏览器有不兼容的现象,会出现错位、乱码等情况,这时候要注意修改主题兼容问题

  2、博客侧边栏

  每个主题的侧边栏内容都不一样,而且博主使用后都会对其进行大改动,友情链接、广告等内容,在更换主题后,注意要把这些东西修改整理好 继续阅读

WordPress 3.0.1 简体中文语言包

WordPress 3.0.1 对应的简体中文语言包制作完成。

压缩文件中,语言包文件对应的功能如下:

* \wp-content\languages\continents-cities-zh_CN.mo
时区和地域信息编译后的二进制的语言包文件
* \wp-content\languages\continents-cities-zh_CN.po
时区和地域信息语言包源文件
* \wp-content\languages\ms-zh_CN.mo
多站点部分编译后的二进制语言包文件
* \wp-content\languages\ms-zh_CN.po
多站点部分语言包源文件
* \wp-content\languages\zh_CN.mo
核心部分编译后的二进制语言包文件
* \wp-content\languages\zh_CN.po
核心部分语言包源文件 继续阅读

wordpress语言文件.po.pot.mo简介及汉化

用户体验度不高,原因很多,经过长时间的经验积累,总结起来的十种。

1、网页载入速度缓慢。试想一下,假如你的网站网页显示超过十秒,还没有出现,你觉得你还会在继续等下去?

2、落后的信息太多。网友打开你的网站,看到的信息,已经在N个月前看过,人家早就有了,网友对你这个网站倾爱度降低,从而直接影响你网站的品牌形象。

3、FLASH动画数量太多。不可否认,FLASH优点太多,但网页布满flash过多,结果就是适得其反,文件超大,占用用户CPU,而且SEO也不会睬你。

4、网页过长。我想请问,网上看你网页下面的东西人多吗。网上国际网站曾做过网络调查。说美国的用户在94年时候,只有10%的网友会使用网页滚动条,而很多都不会使用,基本只访问第一屏看到的内容。对比中国,其实作为笔者也不喜欢看最下面的内容,因为这样眼睛会很痛,况且很大部份访问者有可能被前两屏内容吸引到别的网页上去了。 继续阅读

WordPress主题汉化翻译教程,你也是一位wordpress达人。

很多达人为Wordpress开发了主题,国内外经典主题比比皆是。但是优秀的汉字始终是咱们的根基,使用外国哥们儿的主题当然还是把它改成中文比较好。

开始教你如何成为一位wordpress主题汉化达人。

第一步,找到你要汉化的内容。然后改成相对应的中文,雷人点没关系,确实能体现出你的个性。

第二部,另存为替换原文件,设置编码为UTF-8,确定保存。这步很重要,编码必须是UTF-8,否则将出现乱码。

第三部,刷新,哈哈!看看你修改的地方,是不是已经成为中文了。

第四步,恭喜,你已经成为了一位wordpress达人了。

如有不懂,或者疑难问题,欢迎给我留言。

八款WordPress开发设计插件推荐

WordPress引人瞩目的其中一个最大因素就是围绕这个内容管理系统而进行的开发也不尽其数。由于WordPress自身的灵活性,设计师和程序员可以制作出各种富于灵感的WordPress设计 。如果你也想学习如何制作WordPress主题创造出精美的设计,这里有几款插件可以帮助你出色地完成WordPress设计的开发:

1. 主题开关和预览(Theme Switch & Preview)
继续阅读

禁用WordPress文章修订版本和自动保存功能

大家在发表和编辑文章的时候,可能都不喜欢WordPress 自动保存(AutoSave)和文章历史修订版本(Revisions)的功能。一方面网速不好的时候,它会影响编辑和发表文章页面的加载速度;另一方面这些文章的历史修订版本都会写入数据库保存,无形中大大增加了数据库的膨胀速度,冗余数据太多也影响数据库的存取查询效率。wp管理后台并没有提供关闭功能选项。那么如何禁用WordPress自动保存和文章历史修订版本功能呢?这也是WordPress优化数据库第一步要做的内容。

首先我们可以使用WordPress插件,禁用自动保存和关闭文章修订版本的插件有很多,本文最后列举了几个供参考。如果你不想安装插件,那也可以手动修改代码关闭和禁用WordPress自动保存和文章修订版本功能。

关闭WordPress 自动保存功能(AutoSave)

个人觉得WordPress自动保存功能对于经常写原创文章的wper来说还是比较实用的。有时候花了很长时间写一篇博客文章,若突然碰到停电,电脑死机之类的突发情况,没有自动保存那将是很郁闷的事情,所以建议最好还是不要禁用WordPress自动保存功能。如果你是用office word文档等其他编辑器,那就完全可以用下面的方法关闭WordPress自动保存功能:

找到wordpress/wp-admin/目录下的post-new.php,post.php,page-new.php,page.php这四个文件。找到代码

wp_enqueue_script(‘autosave’);

直接删除,或者在前面加上”//”将代码注释掉。

或者打开wp-config.php文件,在

require_once(ABSPATH . ‘wp-settings.php’);

前添加这段代码:

define(‘AUTOSAVE_INTERVAL’, 3600 );

AUTOSAVE_INTERVAL表示自动保存的时间间隔,3600表示1个小时,时间随意设,1小时差不多也写完了。

禁用WordPress文章历史修订版本(Revisions)

同关闭自动保存功能一样,在wp-config.php中的代码

require_once(ABSPATH . ‘wp-settings.php’);

前增加以下代码:
define(‘WP_POST_REVISIONS’,false);
即可;

清理数据库中以前的文章历史修订版本

另外你也可以通过phpmyadmin定期清理和删除数据库中的冗余文章修订版本,清理以前的文章修订版本也一样。数据库操作前最好先进行备份。在 phpmyadmin 中进行数据库管理,SQL语句命令行中写入以下运行代码执行(若你设置了数据库表名的前缀,需要将数据表名称中wp改成你的前缀):

delete from wp_posts where post_type=’revision’;

另外还可以再用SQL语句:

DELETE FROM wp_postmeta WHERE meta_key= ‘_edit_lock’;

DELETE FROM wp_postmeta WHERE meta_key =’_edit_last’;

删除数据库中文章特殊数据表wp_postmeta中meta_key字段为_edit_lock(代表上次修改post的修改时间)和_edit_last(指最后一次编辑时间)的数据,然后全选所有表,下拉列表中选择使用phpmyadmin“优化表”功能。

WordPress区分置顶文章

很多博客都有自己的置顶文章,在默认情况下WordPress对置顶文章只是将它们的位置排在前面,除了位置差异外,跟其他文章是没有任何区别的。那我们怎样才能将它们区别开来呢?我这里有几种方法:

一、在标题处添加 “置顶” 字样
其实我们这篇文章要用到的函数也只有一个is_sticky(),这个函数用于判断该文章是否为置顶文章。置顶文章一般也只在首页显示,那现在就打开你的主题目录下的index.php,查找:the_title(); 然后将其改成:

the_title(); if( is_sticky() ) echo '  置顶';

二、置顶文章不显示文章摘要

同样是打开index.php,查找:the_contentthe_excerpt,给它添加一个判断,这样置顶文章就不显示摘要了,如:

if( !is_sticky() ) the_content(....);

if( !is_sticky() ) the_excerpt(....);

三、给置顶文章添加边框或背景等

这个方法不需要判断是否为置顶文章,我们只需给它添加一个CSS样式即可。打开主题目录下的index.php,找到每篇文章所在的div,一般的主题查找:class=”post” 这个div就是每篇文章所在的div了,我们现在给个这个div添加一个类:

class="post">

如果是置顶文章,会自动给这个div添加一个类.sticky,我们现在打开主题目录下的style.css,添加类属性:

.sticky {
background: #ff0000;
border: 1px solid #ccc;
}

WordPress mb_strimwidth() 函数 截断补充

文章转自:http://wange.im/
强烈推荐mb_strimwidth() 函数进行截断,对于中文用户来说,这个函数是相当实用的,因为很多摘要的方法都会把中文字截断出乱码,因为中文字在 UTF-8 编码下占三个长度,是一个很尴尬的数字。8过,并不是所有主机都默认支持这个函数的,前提是要开启 mb_string 这个模块。那如果主机没有开启 mb_string 就不能使用 mb_strimwidth() 函数了吗?有没有变通的办法呢?答案当然是 YES,于是也就有了本文。

  先在 WordPress 主题的 functions.php 文件中添加如下代码:

function dm_strimwidth($str ,$start , $width ,$trimmarker ){
    $output = preg_replace('/^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$start.'}((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$width.'}).*/s','\1',$str);
    return $output.$trimmarker;
}

  接下来在需要的地方调用如下:

post_content),0,200,'......[阅读全文]');?>

用过 mb_strimwidth() 函数的朋友已经发现了,这个新建的函数和 mb_strimwidth() 的用法是一模一样的,如果你的主机不支持 mb_string 扩展库,那可以试试本文的方法。

willin版相关文章代码写成函数 函数修改zww.me

文章转载:http://zww.me

把下面的代码扔进主题的 functions.php 里面:

/* Related Posts 函数:出自kan.willin.org,函数修改zww.me */
function RelatedPosts($post_num = 5) {
	if(is_single()) {//只在文章页使用
		$related_posts = '

Related Posts:

    '; //$exclude_id = $post->ID; // 單獨使用要開此行 $posttags = get_the_tags(); $i = 0; if ( $posttags ) { $tags = ''; foreach ( $posttags as $tag ) $tags .= $tag->name . ','; $args = array( 'post_status' => 'publish', 'tag_slug__in' => explode(',', $tags), // 只選 tags 的文章. 'post__not_in' => explode(',', $exclude_id), // 排除已出現過的文章. 'caller_get_posts' => 1, 'orderby' => 'comment_date', // 依評論日期排序. 'posts_per_page' => $post_num ); query_posts($args); while( have_posts() ) { the_post(); $related_posts .= '
  • '.get_the_title().'
  • '; $exclude_id .= ',' . $post->ID; $i ++; } wp_reset_query(); } if ( $i < $post_num ) { // 當 tags 文章數量不足, 再取 category 補足. $cats = ''; foreach ( get_the_category() as $cat ) $cats .= $cat->cat_ID . ','; $args = array( 'category__in' => explode(',', $cats), // 只選 category 的文章. 'post__not_in' => explode(',', $exclude_id), 'caller_get_posts' => 1, 'orderby' => 'comment_date', 'posts_per_page' => $post_num - $i ); query_posts($args); while( have_posts() ) { the_post(); $related_posts .= '
  • '.get_the_title().'
  • '; } wp_reset_query(); } $related_posts .= '
'; return $related_posts; } }

(里面的5就是显示相关的文章数量)

willin的相关文章代码

文章转载:http://zww.me

这段代码有2个与众不同的地方:
1.
先取每个 tags 的文章,
当 tags 文章数量不足,
再取 category 补足。

2.
使用 $post 暂存,
代码放在网页任何地方都不不会搞乱 $post 顺序。

使用方法很简单,
直接将下面的代码复制到需要使用的地方即可:

相关文章:

    ID ) ) { foreach ( get_the_tags( $post->ID ) as $tag ) $tags .= $tag->name . ','; $tags = strtr(rtrim($tags, ','), ' ', '-'); $myposts = get_posts('numberposts='.$post_num.'&tag='.$tags.'&exclude='.$post->ID); foreach($myposts as $post) { setup_postdata($post); ?>
  • ID ) as $cat ) $cats .= $cat->cat_ID . ','; $cats = strtr(rtrim($cats, ','), ' ', '-'); $myposts = get_posts('numberposts='.$post_num.'&category='.$cats.'&exclude='.$post->ID); foreach($myposts as $post) { setup_postdata($post); ?>

如何为文章添加分享按钮

越来越多的网站都在自己的文章页面中加入了分享按钮,主要是为了增加文章在读者群之间的关注度,从而达到提高网站流量的目的。本文就详细说下为文章添加分享按钮的方法

其实网上有很多添加分享按钮的方法,也有功能强大的插件来实现。但我本人是不主张使用插件的,原因也就是因为插件的功能太过于强大了,普通的用户根本用不着。即使插件提供了自定义的功能,但是过于臃肿的图片和代码的在不经意间消耗了你的服务器带宽资源。

演示地址:http://www.6kg.cn/

为文章添加分享按钮的方法

1.在你要添加按钮的地方粘贴如下的 HTML 代码:


如果你使用的是 wordpress,想要加在文章的结尾处,那么直接打开文章页 single.php

查找类似如下代码:

the_content();

加到这行代码结尾处就可以了。

2.在你主题的 css 文件中加入如下的 CSS 代码:

#share,#share a{line-height:16px}
#share a{display:inline-block;width:16px;height:16px;text-indent:-999em;cursor:pointer;margin-left:5px;background:url(http://photo.tuhigh.com/pics/1044/1024/187252t1287897845550_o.png) no-repeat}
#share a#facebook-share{background-position:0 0}
#share a#twitter-share{background-position:0 -16px}
#share a#delicious-share{background-position:0 -32px}
#share a#kaixin001-share{background-position:0 -48px}
#share a#renren-share{background-position:0 -64px}
#share a#douban-share{background-position:0 -80px}
#share a#sina-share{background-position:0 -96px}
#share a#netease-share{background-position:0 -112px}
#share a#tencent-share{background-position:0 -128px}

3.将如下的 JavaScript(jQuery) 代码添加到你的JS文件中
请查看:如何在 WordPress 中使用 jQuery

JavaScript

function addListener(node, type, listener, obj) {
	var param = obj || {};

	if(node.addEventListener) {
		node.addEventListener(type, function(ev){listener(ev, param);}, false);
		return true;
	} else if(node.attachEvent) {
		node['e' + type + listener] = listener;
		node[type + listener] = function() {
			node['e' + type + listener](window.event, param);
		};
		node.attachEvent('on' + type, node[type + listener]);
		return true;
	}
	return false;
}

function getParamsOfShareWindow(width, height) {
	return ['toolbar=0,status=0,resizable=1,width=' + width + ',height=' + height + ',left=',(screen.width-width)/2,',top=',(screen.height-height)/2].join('');
}

function bindShareList() {
	var link = encodeURIComponent(document.location); // 文章链接
	var title = encodeURIComponent(document.title.substring(0,76)); // 文章标题
	var source = encodeURIComponent('网站名称'); // 网站名称
	var windowName = 'share'; // 子窗口别称
	var site = 'http://www.example.com/'; // 网站链接

	addListener(document.getElementById('facebook-share'), 'click', function() {
		var url = 'http://facebook.com/share.php?u=' + link + '&t=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('twitter-share'), 'click', function() {
		var url = 'http://twitter.com/share?url=' + link + '&text=' + title;
		var params = getParamsOfShareWindow(500, 375);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('delicious-share'), 'click', function() {
		var url = 'http://delicious.com/post?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(550, 550);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('kaixin001-share'), 'click', function() {
		var url = 'http://www.kaixin001.com/repaste/share.php?rurl=' + link + '&rcontent=' + link + '&rtitle=' + title;
		var params = getParamsOfShareWindow(540, 342);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('renren-share'), 'click', function() {
		var url = 'http://share.renren.com/share/buttonshare?link=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('douban-share'), 'click', function() {
		var url = 'http://www.douban.com/recommend/?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(450, 350);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('sina-share'), 'click', function() {
		var url = 'http://v.t.sina.com.cn/share/share.php?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(607, 523);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('netease-share'), 'click', function() {
		var url = 'http://t.163.com/article/user/checkLogin.do?link=' + link + 'source=' + source + '&info='+ title + ' ' + link;
		var params = getParamsOfShareWindow(642, 468);
		window.open(url, windowName, params);
	});

	addListener(document.getElementById('tencent-share'), 'click', function() {
		var url = 'http://v.t.qq.com/share/share.php?title=' + title + '&url=' + link + '&site=' + site;
		var params = getParamsOfShareWindow(634, 668);
		window.open(url, windowName, params);
	});
}

bindShareList();

jQuery (JavaScript 和 jQuery 代码任选其一)

function getParamsOfShareWindow(width, height) {
	return ['toolbar=0,status=0,resizable=1,width=' + width + ',height=' + height + ',left=',(screen.width-width)/2,',top=',(screen.height-height)/2].join('');
}

function bindShareList() {
	var link = encodeURIComponent(document.location); // 文章链接
	var title = encodeURIComponent(document.title.substring(0,76)); // 文章标题
	var source = encodeURIComponent('网站名称'); // 网站名称
	var windowName = 'share'; // 子窗口别称
	var site = 'http://www.example.com/'; // 网站链接

	jQuery('#facebook-share').click(function() {
		var url = 'http://facebook.com/share.php?u=' + link + '&t=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});

	jQuery('#twitter-share').click(function() {
		var url = 'http://twitter.com/share?url=' + link + '&text=' + title;
		var params = getParamsOfShareWindow(500, 375);
		window.open(url, windowName, params);
	});

	jQuery('#delicious-share').click(function() {
		var url = 'http://delicious.com/post?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(550, 550);
		window.open(url, windowName, params);
	});

	jQuery('#kaixin001-share').click(function() {
		var url = 'http://www.kaixin001.com/repaste/share.php?rurl=' + link + '&rcontent=' + link + '&rtitle=' + title;
		var params = getParamsOfShareWindow(540, 342);
		window.open(url, windowName, params);
	});

	jQuery('#renren-share').click(function() {
		var url = 'http://share.renren.com/share/buttonshare?link=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});

	jQuery('#douban-share').click(function() {
		var url = 'http://www.douban.com/recommend/?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(450, 350);
		window.open(url, windowName, params);
	});

	jQuery('#sina-share').click(function() {
		var url = 'http://v.t.sina.com.cn/share/share.php?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(607, 523);
		window.open(url, windowName, params);
	});

	jQuery('#netease-share').click(function() {
		var url = 'http://t.163.com/article/user/checkLogin.do?link=' + link + 'source=' + source + '&info='+ title + ' ' + link;
		var params = getParamsOfShareWindow(642, 468);
		window.open(url, windowName, params);
	});

	jQuery('#tencent-share').click(function() {
		var url = 'http://v.t.qq.com/share/share.php?title=' + title + '&url=' + link + '&site=' + site;
		var params = getParamsOfShareWindow(634, 668);
		window.open(url, windowName, params);
	});
}

bindShareList();

www.6kg.cn
我是在footer.php

前面加入

成功实现

如何在 WordPress 中使用 jQuery

使用 jQuery 可以通过很简单的代码实现一些非常实用的效果,如:网页中双击滚屏、评论双击可编辑、一些好看的弹出层等等。说下如何在 wordpress 中使用 jQuery。

什么是 jQuery?

简单的说 jQuery 就是 Javascript 框架,使用 jQuery 的宗旨就是写更少的代码,做更多的事情。在 WordPress 中合理的运用 jQuery,可以实现很多实用的效果。

如何在 WordPress 中使用 jQuery?

1.首先要加载 jQuery 库

这步很简单,你只需要在你使用的 WordPress 主题的 header.php 文件的 head 标签中加入如下代码即可:

可以把 google 上的 jQuery 库下载到本地再加载。

2.在主题中调用 .js 文件

新建立一个 .js 文件,在文件中加入如下代码:

jQuery(document).ready(function($){
// 这里就是你需要添加的教程中提到的一些 jQuery 代码
});

最后在主题中调用这个 .js 文件,假设你建立的文件名为 all.js,那么直接在主题文件 header.php 中的 head 区域添加如下样式代码即可:

文章转载:园子博客 http://www.yzznl.cn/