如何将自定义标签添加到 header 以使 WordPress 中的字体变大?

How to add custom tag to a header to make the font size larger in WordPress?

我是self-taught新手,在这里寻求专家的指导。我需要帮助在 WordPress 中定义 CSS 以更改网站页面上 header 的字体大小、颜色和粗细。

到目前为止,我的代码是:

<h2><strong><a style="color: #3f51b5">Text for the header I need to be 30 pixels large and in bold. The size here is still too small. </strong></h2>

如何更改它使字体大 30 像素且更粗?

如果之前有人问过这个问题并回答过这个问题,我深表歉意,但我在这里的所有搜索结果都没有专门解决我的问题。我提前感谢你的帮助。这是我向这个小组提出的第一个问题。

我会这样做:

  1. 我会在您使用的主题中使用的 CSS 文件中添加以下规则:

.fs30 { font-size: 30px; font-weight: bold; }

  1. 这将是 HTML 中所需的代码:

<h2><strong><a class="fs30" style="color: #3f51b5">Text for the header I need to be 30 pixels large and in bold. The size here is still too small. </strong></h2>

如果未应用样式,则您遇到以下问题之一:

  • 您的 CSS 文件未被使用
  • 您的 CSS 文件正在缓存中
  • 具有更高优先级的规则会覆盖 fs30
  • 的规则

所有这些问题类型都有详细的记录。

编辑:您需要以下规则:font-size: 30px; font-weight: bold;您可以通过多种可能的方式添加规则:

  1. style="font-size: 30px; font-weight: bold;" 标签头里面

  2. .fs30 {font-size: 30px; font-weight: bold;}<style> 标签内

  3. .fs30 {font-size: 30px; font-weight: bold;} 在外部 CSS 文件中

对于方法 2. 和 3.,您需要将 class="fs30" 属性添加到目标标签。方法 1. 明显不如方法 2. 和 3.,原因如下:

  • style属性不可重复使用,如果你想为另一个标签重复使用它,你将不得不复制它。如果你已经复制了200次了,你要改设计,那你就得把这200个case全部改掉
  • style 属性在结构上无关紧要,它们的目的完全与设计相关并且不必要地使您的代码混乱
  • 如果你想研究你的设计,那么你也必须阅读HTML代码,你在研究设计时并不感兴趣

因此,您显然需要 style 标记或外部 css 文件,而不是 style 属性。但是,外部 css 文件优于 style 标签。这样你的 html 代码会更小,另外,非常重要 是 css 文件会被一些浏览器缓存,减少需要的数据大小在进一步提取时下载,因此您的用户将体验到更快的速度,同时您的服务器将更具可扩展性。更不用说外部 css 文件比 style 标签更可重用,因此如果需要,您只需复制 link 标签(1 行代码)而不是数千行。