如何隐藏你的博客标题-也说技术

如何隐藏你的博客标题如何隐藏你的博客标题


对于WordPress博客,一个漂亮头部是很重要的(老饕的头部很丑,不说啦)所以有人想隐藏自己的网站的标题,使其不显示在头部中,一一个漂亮的title图片来代替原来的文字。

那么,怎样去掉或者隐藏你博客的文章title呢?今天老饕将使用三种方法。


方法一:通过选项页删除博客的标题通过选项页

登录到自己的WordPress后台,设置->常规选项,如下图:

选择删掉博客标题,更新选项。这可能是最简单的方法,然而,你真的准备删掉自己博客的题目吗?呵呵,老饕是不太敢啊~~这样删除博客标题,会带来三大问题:

问题 1 :搜索引擎没有看到网站的标题;(对网站的推广有很不好的影响)

问题2:网站名称不会出现在浏览器的顶端;

问题 3 :对于rss订阅,网站的信息不显示标题,而显示未命名;甚至会没有办法订阅到你的网站!

天啊,你还敢不敢这样改?

呵呵,其实这样改,通过ALL in one seo 插件,可以部分解决问题,但老饕还是不太赞成这样解决问题~~

方法二:直接在header.php中修改代码

主题->编辑->header.php文件中,找到如下代码:

<h1><a href=”<?php bloginfo(‘siteurl’);?>/” title=”<?php bloginfo(‘name’);?>”><?php bloginfo(‘name’);?></a></h1>

删除整个行或只留下

<h1></h1>

其实这个方法,和方法一是差不多的,或者说更暴力?它面临着如同方法一的三个难题!

其实我们只要是文字title不显示即可,不一定要删除它。

方法三:通过CSS样式定义隐藏博客的文字title

.这种方法是很简单的,也是最可行的。
我们只是对浏览器隐藏我们的网站标题,而不是从搜索引擎或RSS的读者。
只要修改style.css并加以储存。

添加如下定义在style.css中:

#header h1 { display:none };

OK,问题解决!

哈哈,这是老饕解决问题的办法,欢迎童鞋们提出更好的办法!

本站所有文章,除特别标明外,皆为原创。如需转载,请注明出处。

本文地址:http://ifeiyang.cn/archives/526.html

i飞扬,i的视角,不同的视角





分享到:
版权申明

本站所有文章,除特别标明外,皆为原创。如需转载,请注明出处:

转载自:i 飞扬 分享精彩!
原文链接:如何隐藏你的博客标题-也说技术

