前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >niRvana · 轻拟物主题4.8完美版

niRvana · 轻拟物主题4.8完美版

作者头像
不愿意做鱼的小鲸鱼
发布2022-09-26 18:44:06
8.6K1
发布2022-09-26 18:44:06
举报
文章被收录于专栏:web全栈

2021年8月8日正式更换了新主题——niRvana · 轻拟物主题! 每个人都有自己的审美,虽然作为一个主后端的开发,但对于这种轻盈、简洁,带有真实物体质感的新拟物设计风格没有了抵抗力, 是时候从极致的扁平稍微向新拟物风格致敬了 !

主题基本特性

  • HTML5、CSS3 使用标准语言编写,支持IE10以上浏览器
  • 响应式 在桌面、平板、手机端均以最佳状态显示
  • 回复下载 可强制要求用户评论文章后才提供下载地址
  • 内容回复可见 指定某些内容需要读者评论后才可查看,让读者与你互动(可设置为要求用户注册登录并评论后才显示某些内容)
  • 侧边栏小工具 边栏数量可自定义、完全使用WP官方的小工具模型,开发了更多适合本主题的小工具
  • 语音朗读 使用百度语音合成技术来为您阅读文章
  • 评论表情 本主题自带评论表情功能,无需插件在后台即可设置
  • 瀑布流 文章列表可选择卡片或列表排序,其中卡片又可设置为普通或瀑布流形式
  • 不刷新加载 全局提供ajax加载文章
  • 打赏 允许通过多种途径打赏,如:支付宝二维码、微信二维码、Paypal链接
  • 点赞 每篇文章均提供点赞功能,可展示访客最喜欢的文章列表(后台可以修改点赞数据)
  • 生成封面二维码 每篇文章均可生成二维码用于分享到微信等社交平台

主题特色简介

niRvana主题是一款轻拟物风格的wordpress主题,该博客主题设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了。归功于现代的CSS技术,这些拟物的样式都完全使用代码编写出来了!无须任何贴图,这也是相对极致拟物风格的一个巨大突破

主色调识别

自动根据文章特色图片识别出图片的主色调,在首页、文章分类页用最美的方式显示滚动图片。如:

Gutenberg专用模块

niRvana主题除了外观的变化以外,主要还是针对WordPress5做了大量优化:由于WordPress5.0引入了“Gutenberg Block Editor”(区块编辑器),在这种编辑器下,原有的“短代码”就显得非常的落后了:

  • 短代码存在的问题:在旧的TinyMCE编辑器中,短代码往往需要手动输入和编辑,很难记忆和使用。即使开发者增加了“短代码插入按钮”,但在修改短代码参数的时候,往往还是需要手动编辑代码本身。对于普通用户,这种操作是很繁琐并且容易出错的。
  • 块编辑器的优势:完全的可视化操作,无论是插入内容还是编辑参数,都可以可视化的操作,而无须去修改繁琐的代码。

因此本主题将原有的“短代码”全部升级成了“Gutenberg模块”,包括:小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,极大的为用户提供了方便,例如:

插入提示框

方便的在文章中插入提示框,并允许选择蓝、绿、橙、红四种提示色彩

插入下载按钮

插入模态框

插入提示工具: 在段落中插入提示语,鼠标悬停即可显示,就像这样。除了上方以外,还可以选择上下左右四个方向。

段落文本标记: Gutenberg默认不支持段落内部分文本设置色彩。本主题进行了扩展,可以设置文本背景、颜色等。就像这样的标记

还有更多方便的小工具等你来尝试!

自定义边栏数量

主题每个页面均预留一个边栏位置,该位置可放置多个边栏并使用tab来切换。您可以:

  • 增加或减少边栏
  • 定义每个边栏的图标
  • 分配边栏在文章还是在首页显示

当文章被检测到“文章目录”时,也会自动将文章目录当做一个边栏默认展示。

文章目录(Wiki模式)

当文章中存在多个“二级”、“三级”标题时,主题将自动启用“文章Wiki模式”。

“文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示在边栏中,点击边栏标题可导航到文章中的指定位置。效果如下所示:

多种文章类型

提供FAQ、友情链接、轻博客、相册等诸多功能:

  • 友情链接:无需编码,提供专门的友情链接功能来添加和显示您的左邻右舍【点这里看看
  • FAQ:允许前台用“客服对话”的形式检索常见问题【右下角客服图标点击试试】
  • 轻博客:不想写长篇大论?没问题,一句话也可以展示【边栏已展示】
  • 相册:提供多图显示的功能【点这里看看
  • 文章归档:时间轴1【点这里看看】、 时间轴2【点这里看看
  • 标签云:【点这里看看

