niRvana · 轻拟物WordPress主题
主题基本特性
- HTML5、CSS3 – 使用标准语言编写,支持IE10以上浏览器
- 响应式 – 在桌面、平板、手机端均以最佳状态显示
- 回复下载 – 可强制要求用户评论文章后才提供下载地址
- 内容回复可见 – 指定某些内容需要读者评论后才可查看,让读者与你互动(可设置为要求用户注册登录并评论后才显示某些内容)
- 侧边栏小工具 – 边栏数量可自定义、完全使用WP官方的小工具模型,开发了更多适合本主题的小工具
- 语音朗读 – 使用百度语音合成技术来为您阅读文章
- 评论表情 – 本主题自带评论表情功能,无需插件在后台即可设置
- 不刷新加载 – 全局提供ajax加载文章
- 打赏 – 允许通过多种途径打赏,如:支付宝二维码、微信二维码、Paypal链接
- 点赞 – 每篇文章均提供点赞功能,可展示访客最喜欢的文章列表(后台可以修改点赞数据)
- 生成封面二维码 – 每篇文章均可生成二维码用于分享到微信等社交平台
- 说说功能 – 简短说说功能,随时随地记录您的想法
欢迎提 Issues 和 PRs,欢迎提出建议
主题特色简介
主色调识别
自动根据文章特色图片识别出图片的主色调,在首页、文章分类页用最美的方式显示滚动图片。如:
Gutenberg专用模块
“Gutenberg模块”,包括:小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,极大的为用户提供了方便,例如:
插入提示框
方便的在文章中插入提示框,并允许选择蓝、绿、橙、红四种提示色彩
插入下载按钮
方便的在文章中插入下载按钮,并可选择是否需要访客评论后下载
插入模态框
在文章中插入基于Bootstrap的模态框,访客点击即可显示显示额外内容
还有更多方便的小工具等你来尝试!
自定义边栏数量
主题每个页面均预留一个边栏位置,该位置可放置多个边栏并使用tab来切换。您可以:
- 增加或减少边栏
- 定义每个边栏的图标
- 分配边栏在文章还是在首页显示
当文章被检测到“文章目录”时,也会自动将文章目录当做一个边栏默认展示。
文章目录(Wiki模式)
当文章中存在多个“二级”、“三级”标题时,主题将自动启用“文章Wiki模式”。
“文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示在边栏中,点击边栏标题可导航到文章中的指定位置。效果如下所示:
多种文章类型
提供FAQ、友情链接、轻博客、相册等诸多功能:
- 友情链接:无需编码,提供专门的友情链接功能来添加和显示您的左邻右舍
- FAQ:允许前台用“客服对话”的形式检索常见问题
- 轻博客:不想写长篇大论?没问题,一句话也可以展示
- 相册:提供多图显示的功能
海报式分享
分享时生成带二维码的海报,右键保存至本地或手机端长按保存至本地后,方便上传到各类社交网站。
Demo
本站应用的即是niRvana主题。
安装
在 Github Release 页面下载 .zip 文件,在 WordPress 后台 “主题” 页面上传并安装。 您主题自带评论邮件回复,如果您需要评论回复自动邮件提醒功能,请安装WP-SMTP插件,或自行配置邮箱发送,如果不需要,则不需要采取操作
本主题完美支持虚拟主机!
讨论
评论区 或 Github Discussions (讨论)
Issues (BUG反馈)
版权声明
niRvana 使用 GPL V3.0 协议开源,请遵守此协议进行二次开发等。 您必须在页脚保留 niRvana 主题的名称及作者链接,否则请不要使用 niRvana 主题。
这个侧边栏怎么显示出来的.还有侧边的随便看看….没找着…
在外观-小工具里面设置启用,这两个月我会想方设法写出一个文档说明,这个主题配置挺烦的。
外观里面也没有小工具啊
我这边最新版本没有问题,一切正常。
我这看了一下,确实提示不支持,而且手动注册小工具无效
大大,这个是你的网站吗?https://blog.panda-studio.cn/wordpress-theme-nirvana
no,不是的
系统设置开启“有评论等待审核时”,系统有时不会马上发邮件,经排查,可能是模板函数文件中的【function comment_mail_notify($comment_id)】问题,【function comment_mail_notify($comment_id)】~【add_filter(‘comment_text’, ‘do_shortcode’)】代码注释掉,添加其它发送邮件的代码,测试了24个小时(每两三个小时用游客身份发表评论),目前暂时无问题。
这个问题可能是个例。
代码:https://wp.bufanz.com/wordpress/reply-comments-to-send-email-notifications.html
文本添加链接后,再居中对齐,前端还是左对齐,需在style.css添加代码:.has-text-align-center {text-align:center}
文章内容插入MP4视频,前端视频播放器的宽度超出文章内容的宽度,需在style.css添加代码:video {width:100%}
因为评论框表情的图片,导致文章页面的请求次数超过100,我不会优化就暂时删除了表情、代码和图片的按钮。
谢谢你的反馈,稍等重启开发后解决。评论表情图片可以使用CDN解决,目前无法减少并发数。