「桜いろ」Sakurairo 主題,一個基於Sakura主題製作的增強版分支!🌸食用手冊

发布于 2020 年 11 月 21 日  58 次阅读 百度未收錄


本主题不建议和原版Sakura共同安装
本文章实时更新
本教程旨在帮助用户快速上手本主题,请仔细阅读本问并善用搜索功能定位你疑惑的。

来看看Sakurairo的宣传短片吧

开始

①安装 WordPress 网站系统

由于本内容属于入门内容,故本文不展开阐述。 可以参考以下文章帮助你开始。

https://www.jianshu.com/p/293c94adc11d

②下载 Sakurairo 主题

你可以从以下平台下载到 Sakurairo 主题

点击图标即可跳转到下载链接
「桜いろ」Sakurairo 主題,一個基於Sakura主題製作的增強版分支!🌸食用手冊
「桜いろ」Sakurairo 主題,一個基於Sakura主題製作的增強版分支!🌸食用手冊

③安装 Sakurairo 主题

方式一

后台-仪表盘

进入仪表盘,点击左侧菜单的外观选项

仪表盘-外观
点击主题标题旁的添加

点击添加主题标题旁的上传主题</ figcaption>

然后在下图的上传主题中,选中 Sakurairo 主题

选择主题压缩文件,安装

方式二

直接将你下载好的压缩包上传放在网站根目录/wp-content/themes/下解压 解压完成后进入 WordPress 后台- > 外观 -> 主题- > 启用 Sakurairo 主题即可

了解本主题

本主题提供了强大的自定义功能,您需要仔细阅读本模块来帮助你更好使用它

功能类:

夜间模式

本主题支持夜间模式,在页面的右下角可以开启夜间模式。本主题支持自动切换夜间模式,如果你不需要自动切换,请在主题设置中的“增强”中关闭即可。

随机图

本主题默认采用外部随机图API,需要本地随机库图片,请在主题设置中的“首页”中更换即可

文章内嵌块(短代码)

本主题预置了4种由短代码实现的文章提示块

这是禁止提示块
这是允许提示块
这是任务提示块
这是警告提示块
   展开/收缩展示(其实是已知BUG  ==>  展开 / 收缩

<pre>[noway]这是禁止提示块[/noway] [buy]这是允许提示块[/buy] [task]这是任务提示块[/task] [warning]这是警告提示块[/warning] [collapse title="展开/收缩展示(其实是已知BUG"]我说不是你信码?[/collapse]</pre>

特效资源云端化

下文提到的特效资源大部分都放在云端,节省了本地的占用空间和调用需求

系统级集成升级功能


可直接在后台检查并进行更新(国内服务器建议手动更新)

强大的色彩控制功能

相对于原 Sakura 主题,本主题色彩管理上更为强大。

专门的色彩设置

独立的色彩控制设置区,提供了丰富的色彩控制功能

通过这些色彩管理功能,你可以打造属于你独一无二的主题。

全局定制图标


提供11组全局定制图标,每一组都充满个性。
【普通】橙色
【普通】粉色

网页预加载

本主题自带预加载动画,默认关闭,可在主题设置的“增强”中开启。同时,预加载的动画颜色也支持自定义颜色。

特效类:

樱花飘落特效

WordPress后台->外观->主题设置->增强- >樱花飘落特效,勾选开启

波浪特效

WordPress后台->外观->主题设置->增强- >波浪特效,勾选开启

看板娘 Live2D

WordPress后台->外观->主题设置->增强->Live2D看板娘,勾选开启

首页下拉箭头

WordPress后台->外观->主题设置->增强->首页下拉剪头,勾选开启。此特效支持自定义颜色,请到色彩选项中进行设置。

脚页一言(随机话语API)

WordPress后台->外观->主题设置->增强->脚页一言(随机话语随机API),勾选开启

一言打字效果

WordPress后台->外观->主题设置->增强->首页一言打字效果,勾选开启

一言打字效果双引号

WordPress后台->外观->主题设置->增强- >一言打字效果双引号,勾选开启

打字效果文字

WordPress后台->外观->主题设置->增强->打字效果文字,填写文字< span class="has-inline-color has-luminous-vivid-amber-color">※注意:文字两头必须使用英文" "双引号,如有多句文字请用英文,逗号隔开如果你只想使用打字效果一言,可以将主页一言博主描述留空。

主页一言博主描述

WordPress后台->外观->主题设置->增强->主页一言博主描述,进行填写

如果你只想使用打字效果一言,可以将此描述留空。

文章末尾博主描述

WordPress后台->外观->主题设置->增强->文章末尾博主描述,进行填写

音符触动效果

WordPress后台->外观->主题设置->增强->音符触动效果,勾选开启

logo特效

WordPress后台->外观->主题设置->增强-> logo特效,勾选开启

Logo文字填写

logo文字我们分为A B C(前 中 后)3个部分

A(前)部分是主体部分 一般用来填写“博客名”等

B(中)部分在开启logo特效时会有字体旋转的效果 一般用来填写“の”效果会比较好

C(后)部分是结尾部分 一般用来填写“Blog 博客”等

Logo字体(可选)

首先要有ttf格式的字体文件(百度免费商用字体选一个自己喜欢的即可),原始的ttf字体文件可能很大,可以到这个站点来获取字体的子集,例如我使用的字体文件就只包含博客名字“阿才的部落阁”与英文字母,文件大小只有10KB,既省空间又省流量。

准备好字体后在再这个站点里来转换为方便网页使用的格式,在这个能生成一堆文件,文件都有用,放在一个可以访问的服务器、oos、cdn等上,然后将能调用到字体文件夹里的css文件的链接填写到logo字体链接

之后在logo字体名称里填写字体名称,如何获取找到字体名称?以文本方式打开上面生成web字体时的css格式的文件font-family:引号后面里就是字体名。 (注意不要将引号一起填入)

邮件模板自定义

我们给邮件模板做了跟随主题色彩,同时也可以在主题里直接自定义顶部图片。

如何自定义头部图片

WordPress后台->外观->主题设置->增强->邮件模板头部图,填写图片地址

反馈

原主题Sakura的功能在本文不再赘述,可以自行查看以下链接

https://2heng.xin/theme-sakura/

如有功能/Bug的问题,你可以前往Github发布Issue,我会尽快解决。


粉色的花瓣,美丽地缠绕在身上。依在风里。