主题 – tech86blog

如何在WordPress 添加额外 CSS ，进行自定义样式？

WordPress 会自动为大多数主题中的不同元素添加一些 CSS 类。这些默认的 CSS 类可用于为 WordPress 主题中的这些元素设置样式。

在本文中，我们将向您展示默认的 WordPress 生成的 CSS 类名列表。我们还将讨论如何轻松找到 CSS 类以及如何在需要时添加自定义 CSS 类。

文章目录

这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。

在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。

现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。

不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？

我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。

在 <body> 之后增加：<div id=”wrapper”>

在 </body> 之前增加：</div>

在 style.css 文件中输入以下代码：

#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}

复制

您想添加自定义 CSS 来更改您网站的外观吗？。

添加自定义 CSS 可帮助您更改网站的布局和外观，这是通过默认选项无法实现的。使用 FTP 对大多数初学者来说太混乱了，但是还有其他方法可以添加自定义 CSS。

在本文中，我们将向您展示如何在不编辑任何主题文件的情况下轻松地将自定义 CSS 添加到您的 WordPress 网站。

CSS 是层叠样式表的缩写，是一种帮助您设计WordPress 网站样式的语言。CSS 和 HTML 结合在一起，因为 CSS 用于设置不同 HTML 元素的样式，例如颜色、大小、布局和显示。

添加自定义 CSS 有助于自定义网站的设计和外观，这是通过默认选项无法实现的。它给了你更多的控制权，你可以用几行代码轻松地改变你的WordPress 主题。

例如，假设您想更改每个帖子的背景颜色，而不是在整个网站上使用相同的颜色。通过添加自定义 CSS 代码，您可以个性化特定帖子或页面的背景。

最近老王给一个基于 WordPress 的网站添加了最后更新时间，因为很多教程都是 3 年前发布的，其实期间已经修改过很多版了，但是主题只显示发布时间，为了让读者更好的了解时效性，就在文章中增加了一个最后更新时间，下面分享下方法。

如果文章的发布时间和更新时间不一致，则会显示 2 个时间：

如果文章的发布时间和更新时间一致，则只会显示发布时间：

具体的效果图可以参考这个网站：搬瓦工

直接编辑你的 WordPress 主题文件，找到 single.php，修改对应的代码，例如 DUX 的修改方式如下：