海报式分享

分享时生成带二维码的海报,右键保存至本地或手机端长按保存至本地后,方便上传到各类社交网站。

UI样式

您可以轻松的在文章中插入小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,例如:

未标题

显示下拉菜单

折叠内容

嵌入视频区块

https://www.bilibili.com/video/BV1BJ411C7nt

更新历史

自己的二次开发

2021年8月9日

  1. 加入Live 2D血小板
  2. 使用必应(Bing)美图作为后台登录背景
  3. 实现网站在线人数统计 2021年8月10日
  4. 添加网站欢迎语弹框,显示天气及地理位置
  5. 去掉版权console
  6. 修复头像的bug
  7. 语音系统读文章功能修复好了 2021年8月11日
  8. 全站的静态资源使用七牛云CDN加速
  9. 解除蜗牛般默认外网的头像服务器,评论模块随机头像
  10. 更换一套新颖3d的表情作为评论可选的表情
  11. 增加友情链接模块,也加了一些友链
  12. 在友链中增加自助申请友情链接的模块
  13. 设置FAQ机器人问答功能
  14. 进一步优化站点加速
  15. 站点登录页面加密
  16. 优化站点登录的页面
  17. 添加站点的数据统计:测试pjax刷新时使用友盟统计会有问题,后来选择使用百度统计 2021年8月12日
  18. 增加了一个超好看的伞时间轴页面
  19. 优化SEO,增强百度资源的收录
  20. 使用SQL完成文章标签目录格式化
  21. 完成代码的正确高亮显示

更新历史

v4.8 1、增加自己的二次开发的内容

v4.7.1 1、修复主题初始化时 ‘enable’ 变量未定义问题

v4.7.0 1、新增全局侧边栏开关,能关闭首页,文章,搜索,目录页面的侧边栏[主题设置->外观设置] 2、新增固定链接中文转英文功能(非默认固定链接有效)[主题设置->优化加速] 3、新增图标CDN功能,支持字体图标调用CDN,以加快网站速度[主题设置->优化加速] 4、支持虚拟主机

v4.6.0 1、全面优化源码,现在更有利于SEO了! 2、优化SEO,网站权重集中

v4.5.31 1、新增普通页面右下角打赏、点赞、分享至社交平台功能【点这里看看】 2、新增知识共享署名标识 【点这里看看

v4.5.3 1、新增色彩模式 ps:功能开关见网站右下角 2、优化主题Gutenberg编辑器标题区块前端动画效果

v4.3.0 1、新增WordPress编辑器Gutenberg优酷视频区块 2、新增卡片式音频Gutenberg自定义区块

v4.2.0 1、新增:新增网站蹦迪功能 2、新增:新增网站底部滚动公告栏

v4.1.2 1、新增:新年给网站也换身装扮,添加下雪特效 2、新增:复制文章自动添加版权和原文链接,仿知乎版权功能

v4.1.1 1、新增:小工具——博客统计

v4.1.0 1、新增:网站装饰 -【灯笼】喜迎春节 2、新增:文章支持分享至QQ空间 3、新增:文章支持直接分享给QQ好友

v4.0.0 1、史诗更新:内置的FontAwesome字体跟新到FontAwesome Pro5.11.2 商业收费版本 包含了:

  • 1,544个免费图标 
  • 7,345个Pro图标 

v3.7.0 1、修复:”文章百度是否收录” 与 “文章底部生成微信二维码”,存在个别文章排版导致冲突的问题 2、新增:网站欢迎语弹框,显示天气及地理位置 3、新增:集成“心知天气”功能 4、博客api图床接口扩展至7个,方便灵活使用了 5、新增:用户中心 (测试中~~开发ing)

v3.6.0 1、修复:一处HTML标签错误 2、更新:内置的FontAwesome字体到5.10.2版本 3、修复:WP5.3版本中,“标签与链接”小工具无法添加数据的问题 4、新增:主题自带的小工具支持“无障碍模式”了

v3.5.0 1、新增: 自定义视频 2、新增: 自定义音频

v3.4.0 1、新增: 标签云页面,后期继续优化

v3.3.0 1、新增:网站添加”随便看看”趣味阅读功能 2、新增:允许设置文章仅搜索引擎及管理员查看

v3.2.1 1、优化:文章列表标题一行显示,多余字数隐藏

v3.2.0 1、新增:屏蔽纯英文评论和纯日文评论 2、新增:防止CC攻击 ps:废弃,代码效率低下

v3.1.0 1、新增:无需插件启用回复评论邮件通知 2、新增:输入框打字特效