您的支持是我最大的动力!

    • blurfun
    • 2012年01月2日

    我觉的没必要啊,你直接删除
    <a href=”/” title=””>

    这部分是属于BODY里面的,不会影响真正的TITLE。所以和SEO没有关系啊?

    [点击回复]

  1. 用图片做标题之后就失去了博客标题连接到首页的效果了,很麻烦的。还要写CSS,好麻烦,就摸搞了。

    [点击回复]

  2. 为什么要隐藏了呢?

    [点击回复]

    老饕 回复:

    @JiaCheng, 有些字不太好看,用图片代替了呀

    [点击回复]

  3. 看来还是第3种办法好些呀。

    [点击回复]

    老饕 回复:

    @短歌行, 呵呵,一试便知!

    [点击回复]

  4. 每个方法的效果都是不同的,你到底想隐藏什么?

    [点击回复]

    老饕 回复:

    @bolo, ?没太懂,什么意思啊?

    [点击回复]

  5. 我觉得没必要隐藏吧,至少是一个名称,被别人记住的 :mrgreen:

    [点击回复]

    老饕 回复:

    @Gonten, 隐藏的是文字,可以用图片替代啊~像俺的博客的header

    [点击回复]

  6. 标题还是留着吧,去掉多不好,毕竟是个网站的名字啊

    [点击回复]

    老饕 回复:

    @志言, 可以用图片替代,如现在老饕很丑的header既是

    [点击回复]

  7. 还是保留标题的好,text-indent是一个好方法!!!

    [点击回复]

    老饕 回复:

    @hiro, 恩,妖狐闪现童鞋提供了一篇更好的文章~

    [点击回复]

  8. 最好还是不要display:none,可以用图片作背景,然后用margin或者text-indent来隐藏文字。

    [点击回复]

    老饕 回复:

    @妖狐闪现, 呵呵,小小的问一下,有什么区别~?

    [点击回复]

    妖狐闪现 回复:

    @老饕, 以前收藏的一篇文章。我是抱着宁可信其有的态度看的:-)

    在CSS中如何以图代字,找了一下CSS隐藏文字的方法,有以下几条:

    1、display: none;
    这个大家普遍说法是,搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,不为隐藏的对象保留物理占位空间。GG也搜CSS文件?不过如果用这个方法,如何设计,也是难题。

    2、visibility: hidden;
    和display:none; 相对应,为隐藏的对象保留物理占位空间。

    3、overflow: hidden;
    这是网上用的最多的方法,但是我认为对于隐藏h1标签的“站点名称”文字,不太合适,原因我在最后说。
    .texthidden {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    }

    4、positon: absolute;
    用绝对定位将其推出可视区,不过虽然可视性不存在,但仍占据物理空间,与隐藏文字的宗旨相背,另外我个人不喜欢用绝对坐标定位magin这个属性,margin在不同浏览器中总是带来不可预料的Bug。
    .texthidden {
    positon: absolute;
    margin-top: -9999px;
    margin-left:- 9999px;
    }

    5、text-indent: -9999px;
    把 h1作为一个块来显示(display: block;),指定长宽(和图片一样大小),然后指定h1的背景图片,也就是将我们需要的图片作为h1这个标签的背景。而h1标签中插入的,仍然是作为 字符形式出现的博客标题,然后用text-indent: -9999px;将文字甩到屏幕看不到的地方,9999px应该是足够了,谁的屏幕也没那么大吧。

    [点击回复]

    Cinner 回复:

    @妖狐闪现, 这个不错,我不懂seo,我的网站是直接不要这部分的。

    [点击回复]

    老饕 回复:

    @妖狐闪现, 呵呵,方法还真多啊!

    [点击回复]

  9. 学习啦~

    [点击回复]

    老饕 回复:

    @blinux, 菜鸟的东西,不要汗颜喔~ :biggrin:

    [点击回复]

  10. 某位朋友的博客用的就是图片作为标题的

    [点击回复]

    老饕 回复:

    @卢松松, :mrgreen: ,呵呵,俺也改掉了

    [点击回复]

  11. 这个还是很简单能实现的,方法随意。一般是喜欢图片的朋友就隐掉title

    [点击回复]

    老饕 回复:

    @zwwooooo, 呵呵,确实蛮简单的

    [点击回复]

  12. 学习了,只是习惯了使用标题。你的博客真是量多质优。 :rolleyes:

    [点击回复]

    老饕 回复:

    @mytion, 呵呵,脸红中~~

    [点击回复]

  13. 还是习惯有标题

    [点击回复]

    老饕 回复:

    @小小, 呵呵,可以用图片替代嘛

    [点击回复]

  14. 偶也知道!哈哈……

    [点击回复]

    老饕 回复:

    @huaimao, 坏猫又复活啦

    [点击回复]

  15. 懂一点代码都知道,把那段K掉就OK拉

    [点击回复]

    老饕 回复:

    @goldapple, 呵呵,俺虚心学习的

    [点击回复]

  16. 额,不许联想,那作者很2 啊。。。

    [点击回复]

    老饕 回复:

    @sunxun, 呵呵,怎么说也是博客界的骄傲~

    [点击回复]

  17. 明显方法二,我那边其实就没有让标题显示出来 :biggrin:

    [点击回复]

    老饕 回复:

    @小明猪, 呵呵,我用方法三~

    [点击回复]

  18. inove的css有两段title a
    把前面那段注释掉或者删掉
    再把后面那段的注释去掉就是显示title图片了
    mg12考虑得很周到 :razz:

    [点击回复]

    老饕 回复:

    @A.shun, SO,我现在也搞定图片啦

    [点击回复]

  19. 文字还是可以在,用图片做背景,然后 text-indent 缩进隐藏。

    [点击回复]

    老饕 回复:

    @芒果, 呵呵,现在博客的题目就是这样实现的 :mrgreen:

    [点击回复]

  20. 沙发~~
    其实第二个办法也可以的,搜索引擎和浏览器都是看里面的“XXX”,里面的标题只是给人看的。

    [点击回复]

    风之幻龙 回复:

    @风之幻龙, 一个不小心,关键词被过滤了……
    其实第二个办法也可以的,搜索引擎和浏览器都是看<head>里面的“<title>XXX</title>”,<body>里面的标题只是给人看的。

    [点击回复]

    老饕 回复:

    @风之幻龙, 哈哈,这个h1就是title里的~

    [点击回复]

    风之幻龙 回复:

    @老饕, 我说的是<head></head>里面的title的,只要保留这个就可以的。

    [点击回复]

    老饕 回复:

    @风之幻龙, 喔~收到!

    [点击回复]

    老饕 回复:

    @风之幻龙, ?

    [点击回复]

  1. 没有通告


无觅相关文章插件,快速提升流量