个性化 WordPress 标题 Logo

发布于：电脑网络, 精品推荐 1,634 次践踏

昨天一口气写了两篇《个性化Wordpress评论框》和《个性化Wordpress友情链接页面》，受到博友们抬爱，反响很不错，所以我决定索性写一套个性化系列，今天的主题是——个性化 WordPress 标题。

先讲讲个性化 WordPress 标题的最终目标和效果。Wordpress 默认的标题字体无非是宋体、雅黑等这些常见字体，因为每个客户端的字库字体有限且各不相同，只能用这些常用字体。那你是否还在为平淡单调的 WordPress 标题而发愁呢？那你是否期待有一个属于你的个性化LOGO？本篇介绍的个性化 WordPress 标题就可以解决此限制，效果可以见本站标题。

方法很简单：一、给 WordPress 标题加Logo图片背景。二、隐藏原文字标题。下面是分解步骤：

一、给 WordPress 标题加 Logo 图片背景。

在CSS文件中找到标题的选择器，例如小站的的标题选择器是h1，给其加上background属性，例如：

h1 a,h1 a:visited {
background:transparent url(/images/allbgs.gif) no-repeat scroll -130px -484px;
width:369px;
height:57px;
display:block;
}

二、隐藏原文字标题。

用第一步完成了给 WordPress 加上了 Logo 图片背景，那文字标题就可以去掉了。这里的去掉不是删除，而是将其隐藏起来。因为如果直接将其删除对SEO是大大不利的，试想一下没有了标题的网站就像没有了门牌号的房子一样，搜索引擎怎么找的到呢？我们要将原文字标题用CSS巧妙地隐藏起来，让搜索引擎可见，客户端不可见，这就需要text-indent属性，具体方法如下：

h1 {
font-family:微软雅黑;
text-indent:-9999em;
}

这个方法既个性化了 WordPress 的标题，同时也对搜索引擎非常友好，推荐指数五颗星，嘿嘿～