wordpress代码隐藏标题的方法

一笑奈何~~
9055
文章
1
评论
2016年11月6日18:12:21wordpress代码隐藏标题的方法已关闭评论 2,044 views 670字阅读2分14秒
有些主题开发人员希望自己的主题标题栏上只显示图片而没有文字,而有些则会在图片上显示一些文字,但这些文字没有什么特别用处。有一个解决方法:删除可以生成网站标题和副标题的模板标签。还有一个解决方法是隐藏标题和副标题,这样就可以不删除任何内容。
要隐藏标题栏文字却将代码仍然保留,不修改模板文件中任何内容,只修改CSS。我们可以为自己不希望出现的CSS选择符添加display:none属性。例如,隐藏h1选择符中的文本信息:
h1 {display:none; font-size: 230%; color: blue;.......
h1标签中的内容还在代码中,但浏览器已经接到命令,不以任何方式在页面上显示这些内容。
这些内容已经被隐藏,但一些网页屏幕阅读器和搜索引擎仍然能找到被隐藏的信息。考虑到网站的可访问性,一些新型文本阅读器访问样式表时就不读取标 记为 display:none的元素。人们常用两种方法来解决这个问题。第一个就是根据上面介绍的方法使用display:none,但同时为选择符添加一个 aural(听觉)样式表,使属性变为display:block。另一种方法是通过缩进显示将内容“搬离页面”。下面是一个示例:
h1 {
font-size: 0;
text-indent: -1000px; }
这种方法将整个h1标签及其内容从网页上删除。但屏幕阅读器仍然能够“读取”这些内容,因为实际上它们只是没有显示在网页上,却仍然留在代码中。根据后来的测试,这种方法适用于大多数浏览器以及所有屏幕阅读器。
description一样也可以隐藏,其他的大家就自己试试吧!