v3.0.0 1、新增:检测当前文章页面百度是否收录,收录状态仅管理员可见 2、新增:文章图片自动添加alt属性和title属性 3、新增:博客文章添加版权提醒功能 4、新增:文章字数统计和预计阅读时间功能 5、新增:旧文章底部每个月过时的提示,”本文最后更新于xxxx年xx月xx日,已超过xx个月没更新!”

v2.3.0 1、新增:文章归档页面,后期继续优化 2、新增:页面加载用时计算 3、新增:当前在线人数统计 4、新增:文章添加运行代码功能 5、新增:使用必应(Bing)每日美图作为后台登录背景

v2.2.0 1、全新功能:JS钩子!为二次开发提供帮助!包含文档,详见:主题压缩包内的文档说明 2、废弃:原有的“不刷新加载页面”回调方法,使用新的“ajax_render_complete”钩子。用法详见第1条。 【注:之前自定义的第三方插件使用的不刷新加载页面回调方法可能在使用此版本后需要将原来的方法更换为钩子】

v2.1.0 1、优化:一些常用方法可能存在BUG的隐患 2、优化:提示框框插件,可能存在BUG的隐患 3、新增:评论代码高亮 4、新增:评论框表情前钩子“pf_comment_form_before_face”、评论框表情后钩子“pf_comment_form_after_face” 5、新增:评论框插入代码按钮 6、新增:评论框插入图片按钮 7、优化:文章内容描述的截取算法 8、安全性:评论内容除了pre和img可执行以外,其他标签均转义 9、取消:上传文件尺寸设置 10、优化:顶部菜单指示条有时候位置不准确的行为 11、修复:“文章展示”模块在显示“相册”时的样式问题

v2.0.1 1、修复:2.0增加阅读显示后,手机端首页出现横向滚动条的问题 2、修复:文章内容包含特殊字符时,微信分享生成海报报错的问题

v2.0.0 1、新增:下述钩子 “pf-share-modal-start”(分享模块开始) “pf-share-modal-end”(分享模块结束) “pf-share-modal-before-favorite”(分享模块点赞前) “pf-share-modal-before-share”(分享模块分享前) “pf-post-meta-start”(内容页顶部meta开始) “pf-post-meta-end”(内容页顶部meta结束) “pf-post-before-tag”(内容页顶部meta标签前) “pf-post-card-meta-start”(文章列表卡片meta开始) “pf-post-card-meta-end”(文章列表卡片meta结束) “pf-post-card-meta-before-comments”(文章列表卡片meta评论前) 2、新增:Gutenberg编辑器段落文字标记功能,可设置部分文本颜色、背景色等 3、新增:Gutenberg文本提示语功能,可给选中的文本设置鼠标悬停效果 4、新增:阅读量显示。逻辑:打开页面算1次,若从来没有统计过,那么用点赞数据来显示 5、修复:网络不通畅时,重复多次点赞的问题 6、更改:非登录状态时,请求不再带入nonce信息(缓存未登录状态页面不再报错) 7、更改:使用新的信息通知功能及通知样式 8、修复:分类页随机滚动头部文章时,默认有20个,影响体验,现改为5个 9、更新:内置的FontAwesome字体到5.8.2版本

v1.5.6 1、优化:相关文章默认看不到文章标题的问题。现在改为默认显示标题,鼠标悬停后隐藏标题 2、优化:海报关闭的问题。现改为点击海报外部任意区域均可关闭海报 3、新增:文章编辑时,插入单张图片,可配置图片圆角、阴影、圆角与阴影样式

v1.5.5 1、修复:语音播放时,请求的地址是http,导致https失效,现已自动适应

v1.5.4 1、修复:magic trackpad无法评论

v1.5.3 1、修复:友情链接没有LOGO时,显示首个文字的BUG

v1.5.2 1、修复:打开下载按钮时,脚本报的一个错误 2、修复:文章分类页、全部文章时间排序页在一定尺寸的屏幕上出现边栏,且顶栏也有边栏按钮的BUG,如:小尺寸的iPad横屏状态

v1.5.1 1、增强:批量发送的垃圾评论再也不可能进入本站了!(再次提醒本站不建议使用缓存,即使要用缓存标签内的内容也不要缓存,或者设置缓存时间小于12小时!) 2、1.4.4的BUG修复

v1.4.4 1、 修复代码高亮显示在某些情况下无法横向滚动的BUG 2、修复小标题遮挡其他内容的BUG

v1.4.3 1、顶部图片跨域不再空白,而是显示一个深蓝色的默认背景。 2、REST API错误不再清空页面,而是显示错误提示

