二十四个主题-头删除/入口头


Twenty Fourteen Theme - Header Removal/Entry-Header

我对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仅在特色内容页面上可见,则必须在特色页面模板中使用条件语句以使标题仅在该页上显示。