我对Wordpress/CSS/PHP相当陌生,在设计公司内部网时我遇到了一些问题。在设计简报中,我被特别要求只使用主侧边栏作为导航菜单,这导致我删除了主/顶部菜单。
我现在使用的代码是:
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
header {display: none; !important
}
在子主题中成功隐藏所有标题,不幸的是我已经达到了一个点,我实际上需要在特色内容窗口中使用"entry-header"类来显示标题。
我很高兴所有其他标题保持隐藏,因为我已经围绕这个做了很多样式。
基本上,在这一点上,我想做的就是把其他所有东西都隐藏起来,而只在特色内容部分显示入口头。我希望这是有意义的!事先非常感谢你的帮助。
不幸的是,这个网站是内部托管的,所以我不能提供一个链接来显示我的意思!
应该有一个名为header.php的文件
里面应该有包含导航的"top header",等等你想要隐藏的内容。它应该有一个ID或一个类,如果没有,就给它一个。例如…
<header>
可以编辑为…
<header id="top-header">
或<header class="top-header">
然后,在你的CSS中,修改…
header {display: none !important; }
如果您使用的是ID…
header#top-header { /*code*/ }
如果你正在使用一个类,
header.top-header { /*code */ }
上面是隐藏这些条目的更"合适"的方式,尽管为了站点速度,如果您根本不使用这些标题,只需从header.php中删除它们。(注意任何以footer.php结尾的div)
在我的脑海里,2014年的主题已经有一个ID附加到顶部元素,你可以重复使用。
或者,你可以"撤销"entry-header的样式…虽然在这一点上,它会被认为是不好的做法。要做到这一点……在你的css标题行下面,添加这个:
header.entry-header { display: inline !important; }
确保上面的代码直接在你用来隐藏所有头的代码之后。
但是,我再次提醒您,这不是最佳实践。隐藏所有标头,然后取消隐藏想要的标头并不是最好的编码方式。这将被称为异常,并且您将强迫自己编写潜在的多个异常,无论何时您运行在您想要查看的实例中。同样,简单地将它们设置为display: none;
并不意味着它们从页面中被删除。只对用户隐藏。谷歌机器人仍然会看到并读取隐藏元素中的任何内容。这可能对你的SEO非常不利。
如果您希望.entry-header
仅在特色内容页面上可见,则必须在特色页面模板中使用条件语句以使标题仅在该页上显示。