在WordPress网站开发中，自定义CSS样式是美化页面、调整布局的重要手段。本文将介绍三种常用的添加CSS代码的方法，帮助您轻松实现网站样式的个性化定制。
方法一：使用WordPress自定义器（推荐初学者）
- 登录WordPress后台，进入【外观】→【自定义】
- 在左侧菜单中选择【附加CSS】选项
- 在右侧代码编辑框中输入您的CSS代码（例如：
body { background-color: #f5f5f5; }） - 点击【发布】按钮保存更改
优点：操作直观，实时预览效果，不会因主题更新而丢失样式。
方法二：编辑主题的style.css文件（适合开发者）
- 通过FTP或【外观】→【主题文件编辑器】访问主题文件
- 找到并打开
style.css文件 - 在文件末尾添加自定义CSS代码
- 保存文件并刷新网站查看效果
注意：主题更新后修改会被覆盖，建议使用子主题进行操作。
方法三：使用插件添加CSS（适合非技术用户）
- 安装CSS插件（如”Simple Custom CSS”或”SiteOrigin CSS”）
- 激活插件后，在插件设置页面输入CSS代码
- 保存设置即可生效
推荐插件：
- Custom CSS Pro（支持代码高亮）
- CSS Hero（可视化编辑界面）
实用CSS代码示例
/* 修改链接颜色 */
a { color: #3498db; }
/* 调整文章标题字体 */
.entry-title {
font-family: 'Microsoft YaHei';
font-size: 2.2em;
}
/* 移动端适配 */
@media (max-width: 768px) {
.main-navigation { display: none; }
}
注意事项
- 添加CSS前建议先备份网站
- 使用!important声明需谨慎（如：
color: red !important;） - 建议通过浏览器开发者工具（F12）先测试样式效果
- 复杂的样式修改建议优先使用子主题
通过以上方法，您可以轻松为WordPress网站添加自定义CSS样式，无需修改核心文件即可实现个性化的外观设计。根据您的技术水平和需求，选择最适合的添加方式即可。
