使用文档

安装和启用

1. 根据WordPress的安装要求，从WordPress官方下载最新版WordPress，并在自己的服务器上安装好WordPress环境
2. 从售后群下载本主题的安装包
3. 将安装包解压缩到电脑上，得到R文件夹
4. 使用FTP软件，连接上您WordPress所在的地址，将上一步得到的Rouse文件夹上传到下面的地址：
   WordPress安装目录\wp-content\themes\
5. 登录WordPress后台，打开：外观/主题
6. 找到 Rouse 主题，选择“启用”即可

添加文章分类

1. 打开WordPress后台，点击 文章/分类目录
2. 在左侧输入名称（如“美食”）后点击“添加新分类目录”
3. 重复上述步骤，添加多个分类目录

添加文章

1. 打开WordPress后台，点击 文章/写文章，进入到WordPress自带的区块编辑器
2. 在左侧输入标题，标题下方输入文章内容
3. 您可以在编辑器左上角点击“+”，然后插入本主题专属的模块，如下图所示
   
4. 文章编辑完成后，在编辑器的边栏（若未显示，则点击右上角的齿轮形状）设置其他信息，如下图所示
   
   基本设置：可上传文章头图（非必传，头图显示在文章内容页，未上传时显示特色图片）
   分类目录：请设置上一操作中添加的分类目录
   特色图像：显示在首页、文章列表页，展示为文章链接。必须设置，不得留空（建议图片长：458像素，宽：512像素）
5. 设置完成后，点击右上角保存按钮
6. 重复上述步骤，添加多篇文章

设置首页

新建首页（页面）

1. 打开：后台/页面/新建页面，输入标题：Rouse主题首页
2. 在编辑器边栏（若默认未显示则点击右上角齿轮形状）/文档/页面属性/模板，选择“Rouse主题首页”
3. 编辑器右上角点击保存

新建全部文章页（页面）

1. 再次打开：后台/页面/新建页面，输入标题：全部文章
2. 在编辑器边栏（若默认未显示则点击右上角齿轮形状）/文档/页面属性/模板，选择“全部文章(时间线)”
3. 编辑器右上角点击保存
4. 再次打开：后台/页面，找到“全部文章”，鼠标悬停后点击下方的查看，在新窗口中打开了该页面
5. 从浏览器地址栏复制该页面的地址【注意此步骤】

设置WordPress显示首页

1. 打开：后台/设置/阅读/您的主页显示，选择：一个静态页面，主页选择“R主题首页”
2. 同样在该页面，设置“博客页面至多显示”12文章，如下图所示：
   
3. 点击页面底部的保存更改按钮

设置首页内容

1. 打开：后台/主题设置/首页，按照下图设置后保存

设置留言板

1. 打开：后台/页面/新建页面，输入标题：留言板
2. 在编辑器右侧（若默认未显示则点击右上角齿轮形状）-文档，设置“特色图像”或“基本设置/页面头图”
3. 在编辑器右侧-文档-讨论，勾选：“允许评论”
4. 在编辑器右侧-文档-摘要，输入摘要（例如：欢迎大家发表意见）
5. 编辑器右上角点击保存

设置友情链接页面

1. 在后台-友情链接-友情链接分类，新增分类
2. 在后台-友情链接，新增友情链接并且指定到刚才新增的分类
3. 重复刚才的步骤，添加多个友情链接
4. 在后台-页面，新增页面，命名为“友情链接”
5. 在编辑器右侧文档-页面属性选择页面模板“友情链接”
6. 在编辑器右侧-文档-基本设置-页面头图上传头
7. 在编辑器右侧-文档-摘要，输入摘要（例如：我的朋友们）
8. 保存页面

设置常见问题页面

1. 在后台-常见问题，添加常见问题并输入问题答案
2. 重复刚才的步骤，添加多个常见问题
3. 在后台-页面，新增页面，命名为“常见问题”
4. 在编辑器右侧文档-页面属性选择页面模板“常见问题”
5. 在编辑器右侧-文档-基本设置-页面头图上传头
6. 在编辑器右侧-文档-摘要，输入摘要（例如：请在此页面寻找问题答案）
7. 保存页面

设置顶部菜单

步骤

1. 打开：后台/外观/菜单，点击 “创建新菜单”
2. 菜单名称输入：顶部菜单
3. 显示位置勾选“顶部菜单(不显示二级)”如下图所示：
   
4. 点击右侧的“创建菜单”
5. 保存后，在左侧的“页面”中，勾选“R主题首页”、“常见问题”、“友情链接”、“留言板”页面，然后点击右侧的“添加到菜单”
6. 在右侧的菜单中，点击向下的箭头，可以展开菜单进行设置。例如将名称改为“首页”
   
7. 最后保存菜单即可

注意事项

顶部菜单仅支持一级菜单

菜单默认高亮

