如何隐藏你的博客标题-也说技术
对于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,问题解决!
哈哈,这是老饕解决问题的办法,欢迎童鞋们提出更好的办法!
本站所有文章,除特别标明外,皆为原创。如需转载,请注明出处。







我觉的没必要啊,你直接删除
<a href=”/” title=””>
这部分是属于BODY里面的,不会影响真正的TITLE。所以和SEO没有关系啊?
[围观踩踏]
用图片做标题之后就失去了博客标题连接到首页的效果了,很麻烦的。还要写CSS,好麻烦,就摸搞了。
[围观踩踏]
为什么要隐藏了呢?
[围观踩踏]
老饕 回复:
八月 27th, 2009 at 4:55 下午
@JiaCheng, 有些字不太好看,用图片代替了呀
[围观踩踏]
看来还是第3种办法好些呀。
[围观踩踏]
老饕 回复:
八月 21st, 2009 at 10:26 上午
@短歌行, 呵呵,一试便知!
[围观踩踏]
每个方法的效果都是不同的,你到底想隐藏什么?
[围观踩踏]
老饕 回复:
八月 20th, 2009 at 9:33 下午
@bolo, ?没太懂,什么意思啊?
[围观踩踏]
我觉得没必要隐藏吧,至少是一个名称,被别人记住的
[围观踩踏]
老饕 回复:
八月 19th, 2009 at 4:31 下午
@Gonten, 隐藏的是文字,可以用图片替代啊~像俺的博客的header
[围观踩踏]
标题还是留着吧,去掉多不好,毕竟是个网站的名字啊
[围观踩踏]
老饕 回复:
八月 18th, 2009 at 7:28 下午
@志言, 可以用图片替代,如现在老饕很丑的header既是
[围观踩踏]
还是保留标题的好,text-indent是一个好方法!!!
[围观踩踏]
老饕 回复:
八月 18th, 2009 at 10:21 上午
@hiro, 恩,妖狐闪现童鞋提供了一篇更好的文章~
[围观踩踏]
最好还是不要display:none,可以用图片作背景,然后用margin或者text-indent来隐藏文字。
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 8:19 下午
@妖狐闪现, 呵呵,小小的问一下,有什么区别~?
[围观踩踏]
妖狐闪现 回复:
八月 18th, 2009 at 7:42 上午
@老饕, 以前收藏的一篇文章。我是抱着宁可信其有的态度看的:-)
在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 回复:
八月 18th, 2009 at 9:28 上午
@妖狐闪现, 这个不错,我不懂seo,我的网站是直接不要这部分的。
[围观踩踏]
老饕 回复:
八月 18th, 2009 at 10:17 上午
@妖狐闪现, 呵呵,方法还真多啊!
[围观踩踏]
学习啦~
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 1:47 下午
@blinux, 菜鸟的东西,不要汗颜喔~ :biggrin:
[围观踩踏]
某位朋友的博客用的就是图片作为标题的
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 1:46 下午
@卢松松,
,呵呵,俺也改掉了
[围观踩踏]
这个还是很简单能实现的,方法随意。一般是喜欢图片的朋友就隐掉title
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 12:27 下午
@zwwooooo, 呵呵,确实蛮简单的
[围观踩踏]
学习了,只是习惯了使用标题。你的博客真是量多质优。 :rolleyes:
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 11:00 上午
@mytion, 呵呵,脸红中~~
[围观踩踏]
还是习惯有标题
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 10:59 上午
@小小, 呵呵,可以用图片替代嘛
[围观踩踏]
偶也知道!哈哈……
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 10:58 上午
@huaimao, 坏猫又复活啦
[围观踩踏]
懂一点代码都知道,把那段K掉就OK拉
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 10:58 上午
@goldapple, 呵呵,俺虚心学习的
[围观踩踏]
额,不许联想,那作者很2 啊。。。
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 9:29 上午
@sunxun, 呵呵,怎么说也是博客界的骄傲~
[围观踩踏]
明显方法二,我那边其实就没有让标题显示出来 :biggrin:
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 9:31 上午
@小明猪, 呵呵,我用方法三~
[围观踩踏]
inove的css有两段title a
把前面那段注释掉或者删掉
再把后面那段的注释去掉就是显示title图片了
mg12考虑得很周到
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 9:30 上午
@A.shun, SO,我现在也搞定图片啦
[围观踩踏]
文字还是可以在,用图片做背景,然后 text-indent 缩进隐藏。
[围观踩踏]
老饕 回复:
八月 16th, 2009 at 7:41 下午
@芒果, 呵呵,现在博客的题目就是这样实现的
[围观踩踏]
沙发~~
其实第二个办法也可以的,搜索引擎和浏览器都是看里面的“XXX”,里面的标题只是给人看的。
[围观踩踏]
风之幻龙 回复:
八月 16th, 2009 at 6:02 下午
@风之幻龙, 一个不小心,关键词被过滤了……
其实第二个办法也可以的,搜索引擎和浏览器都是看<head>里面的“<title>XXX</title>”,<body>里面的标题只是给人看的。
[围观踩踏]
老饕 回复:
八月 16th, 2009 at 7:35 下午
@风之幻龙, 哈哈,这个h1就是title里的~
[围观踩踏]
风之幻龙 回复:
八月 17th, 2009 at 12:41 下午
@老饕, 我说的是<head></head>里面的title的,只要保留这个就可以的。
[围观踩踏]
老饕 回复:
八月 17th, 2009 at 1:51 下午
@风之幻龙, 喔~收到!
[围观踩踏]
老饕 回复:
八月 16th, 2009 at 7:32 下午
@风之幻龙, ?
[围观踩踏]