WordPress如何修改主题的默认字体和颜色-WordPress-PHP中文网

WordPress如何修改主题的默认字体和颜色

冰火之心

发布： 2025-09-25 20:58:01

原创

1026人浏览过

修改WordPress主题字体和颜色首选自定义器，进入外观→自定义调整颜色与字体；若需更灵活控制，可添加自定义CSS代码；为避免更新丢失，建议创建子主题并导入父主题样式；如需特殊字体，可通过Google Fonts引入Noto Sans SC等网络字体；最后注意字体兼容性与移动端可读性。

wordpress如何修改主题的默认字体和颜色

在WordPress中修改主题的默认字体和颜色，最常用的方法是通过自定义CSS或使用主题自带的设置功能。如果你的主题不支持深度自定义，也可以通过子主题或插件来实现。以下是几种实用方式：

1. 使用WordPress自定义器（推荐新手）

大多数现代主题都集成了“自定义器”功能，允许你实时预览并修改字体和颜色。

进入后台 → 外观 → 自定义
查找“颜色”或“字体”选项（不同主题名称可能为“样式设置”、“排版”等）
选择主色、背景色或标题/正文的字体类型
修改后点击“发布”保存

注意：部分免费主题选项较少，高级字体（如思源黑体、苹方）可能需要额外加载。

2. 添加自定义CSS代码

如果主题设置不够灵活，可通过CSS直接控制样式。

外观 → 自定义 → 额外CSS
输入如下示例代码：

<strong>body, button, input, select, textarea {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
h1, h2, h3 {
  color: #2c3e50;
}
a {
  color: #3498db;
}
a:hover {
  color: #e74c3c;
}</strong>

登录后复制

保存后即可生效。你可以根据需要替换字体名称或颜色值（如#ffffff为白色）。

图改改

在线修改图片文字

455

查看详情

3. 使用子主题避免更新丢失

直接修改主题文件会在更新时被覆盖，建议创建子主题。

在/wp-content/themes/目录下新建一个文件夹，如my-theme-child
创建style.css文件，写入：

<strong>/*
Theme Name:   My Theme Child
Template:     parent-theme-folder-name
*/
@import url("../parent-theme-folder-name/style.css");</strong>

登录后复制

再添加你的自定义CSS到这个style.css中
后台启用该子主题即可

4. 安装字体或使用Google Fonts

若想使用特殊字体（如Roboto、Noto Sans），需先加载字体资源。

在额外CSS顶部加入：

<strong>@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
body {
  font-family: 'Noto Sans SC', sans-serif;
}</strong>

登录后复制

这样就能使用中文支持较好的Noto字体了。

基本上就这些方法。优先尝试自定义器，不够用再加CSS，长期使用建议建子主题。改字体和颜色不复杂，但容易忽略字体兼容性和可读性，建议保持对比度足够，确保手机端显示正常。

以上就是WordPress如何修改主题的默认字体和颜色的详细内容，更多请关注php中文网其它相关文章！