【问题标题】:Twenty Fourteen Theme - Header Removal/Entry-Header二十十四主题 - 标题删除/条目标题
【发布时间】:2014-08-13 23:48:34
【问题描述】:

我对 Wordpress/CSS/PHP 还很陌生,在设计公司内部网时遇到了一些问题。作为设计简介,我被特别要求仅使用主侧边栏作为导航菜单,导致我删除了主/顶部菜单。

我目前正在使用代码:

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
header {display: none; !important
}

在子主题中成功隐藏所有标题,不幸的是,我已经到了需要在特色内容窗口中使用“entry-header”类来显示标题的地步。

我对所有其他标题保持隐藏感到非常满意,因为我围绕这个做了很多我的造型。

基本上,我现在想要做的就是隐藏其他所有内容,同时仅在特色内容部分显示条目标题。我希望这是有道理的!非常感谢您的帮助。

很遗憾,该网站是内部托管的,所以我无法提供链接来说明我的意思!

【问题讨论】:

  • 我已经提供了一个答案,让你再次滚动。不过,我提醒您尽最大努力遵循最佳实践。像您一样隐藏整个元素是一个坏主意,因为您正在创建诸如您可能想要使用该元素的情况,并且必须为您的规则创建一个例外。最好只隐藏你想隐藏的东西。

标签: php css wordpress


【解决方案1】:

应该有一个名为header.php的文件

里面应该有包含导航的“顶部标题”,等等,你想隐藏。它应该有一个 ID 或一个类,如果没有,给它一个。比如……

<header>

可以编辑为...

&lt;header id="top-header"&gt;&lt;header class="top-header"&gt;

然后,在您的 CSS 中,更改...

header {display: none !important; }

如果您使用的是 ID,则为此...

header#top-header { /*code*/ }

或者,如果你正在使用一个类...

header.top-header { /*code */ }

以上是隐藏这些项目的更“正确”的方式,尽管为了网站速度,如果您根本不使用这些标题,只需从 header.php 中删除它们。 (注意任何以 footer.php 结尾的包装 div")

在我的脑海中,2014 年主题已经有一个附加到顶部元素的 ID,您可以重复使用。


或者,您可以只“撤消”条目标题的样式......尽管此时它被认为是不好的做法。要做到这一点...就在您的 CSS 中已有的标题行下方,添加以下内容:

header.entry-header { display: inline !important; }

确保上面的代码直接位于您用来隐藏所有标题的代码之后。如果在上面就不行了。

不过,我再次提醒您,这不是最佳做法。隐藏所有标题,然后取消隐藏您想要的标题并不是最好的编码方式。这将被称为异常,并且您在任何时候遇到您想要查看的实例时都在强迫自己编写潜在的多个异常。

此外,简单地将它们设置为display: none; 并不意味着它们已从页面中删除。仅对用户隐藏。 Google bot 仍会看到和读取这些隐藏元素中的任何内容。这可能对您的 SEO 非常不利。

【讨论】:

  • 非常感谢,第二个选项已经解决了临时 bsais 的问题,但是我会花更多时间通过从 header.php 中删除它来以正确的方式解决这个问题!
【解决方案2】:

如果您希望 .entry-header 仅在特色内容页面上可见,则必须在特色页面模板中使用条件语句以使标题仅显示在该页面上。

【讨论】:

  • 您可能需要包含一些示例,以免您的帖子因质量低下而被删除
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-03-07
  • 2015-05-26
  • 1970-01-01
  • 1970-01-01
  • 2014-01-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多