wordpress建站开发

悦然wordpress建站：提供wordpress建站服务与建站教程的公众号，分享wordpress建站开发、wordpress外贸建站、seo优化经验；分享wordpress建站资源、wordpress主题、wordpress插件。

253篇原创内容

公众号

继续分享wordpress建站教程。今天给大家分享一下为图片添加CSS样式的方法。

相信现在很多使用wordpress建站的用户都已经习惯了使用古腾堡编辑器，但是不知道大家注意到没有，古腾堡编辑器的图像区块只提供的默认、圆角、尺寸大小等设置，没有办法给图片添加一些更显眼的效果。

下面悦然wordpress建站就给大家分享一下给古腾堡图像区块添加CSS样式的方法，可以让你的内容更加出彩。

方法一：直接全局添加CSS样式

/* 添加阴影和边框 */.wp-block-image img{box-shadow:15px15px0px#d6d6d6;border:1px solid#d6d6d6;}

把上面的CSS样式代码添加到网站的CSS文件中即可。如果你使用的主题的提供CSS设置选项，那么添加会更方便，进入外观-自定义-额外CSS，把上面的代码添加进去就可以了。

方法二：为不同的图片添加不同的CSS样式

我们同样可以使用上面的方法来实现，只不过需要先在主题模板的CSS表中预设好样式，然后在图像区块的高级-额外的CSS类中添加对应的CSS类即可。不过这样相对麻烦一些，这里我们介绍使用插件的方法来实现。

其实悦然网络工作室之前的文章就已经给大家分享过类似的方法的，使用的插件名为blocks-css

blocks-css插件下载地址（新版本可能不兼容wordpress5.9，如果有问题可以下载低版本）

https://downloads.wordpress.org/plugin/blocks-css.zip

标签：