Global changing of H Tags

时间:2017-12-23 作者:Louie

是否有一种方法可以全局更改标题1、标题2、标题3等的字体大小。例如,如果我想更改所有标记为H2的内容的字体大小,则站点中每个页面上的每个H2文本大小都会更改。

非常感谢。

4 个回复
SO网友:andrewsandlin

当然,找到样式。css文件并粘贴下面的代码。我建议在你的声明中使用百分比,以保持基本尺寸样式希望已经在你的主题中。

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

SO网友:Arsalan Mithani

根据您使用的主题,某些主题的“常规设置”面板标记为Theme Options 您可以在其中更改常规(&A);全局设置,如外观、排版等。如果没有任何主题选项面板,请使用css:h1{ font-size: 24px;}, 如果css不起作用,请应用!important 标记以强制更改h1{ font-size: 24px !important;}, h2{ font-size: 20px !important;}

SO网友:Jonathan Guerin

当然

在您的风格中。css文件,只需更改所需的标记,如下所示:

h1 {
    font-size: X px;
}
现在,要是有那么简单就好了,对吧?

以下是您需要做的几件事take care of:

1) 插件

插件的工作方式是,它们有时也会使用这些设置,并且基于最后加载的属性,这将是您的设置!

查看以下内容:

如果styles.css 已声明

h1 { font-size: 12px; } 但是随之而来的是一个插件,它加载了一些其他CSS,并说h1 { font-size: 14px } 猜猜会发生什么?

这个h1 现在的字体大小为14px。

确保您的样式总是覆盖其他任何内容的唯一真正方法是通过JS声明它们,JS具有post-css 执行脚本,这意味着它在CSS之后执行,但这将在性能方面过于致命,或者只是确保您正确管理规则。

此外,您可以使用!important 以您的风格进行声明。css文件,但我发现这有问题,因为:

2) 用户更改

如果您计划使用动态主题,并允许用户更改,<h1> 大小与set_option, 除非你同时声明!important.

希望这有帮助。

SO网友:Cedon

直接更改这些元素可能不是最好的解决方案。例如,一些主题,如Automatic’s own_s 使用条件显示帖子/页面标题或网站标题。

例如,如果您位于站点的索引页上,则站点标题可能为<h1 class="site-title">Site Title</h1> 可能就在一个帖子上<p class="site-title">Site Title</p> 因为在那一页上,文章标题更重要。

结束

相关推荐

Set post tags using tag ID

我想将post标记设置为新值。有没有办法使用tag ID 这样做?这个wp_set_post_tags 仅接受tag name 或array of tag names.<?php wp_set_post_tags( $post_ID, $tags, $append ) ?> 我想使用ID 我不想为获取完整的标记对象进行额外调用。