自定义高亮前提

边栏菜单自动根据当前页面实现高亮。但本主题单独提供了一个额外的功能：在没有任何一个菜单是当前菜单的前提下，可以通过设置“CSS类”来实现不同情况下 一级菜单 的高亮。

如何自定义高亮菜单

1. 启用菜单自定义CSS类：在后台/菜单/显示选项（右上角）/勾选“CSS类”
2. 在需要高亮的菜单上输入“CSS类”，CSS类定义如下：

标准格式：pf_nav_下标_default

例：想要给某菜单在文章内容页高亮，可以添加 pf_nav_post_default

注： CSS类可以输入多个（使用半角空格间隔），如：
在文章和相册内容页均高亮，可以添加pf_nav_post_default pf_nav_gallery_default

设置边栏

打开：后台-外观-小工具，从左侧将自己想要的小工具拖拽到右侧的小工具区域中。并根据自己的需要进行设置。也可参照下图进行配置：

注意事项

1. 将小工具配置的“标题”内容删除，可隐藏标题
2. 顶部菜单仅支持一级菜单

设置边栏导航

添加菜单

1. 打开：后台/外观/菜单，点击 “创建新菜单”
2. 菜单名称输入：边栏导航
3. 点击右侧的“创建菜单”
4. 保存后，将左侧的“页面”、“文章”或“自定义链接”添加到右侧菜单中
5. 保存菜单

添加小工具

1. 打开：后台/外观/小工具，将左侧的“导航菜单”添加到右侧想要的边栏内
2. 在弹出的小工具配置中，选择菜单：“边栏导航”
3. 点击保存即可

评论相关

评论框有难看的“在此浏览器中保存我的名字、电邮和网站”选项

请按以下步骤操作：

1. 请前往WordPres后台/设置/讨论
2. 取消“其他评论设置”中“显示评论cookies复选框，允许设置评论作者cookies”前的复选框

为什么这样做：本主题拥有“回复可见”、“回复可下载”模块。这些功能的原理是：

1. 用户评论后，将用户的邮箱存储在cookies中
2. 服务器匹配到有此文章有相同的邮箱评论过之后，就可以将上述内容出来了

因此，考虑到上述模块的正确运行，本主题强制在浏览器cookies中存储了用户信息。故WordPress的这个选项没有意义，无论是否勾选，在本主题中都是“默认勾选”的效果。

表情

1. 将PNG或GIF的表情图片处理成大约36×36像素的尺寸，并命名为英文名称（某些服务器对中文支持不好，建议使用英文）
2. 将这些图片上传到主题根目录/faces/文件夹中即可

自定义网站标题

打开：后台-设置-常规，修改“站点标题”即可。

若对默认标题结构不满意，可根据以下方式自行编写代码修改：

修改网站标题组成形式

本主题使用的title方法是wp最新的：wp_get_document_title() 实现的，所有部分都是WP默认，其内部包含多个钩子用于修改title的组成形式：

1. 过滤器：pre_get_document_title
2. 过滤器：document_title_separator
3. 过滤器：document_title_parts

参考文档：https://developer.wordpress.org/reference/functions/wp_get_document_title/

文章头图相关

文章头图有以下方式显示：

1. 未设置“文章头图”的情况：背景显示为“特色图片”的模糊态，背景颜色使用“特色图片”的主色调作为背景
2. 已设置“文章头图”的情况：显示为设置的“文章头图”

对于情况1：背景是通过脚本读取文章“特色图片”来获取主色调，然后展示背景颜色的。此功能需要使用canvas技术，根据浏览器的安全策略，跨域的图片脚本无法访问，因此也就不能读取主色调了。

当您在使用CND、OSS等存储服务时，有可能出现上面描述的此类问题。解决方案是：前往您的CDN、OSS存储商后台，设置CORS头通过access-control-allow-origin跨域即可解决。

例如阿里云可参考阿里云的文档说明：
《阿里云配置HTTP头》

不同的服务商设置方法有所差异。请详询您的服务提供商。

尺寸

1. 头图建议尺寸：1920×400像素
2. 特色图片建议尺寸：512×458像素

相册链接

地址是：你的网站域名/gallery

把这个地址加到菜单即可

 LOGO 和顶部图片

如何设置

顶部图片：后台/主题设置/通用/顶部图片（不设置则显示默认R头图）

LOGO：后台/主题设置/通用/LOGO（不设置则显示默认R）

尺寸与格式

顶部图片

尺寸原则上不超出顶部的全部高度（229像素）超出后自动缩小。由于手机、平板、苹果设备的分辨率较高，因此，设置较大的图可以更加清晰。

顶部图片可以参考此文件设置：

LOGO
长宽不超出50像素，超出后自动缩小。由于手机、平板、苹果设备的分辨率较高，因此，使用SVG格式可以更加清晰。