WordPress建站教程：给网站添加设为首页和加入收藏的功能

在使用WordPress建站的时候，有时我们想给网站添加设为首页和加入收藏的功能，这样可以方便用户下次更加方便的访问自己的网站。

此方法会修改浏览器的设置，很多时候会被浏览器屏蔽，现在很多网站都不添加此功能，以下方法仅供参考使用。

我们先来看一下效果，效果如下图所示：

home

下面我们介绍一下方法：

1. 切换到主题目录，打开header.php文件，添加如下代码：

<div id="links">
	<a href="javascript:void(0);" id="addHomePage">设为首页</a> |
	<a href="javascript:void(0);" id="favorites">加入收藏</a> 
</div>

<a href="javascript:void(0);" id="addHomePage">设为首页</a> |

</div>

2. 新建template.js文件，添加如下代码：

$j=jQuery.noConflict();
$j(document).ready(function(){

	$j("#favorites").click(function(){
		var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';
		if(document.all){
			window.external.addFavorite('http://example.com', '网站名字');
		}else{ 
			alert('加入收藏夹失败，您可以通过快捷键' + ctrl + ' + D 加入到收藏夹');
		}
	});
	$j("#addHomePage").click(function (){
		if (document.all){
			document.body.style.behavior = 'url(#default#homepage)';  
			document.body.setHomePage(document.URL);  
		}else{
			alert("设置首页失败，请手动设置！");  
		}
	});
	
});

$j=jQuery.noConflict();

$j(document).ready(function(){

$j("#favorites").click(function(){

var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';

if(document.all){

window.external.addFavorite('http://example.com', '网站名字');

}else{

alert('加入收藏夹失败，您可以通过快捷键' + ctrl + ' + D 加入到收藏夹');

}

});

$j("#addHomePage").click(function (){

if (document.all){

document.body.style.behavior = 'url(#default#homepage)';

document.body.setHomePage(document.URL);

}else{

alert("设置首页失败，请手动设置！");

}

});

3. 添加一些样式

#links a,#links a:link,#links a:visited{
	color:#743399;
}
#links a:hover{
	color:#ff4b33;
}

#links a,#links a:link,#links a:visited{

color:#743399;

}

#links a:hover{

color:#ff4b33;

}