v1.4.2 1、修复:启用Ajax不刷新加载页面时,文章二维码封面显示后,使用返回按钮不消失的bug;鼠标悬停显示tooltip提示文字后,使用返回按钮不消失的bug 2、反采集:算法屏蔽button内增加脏数据 3、修复:友情链接每个分类显示的文章数量默认跟随WP的每页文章数量,现已强制设置为100个,将其尽量最大化 4、新增:首页底部的分类展示文章,使用“随机顺序”,让你的分类文章每次都不一样

v1.4.1 1、防采集功能算法重写:更高的效率、更随机的标签和类 2、修复:开启防采集后,文章内的“轮播图”(滚动相册)出现格式问题 3、友情链接页面使用文章目录 4、修复一些样式问题 5、文章链接是图片时,点击连接可放大显示图片

v1.4.0 1、百度快照应该不会出现全屏的错误显示了 2、评论框将永久记住成功提交过的用户名、邮箱信息直到清空浏览器缓存,切换到其他页面再次评论时不需要多次输入昵称 3、去除了一个无用的后台设置选项(option-评论验证码) 4、新增:相关文章 5、文章、相册内容页增加文章发布日期显示

v1.3.3 1、Gutenberg默认段落增加首行缩进功能 2、新增“轮播图”(滚动相册)功能,允许在文章中插入滚动相册了

v1.3.2 1、评论缩进修改:只有第一层需要缩进,后面全部不缩进。方便查看,也不会变得很短。 2、自带代码高亮:设计/代码高亮/启用 3、允许设计为“必须用户注册登录并评论”才显示页面的某些内容!

v1.3.1 1、新增一种首页图片的显示模式:不需要3D显示,而是扁平化显示。此模式下,安卓手机渲染首页会非常快。 2、安卓手机显示coverflow会比较卡,所以强制使用了上述的扁平化显示。

v1.3.0 1、新增相册显示风格:图片显示。此显示风格使用img标签直接显示,图片不会被裁剪,小图片不会被强制放大,大图片会被强制缩小。 2、修复登陆界面被添加了前台样式和脚本的BUG 3、自定义标题分隔符:没什么用又偏有强迫症需要 4、默认启用语音合成 5、相册使用Gutenberg编辑器

v1.2.3 1、全站不刷新加载页面开启后,页面title也可以跟随变化了 2、Gutenberg Block根据官方设计要求,主要内容的编辑应该移至编辑区域而非设置区域 3、全站不刷新加载页面开启后,popover浮动气泡、全屏搜索,在一些特定的操作下(如浏览器前进后退)会仍然存留的bug

v1.2.2 1、Gutenberg增加了alignfull功能,并调整了对应的样式 2、Ajax加载页面增加了一个方法,用于加载并渲染完成后预留给第三方插件处理Dom 3、WP官方修改了Gutenberg的一些方法,因此主题的模块也做了一些调整。但以前插入的模块可能会出现无法编辑的故障。(在WP5.0正式版上线后,主题的Gutenberg模块将采用“回退机制”,即使模块升级,也不会出现无法编辑的问题)

v1.2.1 1、修复Gutenberg模块的一些问题,虽然不知道正式版WP5.0是否正常,不过还是先修改了吧(将部分RichText改成TextControl)

v1.2.0 1、Play字体在1.1.3中丢失,现在找回来了 2、防采集、添加脏数据功能在之前存在问题被禁用。现已回归! 3、基于jQuery的插件理论上不会再出现问题了

v1.1.4 1、全部文章时间排序模板被加密导致消失,现在找回来了

v1.1.3 1、去掉“相册分类Tab菜单”,无论相册还是文章,都使用“分类菜单” 2、Chrome浏览器在滚动图片的时候背景动画会闪烁。不让它动了。

v1.1.2 1、“小标题模块”内容显示错乱的问题

v1.1.1 1、文章分类页滚动图片可能不显示coverflow的问题

v1.1.0 1、文章分类禁用滚动图后,显示数据错误传入错误的问题 2、跨域CDN图片无法生成封面的问题 3、文章内容较短而边栏很长时,在某些尺寸屏幕上出现的滚动问题 4、部分样式问题 5、部分插件无法正常使用jQuery的问题 6、引入Autoprefixer解决旧版浏览器前缀的问题

v1.0.0 新主题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 主题基本特性
  • 主题特色简介
    • 主色调识别
      • Gutenberg专用模块
        • 插入提示框
          • 插入下载按钮
            • 插入模态框
              • 自定义边栏数量
                • 文章目录(Wiki模式)
                  • 多种文章类型
                    • 海报式分享
                      • UI样式
                        • 未标题
                      • 嵌入视频区块
                        • 更新历史
                        相关产品与服务
                        内容分发网络 CDN
                        内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
                        领券
                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档