您现在的位置是：首页 > WordPress教程WordPress教程

WordPress如何添加CSS代码

WP集市 2025-09-01 【WordPress教程】 423人已围观

登录WordPress后台，在「外观」里找到「自定义」点进去。别慌，就是左边菜单栏那个长得像画笔的图标。进去后会看到一堆选项，往下滑找到「额外CSS」——这玩意儿就是专门给新手加代码的安全区。
比如想改标题颜色？直接往框里扔这段：
```
h1 {
color: #ff6b6b !important;
}
```
记住「!important」能强行覆盖其他样式，但别滥用，不然CSS会打架。
更野的路子是用子主题的style.css。先通过FTP找到/wp-content/themes/你的主题/，然后创建个style.css文件，头部必须写注释：
```
/*
Theme Name: 子主题名字
Template: 父主题文件夹名
*/
```
这样更新主题时自定义代码不会消失。
插件党可以用「Simple Custom CSS」这类工具，装完在设置页面直接贴代码。适合不敢碰文件的用户，但多装插件会拖慢速度，自己权衡。
突然想到个骚操作——用函数库functions.php加CSS：
```
function my_custom_styles() {
echo '<style>
    .post { font-size: 18px; }
</style>';
}
add_action('wp_head', 'my_custom_styles');
```
这种方法适合动态样式，但容易把PHP搞崩，备份先做好。
其实浏览器检查工具才是终极武器。右键点击网页元素选「检查」，调试好了直接复制CSS到WordPress。这样改样式像拼乐高，所见即所得。
最后提醒：别在核心文件里乱改！下次主题更新全白给。用子主题或者自定义CSS才是王道。代码就像口红，涂错了可以擦，但别把整张脸当画布。