如何在wordpress上添加css类？

Question

我试图在wordpress上添加一个圆形图像，但我不知道怎么能这样做。我已经添加了style.css但它仍然不起作用。我正在使用Hueman Theme，我试图跟随这个sample。

我怎么能这样做？

外观>编辑器> style.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>

Answer 1

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

Answer 2

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

基本上你只需要创建一个与当前主题文件夹同名的新文件夹，并在文件夹名称的末尾添加-child（或者其他任何东西，但这只是保持干净）。

从那里你将添加一个style.css到子文件夹，在顶部添加以下代码，以便Wordpress知道它是一个子主题：

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

确保Template:行与父主题的模板名称匹配（您可以通过打开父主题的style.css来检查）。然后你可以添加你想要的任何重写样式到style.css文件。因为最后会加载子主题的style.css，它将覆盖主题的默认样式（前提是它们不使用!important，在这种情况下你也必须使用!important）。

配置好您的子主题后，只需在管理面板的“外观”部分中激活它即可。

Answer 3

你可以尝试下面做的，这是我很久以前做过的。希望可能对你有用：

安装WP Image Borders插件。转到设置>> WP Image Borders，然后添加特定的CSS类（如果你已经构建了任何）或

转到要编辑该图像的特定页面，单击图像，然后在编辑部分下;转到高级选项并将您的css类添加到Image CSS Class

Answer 4

Wordpress主题通常会阻止其他样式。要知道您的样式是否被阻止，请右键单击元素以打开检查器并查找可能覆盖您的类的样式。当你找到它们时，你可以在你的样式中添加“！important”来强制它们被应用。

class styles being blocked by element styles

这就是强制样式的方法：

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