沐朽阁
Hello World!
Mu Xiu Ge

非常棒的WordPress 樱花主题 - Sakura

WordPress Sakura樱花主题

这个主题真的很棒,下面我会一一列出它的特性及优点!

特性

随机封面图

随机封面图
内带了一个随机返回图片的API,把想要展示的图放在/cover/gallery中即可

图片懒加载

lazyload

使用了开源库 jQuery-Lazyload,按需加载图片,优先加载缩略图或占位图,当图片显示在 viewport 上时才加载原图,提升网页加载速度。

文字封面视频

封面视频
可将视频设为封面,支持hls流视频。

定制登录及后台页面

后台1
后台2
后端登陆界面及 Dashboard 美化(配色方案 Sakura),你也可以自行设计配色方案(请留意“后台配置”页面下的说明),同时也有配合 pjax 实现的前端登陆,前端登陆需自行用模板创建新页面(page)。

支持 Bilibili 表情

哔哩哔哩
后端请按提示切换后台为明亮主题(个人资料页切换),否则评论管理页将出现表情鬼畜。

QQ/Gravatar头像

QQ/gravatar头像
如果输入了QQ号,留言将拉取QQ头像,如果QQ号不存在或者是输入了邮箱,将拉取Gravatar头像。

评论插图

评论插图

该功能支持多个图床的接口的选择,目前支持的有SM.MS、Imgur、Chevereto,使用前请在主题设置中配置响应的代理和APIKey

注意:目前次功能需要开启Curl支持,同时Nginx/Apache需要允许POST请求。

用户 UA 及 IP 定位

ip
使用纯真 IP 数据库。对了,还有一个高仿 Bilibili 的等级系统,有空还打算再写一个头饰模块。

文章目录

文章目录
使用了开源项目 tocbot,在需要目录的文章任意位置输入 [toc] 启用。文章首字的大写使用方法:把首字放到 [begin][/begin]之间。

Mac 风格代码块

代码块
代码高亮渲染使用的是 highlightjs。代码块可全屏,你发现了吗?
建议通过 Markdown 语法写作以便代码块正常显示,代码高亮支持二十多种常见编程语言。

前端主题切换

前端
这部分函数写得有些凌乱,打算以后有空重构一下,可留意主题的更新。字体请留意注意事项。

时光轴

时光轴
使用了 Shawn 的设计。

相册

基于 fancybox 实现的相册功能,使用说明见主题 wiki。

邮件模板

邮件模板

Aplayer/HermitX 支持

player

修改了 APlayer 的部分样式,文章内插入音乐可使用 Hermit X 插件。

CDN 优化

合并请求,并把不同类型的资源分配到不同的域名上,这些在后台界面可以调整。其他内容相对固定的资源,如贴图和前端库都放到了 jsDeliver 的公共库上。

Github Cards

可通过短代码添加: [github repo="mashirozx/Sakura"]

移动客户端*

借助 PJAX 异步加载,便于基于 WebView 开发高性能的移动客户端,切换页面时无刷新,可以获得接近 Native 的响应速度。具体可以体验我的安卓客户端。

注意事项

重要★★:

主题下载后请把文件夹名字改回 Sakura,也即,保证主题路径为 wp-content/themes/Sakura/。

启用新主题/插件前备份数据库是一个良好的习惯。虽然我保证主题不可能损坏你的数据,但是毕竟数据无价,对吧?

建议安装的插件☆

Hermit X,基于 Aplayer 的播放器。

我也在使用的插件

Easy WP SMTP,邮件支持。
WP Statistics,统计插件,主题可选择其接口以作页面访问计数。
Login LockDown,登陆尝试限制,避免前端登陆爆破。
Wordfence Security,避免爆破和评论注入。提醒:该插件将在数据库中记录访客信息,数据库体积将略有增大。
Akismet Anti-Spam,垃圾评论过滤。
AMP,生成AMP 页面,效果就是这样,有利于提升 Google 排名。
Autoptimize,页面压缩。
Glue for Yoast SEO & AMP,AMP 增强,需配合 Yoast SEO 及 AMP 插件使用。
WP Super Cache,页面缓存,为访客自动生成缓存版网页,提升访问速度。
Yoast SEO,搜索引擎优化。

其他插件我没用过,不保证兼容性。

兼容性

服务器端
WordPress 版本:4.8+
PHP 版本:7.1+

前端

兼容主流 Chromium 内核浏览器、FireFox 浏览器。不兼容 IE (360、QQ 等双核浏览器请关闭 IE 模式)。

写作规范

主题遵循 HTML5 规范,正文部分样式完全兼容标准 Markdown 语法,因此也建议配合 WP Editor.md 插件使用 Markdown 写作,可参考《Markdown 编辑器语法指南》。

主题演示站有一篇 Markdown 语法展示,文章源码在这里。

API

下面是一些主题内已经带有的接口,无需重复构建:
Cookie:see https://2heng.xin/2018/05/12/add-a-version-control-for-cookies/

后续会考虑添加更多接口。

下载

[github repo=”mashirozx/Sakura”]

赞赏
文章转载来自:https://2heng.xin/theme-sakura/
# # #
首页      模板分享      非常棒的WordPress 樱花主题 - Sakura

Mu Xiu Ge

非常棒的WordPress 樱花主题 - Sakura
Wordpress Sakura樱花主题 这个主题真的很棒,下面我会一一列出它的特性及优点! 特性 随机封面图 内带了一个随机返回图片的API,把想要展示的图放在/cover/gallery中即可 图片懒加…
扫描二维码继续阅读
2021-01-02