WordPress网站图片怎么修改成圆角

在WordPress网站设计中，圆角图片能为页面增添柔和、现代的风格。无论是文章中的插图、产品展示图还是头像，圆角效果都能提升整体视觉体验。本文将介绍几种简单的方法，帮助你在WordPress中轻松实现图片圆角效果。

方法一：使用CSS代码

通过自定义CSS代码是实现图片圆角最灵活的方式，适用于所有WordPress主题。

1. 登录WordPress后台，进入「外观」→「自定义」。
2. 找到「附加CSS」选项（通常在底部）。
3. 添加以下代码：

img {
border-radius: 10px; /* 调整数值控制圆角弧度 */
}

如果只想针对特定图片，可以为图片添加自定义类名（如 rounded-image），然后修改代码为：

.rounded-image {
border-radius: 10px;
}

方法二：使用插件

如果你不熟悉代码，可以通过插件快速实现：

1. 安装插件：推荐使用「CSS Hero」或「Simple Custom CSS and JS」。
2. 在插件设置中添加上述CSS代码，或直接通过插件的可视化工具调整图片样式。

方法三：古腾堡编辑器（区块编辑器）

WordPress 5.0+版本的古腾堡编辑器支持直接设置图片圆角：

1. 编辑文章或页面时，插入「图片」区块。
2. 选中图片，在右侧「区块设置」中找到「样式」选项。
3. 启用「圆角」并调整弧度值。

方法四：主题自带功能

部分高级主题（如Astra、Divi）内置了图片样式选项：

1. 进入主题设置或页面编辑器。
2. 查找「图片样式」或「边框」选项，直接设置圆角参数。

注意事项

• 响应式设计：确保圆角效果在不同设备上显示正常。
• 性能优化：避免对大量图片使用高精度圆角，可能影响加载速度。

通过以上方法，你可以轻松为WordPress网站的图片添加圆角效果，提升设计美感！