如何将自定义标签添加到 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 像素且更粗?
如果之前有人问过这个问题并回答过这个问题,我深表歉意,但我在这里的所有搜索结果都没有专门解决我的问题。我提前感谢你的帮助。这是我向这个小组提出的第一个问题。
我会这样做:
- 我会在您使用的主题中使用的 CSS 文件中添加以下规则:
.fs30 {
font-size: 30px;
font-weight: bold;
}
- 这将是 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;
您可以通过多种可能的方式添加规则:
style="font-size: 30px; font-weight: bold;"
标签头里面
.fs30 {font-size: 30px; font-weight: bold;}
在 <style>
标签内
.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 行代码)而不是数千行。
我是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 像素且更粗?
如果之前有人问过这个问题并回答过这个问题,我深表歉意,但我在这里的所有搜索结果都没有专门解决我的问题。我提前感谢你的帮助。这是我向这个小组提出的第一个问题。
我会这样做:
- 我会在您使用的主题中使用的 CSS 文件中添加以下规则:
.fs30 {
font-size: 30px;
font-weight: bold;
}
- 这将是 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;
您可以通过多种可能的方式添加规则:
style="font-size: 30px; font-weight: bold;"
标签头里面.fs30 {font-size: 30px; font-weight: bold;}
在<style>
标签内.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 行代码)而不是数千行。