个性化 Wordpress 标题 Logo

  昨天一口气写了两篇《个性化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 的标题,同时也对搜索引擎非常友好,推荐指数五颗星,嘿嘿~

本文已盖 38 层楼

  1. 回复 idealist 说:

    为什么按你的方法做了,主标题去掉了,副标题还在那儿呢?

  2. 回复 流年 说:

    我还是用文字

  3. 回复 蛋卷 说:

    现在就是在用logo显示

  4. 再来看这个文章,今天把他改好要~

  5. 求教万戈,照上边的办法做了,标题还是去不掉,能给指教下吗?有别的去处办法吗?

  6. 但是不是说,隐藏文本对搜索引擎来说算是作弊么,不论是调成和背景一个颜色,还是作成很小的字这样应该不太好吧。

  7. 回复 ellison 说:

    呵呵,学习了!
    知识无价!~

  8. 回复 漢文溪 说:

    一举多得 很不错 顶起

  9. 啥时候我用wordpress时用一下

  10. 学习下!很不错的方法!

  11. 回复 回忆 说:

    恩,学习了!

  12. 回复 xiao文 说:

    呵呵 我就是用着方法的

  13. 回复 芒果 说:

    对微软雅黑不感冒。

  14. 回复 365hope 说:

    去掉不是删除,而是将其隐藏起来。因为如果直接将其删除对SEO是大大不利的,
    ----------------------
    老大,你还真别说,我还真给它彻底删除了呢!狂汗+暴晕~~~~

    赶快修改!

  15. 回复 willin 说:

    不錯啊! 連續幾個 WordPress 專題. WP 的朋友有福了!

  16. 回复 bolo 说:

    既然要隐藏标题文字,还需要设置字体吗?多此一举了

  17. 回复 Leo.N 说:

    学习了,待会试试去。发现万戈的Blog真是个资源丰富的地方!

  18. 回复 Jutoy 说:

    嘿嘿,这个纯支持的说,用不上……

  19. 回复 章鱼 说:

    ...zeus会打你的

  20. 回复 Ray 说:

    做个沙发了,继续向万戈学习!!

  1. 增加并美化WordPress友情链接页面 - 一起疯! | 17mad's Blog

Leave a comment

您已输入0

三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析