WordPress优化：添加收藏夹、设为首页功能

Wordpress文字上方的图片你点吗？

不得言SEO 在浏览网页时，看到一个好玩且很突兀的图片，图片漂浮在文字上，同上下文毫不相关。禁不住诱惑点击了一下，谁知竟弹出是否收藏此网站的提示。不得言只是随便逛逛，随手就把网页关闭了。网站虽被关闭，但被站长的小花招所感染，不得不为他新奇的想法鼓掌。

既然不得言会被那好玩而突兀的透明图片吸引点击，以此推想，应该有不少网友也会因此而被诱导。——如果我把这投机取巧的办法移植过来，不管点击的网友占了多大比例，只要有人点击那岂不是在增加用户体验的同时，也给网站增加潜在回头客呢？

因此本文内容是：使用有吸引力的图片，利用网页透明图片效果，给图片加入添加到收藏夹功能，吸引用户点击收藏。至于给 WordPress博客增加设为首页功能，相信朋友们可以触类旁通。

首先去百度图片里找一些有意思的背景透明的PNG图片，用Fireworks处理一下，大小适中就好，太大了影响用户阅读，太小了又起不到效果。剩下的工作就是把代码加入相关文件了。我是这么做的。

1、找到底部文件，加入下面代码。增加用户体验度，但对搜索引擎没意义的代码，最好放在最下面，使用CSS样式进行绝对定位，就可以让图片出现在任何想要的位置了。

<div id="foot_favorites">
  <a onclick="AddFavorite(window.location,document.title)" href="#" title="将此页加入收藏">加入收藏</a>
</div>

2、在样式表文件Style.css最下面加入CSS控制样式。position: absolute是关键，用于控制DIV的位置，是绝对定位。width和height是图片的宽度和高度，margin-left是相对左侧的位置，text-indent是文字缩进，-1900px，会让文字跑出屏幕外，因overflow: hidden的存在而看不见，达到只显示图片的目的。

#footer #foot_favorites a {
	display: block;
	position: absolute;
	background-image: url(images/favorites-1.png);
	width: 128px;
	height: 128px;
	margin-left: 830px;
	margin-top: -255px;
	text-indent: -1900px;
	overflow: hidden;
	float:right;
}

IE下使用下面代码，使图片透明效果。cursor:hand会让鼠标放上去出现手指效果。

#footer #foot_favorites a {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/budeyan/images/favorites-1.png');
	cursor:hand;
}

3、添加收藏夹的JS代码，兼容Firefox和IE浏览器。把此代码和博客统计代码放在一起，在你的网站底部即可。

function AddFavorite(sURL, sTitle) {
    try {
        window.external.addFavorite(sURL, sTitle);
    } catch (e) {
        try {
            window.sidebar.addPanel(sTitle, sURL, "");
        } catch (e) {
            alert("加入收藏失败，请使用Ctrl+D进行添加");
        }
    }
} 

4、设为首页JS代码，兼容Firefox和IE，调用方式

<a onclick="SetHome(this,window.location)" href="#">设为首页</a>  

function SetHome(obj, vrl) {
    try {
        obj.style.behavior = 'url(#default#homepage)';
        obj.setHomePage(vrl);
    } catch (e) {
        if (window.netscape) {
            try {
                netscape.security.PrivilegeManager
                        .enablePrivilege("UniversalXPConnect");
            } catch (e) {
                alert("此操作被浏览器拒绝！\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
            }
            var prefs = Components.classes['@mozilla.org/preferences-service;1']
                    .getService(Components.interfaces.nsIPrefBranch);
            prefs.setCharPref('browser.startup.homepage', vrl);
        }
    }
}