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

小强君_5969

小强君_5969

2025-09-25

1154人浏览

原创

修改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为白色)。

Wordpress REST API
Wordpress REST API

OpenClaw技能,提供WordPress REST API命令行工具,支持通过原生HTTP处理文章、页面、分类、标签、用户及自定义请求。

下载

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,长期使用建议建子主题。改字体和颜色不复杂,但容易忽略字体兼容性和可读性,建议保持对比度足够,确保手机端显示正常。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

2023.09.18

4275

6

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.15

4439

6

WordPress插件教程
WordPress插件教程

本专题整理热门WordPress插件资源,涵盖SEO优化、缓存加速、安全防护、表单管理、电商扩展等插件推荐与使用教程。

2026.06.16

218

17

WordPress建站教程大全
WordPress建站教程大全

本专题汇总WordPress教程相关内容,包括WordPress安装教程、建站教程、使用技巧、网站管理经验和实战案例,帮助用户快速掌握WordPress建站与运营方法。

2026.06.16

440

20

WordPress开发教程
WordPress开发教程

本专题提供WordPress开发技术资料,包括主题开发、插件开发、自定义功能开发、API调用及性能优化等内容。

2026.06.16

578

25

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

2026.09.20

0

13

AionClaw AI智能体与电脑自动化任务执行功能使用教程
AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程,涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能,帮助用户快速掌握AionClaw的实际使用方法。

2026.09.20

0

15

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

2026.09.16

180

9

ai生成视频的工具免费版合集
ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单,涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异,助您快速选择合适工具开启AI视频创作。

2026.09.16

60

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 5.5万人学习

CSS教程
CSS教程

共754课时 | 93.1万人学习