如何在wordpress上添加css类？

我试图在wordpress上添加一个类来处理圆形图像，但我不知道如何才能做到这一点。我已经添加了

style.css

，但它仍然不起作用。我使用的是

Hueman主题

，我试图遵循这个主题

我怎么能这样做

外观>编辑器>样式.css中的style.css

.circular-image img {
               width: 300px;
               height: 300px;
               -webkit-border-radius: 150px;
               -moz-border-radius: 150px;
               -ms-border-radius: 150px;
               -o-border-radius: 150px;
               border-radius: 150px;
}

使用

<div class="circular-image" style="text-align: center;"><img class=" aligncenter wp-image-119 size-thumbnail" src="http://ideiadinamica.com/wp-content/uploads/2018/09/10372571_10200376805178580_8449416293546333562_n-150x150.jpg" alt="" width="150" height="150" /></div>

Wp admin>外观>定制然后在“附加css”部分，添加您的代码

您可以尝试执行以下操作，这是我很久以前做的。希望这对你有用：

安装WP图像边框插件。 转到设置>>WP图像边框，然后添加特定的CSS类（如果您已经建立了任何CSS类）或

---

转到要编辑该图像的特定页面，单击图像，然后在编辑部分下；转到“高级选项”并将css类添加到图像css类中，Wordpress主题通常会阻止其他样式。要知道样式是否被阻止，请右键单击元素以打开检查器并查找可能被类覆盖的样式。当您找到它们时，只需在样式中添加“！important”，即可强制应用它们

以下是强制样式的方式：

.circular-image img {
           width: 300px !important;
           height: 300px; !important }

我建议做一个修改，这样你就不必修改任何主题文件（如果作者更新了主题，这些文件将被覆盖）

基本上，您只需创建一个与当前主题文件夹同名的新文件夹，并在文件夹名称的末尾附加

-child

（或者其他任何内容，但这只会保持整洁）

从那里，您可以向子文件夹添加

style.css

，并在顶部添加以下代码，以便Wordpress知道它是子主题：

/*
 Theme Name:   Hueman Child
 Description:  Hueman Child Theme
 Template:     hueman
 Version:      1.0.0
*/

确保

模板：

行与父主题的模板名称匹配（您可以通过打开父主题的

style.css来检查这一点）。然后，您还可以向该
style.css
文件添加任何覆盖样式。由于子主题的
样式.css将最后加载，因此它将覆盖主题的默认样式（前提是它们不使用
！important
，在这种情况下，您还必须使用
！important
）

配置完子主题后，只需在管理面板的“外观”部分激活它。
是否清除了缓存？
Wordpress主题通常会阻止其他样式。
只有在以错误的方式添加自定义CSS时，这才是正确的。没有理由使用
！重要信息
在这里，一般来说，应该不惜一切代价避免。@APAD1我只给他一个选择，你已经给出了答案，这很好。但有时快速修复可能是一个很好的选择（取决于项目的类型），我不知道情况是否如此，但我只是想提供帮助。快速修复可能是一个很好的选择，只要它遵循最佳实践，使用
！重要信息
没有。这里的最佳实践快速修复方法是@trainmania100建议在Wordpress后端添加自定义CSS。