WordPress 日主题（RiTheme）完全支持自定义前端样式、模板二次开发

WordPress 日主题（RiTheme）完全支持自定义前端样式、模板二次开发**，自由度很高，下面分层级讲修改方法、文件路径、技巧和避坑。

一、基础：修改 CSS 样式（改配色、布局、字体）

1. 优先推荐：自定义额外 CSS（最简单、不丢更新）

不用改主题原文件，主题自带入口：

1. 后台 → 外观 → 自定义
2. 找到 额外 CSS / 自定义 CSS
3. 直接粘贴样式代码，保存即可生效

✅ 优点：

• 主题升级不会覆盖你的样式
• 无需 FTP、不用碰源码，新手首选

2. 直接编辑主题原生样式文件（深度改）

主题样式文件路径（FTP / 文件管理器）：

/wp-content/themes/ri-theme/

• 主样式：style.css（WP 标准主样式表）
• 细分样式：assets/css/ 目录下各类 *.css
• 字体、图标、动画：assets/fonts/、assets/js/

⚠️ 提醒：直接改原文件，主题一键更新会被覆盖，改前务必备份。

二、进阶：修改页面结构、模板文件（二次开发）

日主题基于标准 WordPress 模板体系，遵循 WP 模板层级规则：

1. 页面模板都在主题根目录 .php 文件：
   • index.php 首页
   • single.php 文章详情页
   • archive.php 分类 / 归档页
   • page.php 独立页面
   • header.php 头部、footer.php 底部、sidebar.php 侧边栏
2. 区块 / 组件： 多数新版日主题把公共模块放在 template-parts/ 文件夹，可单独修改文章卡片、列表、评论、导航等组件。
3. 模板标签： 完全兼容 WordPress 原生函数、循环、调用标签，可以自由增删模块、调取文章、分类、自定义内容。

三、最佳实践：子主题（Child Theme）【强烈推荐】

做长期二次开发，一定要用子主题，这是 WP 官方标准方案：

1. 新建子主题，继承日主题所有功能样式
2. 你所有修改（CSS、PHP 模板、页面）都放在子主题里
3. 日后父主题（日主题）正常升级，你的修改完全保留

操作要点：

• 子主题只需少量配置文件，复制需要改写的 php/css 文件到子主题对应目录即可
• 样式优先级：子主题 CSS > 父主题 CSS

四、功能拓展二次开发

1. 自定义栏目 / 模块 可用 WP 小工具、侧边栏、短代码，也可在模板里手写 HTML+PHP 新增区块。
2. 自定义字段 / 元数据 搭配 ACF 等插件，后台加自定义字段，前端模板调用展示。
3. 适配移动端、暗黑模式 直接在 CSS 里写媒体查询，修改移动端布局、配色、按钮样式。
4. 引入第三方代码 统计、广告、客服、弹窗、JS 特效，可放在 header.php / footer.php 或自定义 HTML 区块。

五、重要避坑 & 版权说明

1. 更新覆盖问题 禁止直接大刀阔斧改父主题原文件，长期开发必用子主题。
2. 版权限制
   • 个人自用：可随意修改样式、布局、代码
   • 商用、去除主题版权、分发、倒卖：必须购买官方授权，否则侵权。
3. 安全与兼容
   • 不要随意改动主题核心函数文件（functions.php 谨慎修改）
   • 改代码前整站 + 主题文件备份
   • 升级 WordPress、PHP 版本后及时测试样式 / 功能是否错乱
4. 缓存问题 开启缓存 / CDN / 页面加速插件时，改完样式需要清除缓存前台才会更新。

六、简易开发流程（新手照着走）

1. 仅改颜色 / 字体 / 小样式 → 后台「自定义 → 额外 CSS」
2. 要改页面结构、文章布局 → 先创建子主题
3. 将需要修改的 php/css 文件复制到子主题再编辑
4. 每次修改后清缓存、前台刷新测试
5. 正式站改动前，优先在测试站点调试

总结

WordPress 日主题高度可二次开发：

• 简单改样式：用「额外 CSS」零风险
• 改布局、做深度定制：用子主题是最优方案
• HTML/CSS/PHP 都可正常修改扩展，遵循 WP 标准模板规则即可。