宁静致远(Quietlee)自媒体博客、新闻、资讯互动类主题模板及强大的SEO优化效果,此款主题源自《小灯泡设计》,移植TY程序的Spimes主题,致敬原作者,这是一款非常nice的主题模板,风格简约,兼容多媒体移动端显示,拥有独立的分享代码,不在依赖百度(想依赖也不行,百度分享官网都挂了),支持一键生成海报模式,还移植了源主题模板的阅读模式,优化了夜间模式代码,增加了网站首页底部CMS列表模块,后台自带开关,更多功能介绍请听我一一道来。
主题亮点解析:
- 主题全局夜间模式,前台用户可自行控制,自动夜间模式时间为:22:00至05:00;
- 文章自带分享、阅读和你们最喜欢的海报模式等功能;
- HTTPS优化,全面支持HTTPS网站;
- 主题侧栏调用方式为缓存txt文件,介绍数据库查询次数。
- 全局视觉特效加载(滚动页面时模块渐显);
- 主题自带多种广告位,可在后台自行设置;
- 主题集成自定义样式和js接口代码,可自行修改样式或者添加第三方js特效;
- 强大的SEO优化效果,分类自定义标题,关键词及描述,优化效果显著(SEO规范均按照搜索引擎白皮书制作);
- 文章缩略图自定义大图模式,还有三图、单图和无图模式;
- 文章标题附带推荐(编辑文章开启推荐),热文(浏览数超过1000),最新(发布时间小时24小时)等,优秀的用户体验功能。
- 更多功能及亮点请查看演示站点(演示站点使用插件实现,兼容性能不是特别好,有问题可以直接联系站长)。
主题功能模块:
- 先介绍主题各个功能,夜间模式可以由用户自行开启关闭,导航顶部右侧,夜间模式图标。
- 文章功能展示:
推荐:标题左侧显示推荐字样,如果大于1000显示热门,如果发布时间小于24小时显示最新,如果开启推荐,则优先显示。
大图:开启之后文章列表显示大图模块(文章图片超过三张的时候如果开启大图则优先显示此样式,如果没有图片开启大图则随机分配一张图片,随机图片路径“/zb_users/theme/quietslee/include/cateimg/”)。
如果文章图片超过三张,默认显示一张,如果想显示三张图片的样式,那么开启“多图”。
PS:无图,如果文章没有图片,默认随机显示一张,也可以手动开启无图显示方案。关闭缩略图此功能也将被关闭。
演示地址:这个仅针对商品类模板有效。
缩略图:上传列表分类显示的图片,上传之后则优先显示自定义图片。
- 侧栏模块中“最近发表”、“热门文章”、“热评文章”、“标签列表”、“文章归档”均采用缓存txt模式,调用内容自动生成,无需手动管理。调用的数量及热门天数在主题配置中设置,设置完成后,需要重新编辑任意文章,生成新的缓存txt文件。
- 友情链接、标签聚合、文章归档、读者墙模板,设置方法,页面管理,新建,标题内容自拟,右侧选择对应模板(见下方),如果没有内容则随便编辑文章下,重新生成缓存txt内容。
PS:友情链接模板“links”、标签聚合模板“tags”、文章归档模板“sitemap”、读者墙模板“readers”
- 主题自带幻灯片轮播功能,设置方式在主题设置-轮播设置,自行添加幻灯片,尺寸建议(512*335像素)。另外幻灯片右侧文章在后台自定义,填写文章ID即可,主题设置-全局设置。
- 如果关闭右侧文章则不显示,幻灯片建议更换为780*350(此尺寸仅仅使用关闭右侧文章的时候)
- 侧栏模块调用顺序,首页调用默认侧栏,分类(catalog)列表模板调用侧栏2,普通文章和商品文章模板调用侧栏3,图片分类(cataimg)模板调用侧栏4,移动端导航调用侧栏5(无内容则不显示)。
- 分类模板有两种模式:“catalog(左图右文)”和“cataimg(上图下文)”,文章默认模板“single”(分类管理-编辑)。
- 自定义SEO开启之后,分类模板标题(如图):标题自行设置,例如:自定义分类标题-自定义名称,前台显示:自定义分类标题-自定义名称,取消后面的网站标题接口,设置更方便。(不明白就自行设置下就清楚了)
导航栏二级菜单代码:(模块管理-导航栏,也可以使用链接模块管理插件开启二级菜单)
Markup
代码语言:javascript复制<li class="menu-item-has-children">
<a href="/">一级菜单</a>
<ul class="dropdown-menu sub-menu">
<li><a href="/">二级菜单1</a></li>
<li><a href="/">二级菜单2</a></li>
<li><a href="/">二级菜单3</a></li>
</ul></li>
更新日志:2021/06/06
-- 优化部分夜间模式细节,修改夜间代码。
-- 新增主题配的快捷方式保存(ctrl s)。
更新日志:2021/05/21
-- 优化缩略图,增加1.7版本适配开关,1.7版本开启后将优先使用系统自带裁剪代码,1.7以下版本采用原有代码策略(脑壳疼,听不懂不要紧,反正也不需要你设置什么,裁剪开启或者关闭就行了。)
-- 修复多图模式下部分页面出错的BUG。
-- 优化和适配所有缩略图方案,代码效率更高,换的的脑壳疼,,,还是不需要操作什么,知道更新内容就行了。
-- 优化关闭网站评论文章及列表仍然显示评论数量的问题。比如应付备案,您只需要关闭评论(网站设置,评论设置)前台留言评论信息就不会显示了。
更新日志:2021/05/19
-- 修复UE编辑器关闭时主题配置上传图片失效的问题。
-- 新增1.7版本随机文章显示功能,老客户更新之后需要重新点击启动才能增加此模块,然后在模块管理,把随便看看拖拽到右侧侧栏,调用数量默认是6,想要修改的话,编辑侧栏随便看看,类型换成UL,直接添加数字即可。
-- 主题首页轮播增加开关,部分老客户更新之后可能会导致轮播默认关闭,需要重新开启,主题配置-设置首页轮播自定义文章-开启首页轮播模块。
-- 优化和适配1.7版本缩略图裁剪代码,裁剪尺寸在主题配置-功能开关-缩略图裁剪设置,开关对1.7无效,1.7版本自动启用裁剪,只设置尺寸即可,质量1.7 版本无效,1.5及以下版本想要裁剪需要开启开关。
更新日志:2021/04/28
-- 修复侧栏热门评论文字太多导致错乱的问题,重新优化样式,更新之后强制刷新(ctrl f5)。
-- 优化zbp1.7版本各模板名称。
-- 优化和适配1.7文章最后编辑时间提示。
-- 修复头像优先显示在部分情况下图片出错的问题。
更新日志:2021/04/02
-- 优化读者墙代码及前端样式。
-- 优化留言评论头像优先采用QQ邮箱方式。
-- 右侧侧栏留言模块代码。
-- 模板名称兼容1.7版本,修复1.7版本分类及文章不显示现有模板的问题。
-- 其他优化若干。
更新内容:2021/02/20
-- 新增同类上下篇文章功能,主题配置-全局配置-文章页相关阅读,开启。
更新日志:2021/02/09
-- 更新春节皮肤,主题配置-功能开关-节日皮肤设置
皮肤背景图:https://s3.ax1x.com/2021/02/09/ydkfW6.jpg,背景色:#ffc196
-- 新增微博分享自定义来源功能,需要填写微博开发者KEY,申请开发者教程参考https://www.talklee.com/blog/565.html。PS,主题配置-全局设置-文章一键分享,不需要的话不填写即可。
-- 分享按钮新增开关。
更新日志:2021/01/01
--网页节日背景图和动态飘雪特效分离。
-- 优化节日皮肤接口及css样式代码,优化飘雪特效。
设置路径:主题设置-功能开关,节日背景皮肤,默认背景图“https://s3.ax1x.com/2020/12/22/rDOWzn.jpg”,默认颜色“#e7d6ce”,右侧开启即可。
往期更新(节选):
-- 优化侧栏作者信息在部分浏览器出现颜色重叠的问题。
-- 后台新增商品售价接口,文章管理,新建,右侧有主题售价接口。
-- 优化轮播转动方式,“垂直切换”改为“横向切换”。
-- 优化轮播右侧轮播页数角标(更新完成记得强制刷新)。
-- 优化后台授权验证代码,远程API无法访问时调用本地验证文件,以确保官网失效时不会影响用户使用。
-- 优化夜间模式和白天模式切换导航栏有叠加的问题。
-- 优化所有广告接口类名,防止部分浏览器因为“ads”标签导致广告被屏蔽。
-- 优化夜间模式下移动端某些界面显示不友好的问题。
-- 优化导航菜单选中时底部图标及二级菜单角标样式。
-- 优化分类模板的文章列表三图模式下的间距。
-- 优化文章页部分代码样式不统一的问题。
-- 修复模板接口标签错误导致无法正确调用的问题。
-- 优化文章上下篇时间出错的问题。
-- 优化PHP代码。
-- 优化缩略图延迟显示功能。
-- 优化文章打赏代码,后台接口不变,更新之后如有错位请删除本地缓存或者清空CDN缓存,Ctrl F5强制刷新。
-- 优化SEO规范,减少部分模板页出错关键词及描述重复的问题。
-- 修复商品模板发布时间接口错误的问题。
-- 优化移动端导航侧栏菜单整体效果。
--两个移动端风格,全屏背景虚化和顶部背景虚化,主题设置-全局设置-移动端导航侧栏设置,需要设置默认头像,顶部背景图和全屏背景图(有开关),开启全屏背景则顶部背景接口无效,反之全屏背景接口无效!更新之后想要开启顶部背景需要先开启全屏之后在关闭,因为默认为空,不显示背景。
-- 优化移动二级菜单高亮重复问题。
-- 适配“链接模块管理”插件模板,可以直接使用插件开启二级菜单或者编辑导航。
-- 文章页新增字体大小调整功能。
-- 因SEO插件因素,重新优化SEO兼容模板,解决开启SEO插件导致的错版问题;
-- 重新优化网站面包屑导航,不在增加开关,更新主题后直接启用,此次更新之后需要重新清空缓存并编译主题模板(后台首页)。前台需要强制刷新或者更新CDN缓存。
-- 完善缩略图裁剪方案。文章和商品文章微博分享和海报生成直接调用原图无裁剪。
-- 新增分类列表面包屑导航代码。
-- 优化默认缩略图代码,减少重复请求问题。
-- 新增缩略图裁剪功能,功能设置,裁剪质量,款和高度,建议:质量90,W:210,H:159
PS:缩略图裁剪功能仅仅适用分类列表的单图模式,不适用大图和多图和其他模式。缩略图裁剪尺寸在后台功能开关设置,设置完成后,上传的图片宽和高度必须大于设置的参数,否则图片裁剪之后填充背景为白色!
-- 评论新增表情图标。
PS:表情图标可以随意更换,为防止下次更新修改之后的图标被覆盖,所以仅限0509主题包自带表情图标,以后更新的主题无图标文件。附默认表情图标下载地址:(亦可在Q群文件下载)
百度云盘:链接:https://pan.baidu.com/s/1dyq6fX9Lg5QP_-YPsNQk9Q 提取码:mshw
下载之后把“emotion”文件夹上传至“/zb_users/theme/quietlee/include/”目录即可。如果不喜欢现在的,可以把图片删除,更换自己的,所以添加自定义表情图标,表情名称随意但是不能只中文,最好都是英文。
- 评论区开放个人主页接口。
- 删除评论快捷回复功能及后台对应接口。
- 重写评论JS代码,更新最新1.6版本写法,非1.6版本以下博客最好不好升级,因为没测试1.5 是否可以用。
- 评论区昵称输入QQ可自动获取QQ名称,邮箱和QQ空间主页(关于QQ获取头像目前测试有BUG暂不添加
- 兼容了官方头像插件(ID:Gravatar),启用插件后建议开启“优先查找本地头像”
- 更新侧栏标题右侧装饰。
- 删除冗余代码,提升网站速度。
- 加强主题防盗防破解加密代码,部分盗版用户可能无法正常适用主题。
- 其他优化更新。
更新日志:2020/04/22
- 优化文章版权声明功能,增加文章底部默认显示版权(如文章是转载,请在文章页面添加转载信息,才显示,否则显示默认版权声明)。
- 文章评论框增加默认背景图片。
更新日志:2020/04/22
- 优化cataimg模板调用侧栏4,文章和商品文章统一调用侧栏3,其他模板不变。
- 优化夜间模式侧栏日历模块未适配的问题。
- 优化首页底部模块,在翻页情况下不显示CMS模块。
- 取消首页文字列表上方广告循环展示的功能(如果采用图片广告,此广告循环展示三次,属于重复,所以暂时取消。)
更新日志:2020/04/18
- 被迫营业,修复轮播图右侧文章关闭时导致轮播不显示的BUG。
- 新增首页屏蔽某个文章分类ID的功能。(默认关闭,如果开启则添加分类ID,例如1,那么首页最新发布的文章,就没有分类1下的所属文章。)
更新日志:2020/04/14
- 修改文章多长图片和没有图片的默认显示方式,超过三张图,默认显示一张,需要显示三张则手动开启多图,文章无图默认随机显示一张,如果不需要则手动开启无图。
- 夜间模式按照反馈要求,增加开关,不需要这个功能的关闭接口,主题设置-功能开关。
- 网页底部魔方,更改开关模式,增加自定义文字适配,主题配置-全局配置
- 再次修改文章相关推荐的调用方式,根据不同需求自行选择,
选项说明:如果文章没有标签,则调用网站最新发布的文章,商品文章采用固定的相关分类调用方式。
相关标签-根据文章相同的标签调用相关文章;
相关分类-根据相同分类调用最新发布的文章;
同签同类-根据相同分类且相同标签调用文章;
- 优化zbp1.6搜索模板。
- 侧栏,作者信息,文章评论数改为文章的发布日期。
- 修复某些情况文章段落不自动换行导致的BUG。
- 优化网站布局和部分自适应样式。
更新日志:2020/04/09
- 右侧客户QQ在文章和独立页变更为评论按钮,点击直达评论区域(开启评论的情况下)。
- 优化首页轮播样式,移动端删除右侧奥森图标。
- 图片列表模板(cataimg)调用“侧栏2”改为调用“侧栏5”。
- 新增收藏按钮的奥森图标。
- 优化用户中心信息页模板。
- 分类列表之间广告位新增循环显示功能,什么意思?就是说在列表间建插入的广告,点击更多文章可以循环显示这个广告位,解释得不够清楚的话,自己设置然后看效果(目前仅仅支持谷歌广告和HTML广告,百度联盟不支持循环)。
- 优化404模板样式。
- 新增移动端显示侧栏代码(想开启侧栏,直接复制以下代码,粘贴在自定义css里。开启即可)。
CSS
代码语言:javascript复制@media screen and (max-width:460px) {
.side{display:block;}}
PS:460px,为手机屏幕的最大宽度,无特殊需要直接默认就好。
更新日志:2020/04/07
- 优化移动端网页底部内容设置,隐藏“网站底部信息”内容接口。
- 优化评论框文字过多显示不全的BUG。
- 文章顶部免责声明转移至网站文章底部。
- 添加用户中心收藏按钮(不会设置参考锦鲤主题文章,查找关键词“收藏”)。
- 优化css细节。
更新日志:2020/03/30
- 适配ZBP1.6版本。
- 适配文章页表格的夜间模式。
- 优化移动端顶部搜索样式。
更新日志:2020/03/27
- 优化夜间模式js代码,删除时间自动切换夜间模式代码(代码无效)。
- 删除和整改不符合W3C国际标准的标签及框架布局(网页完全符合W3C标准,排除插件)。
- 优化首页友情链接排序方式,适配自适应显示效果。
- 优化分类模板没有摘要情况下自动调用网站描述接口。
- 优化网站整体布局细节。
- 优化夜间模式及整体布局样式。
更新日志:2020/03/21
- 文章页模板添加视频接口,可以添加第三方“iframe”视频。接口位置如图:
- 添加方法,以腾讯视频为例:点击底部分享,选择“复制通用代码”(或者“嵌入代码”)如图:
- 得到如下代码:
Markup
代码语言:javascript复制<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p" allowFullScreen="true"></iframe>
- 复制“https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p”视频链接,然后粘贴在文章的视频接口处,可选是否自动播放,提交查看效果(自适应比例)。
- 修改商品文章模板样式及自适应显示效果。
- 商品文章模板右侧增加独立侧栏模块。
- 新增会员中心模板,点击个人头像跳转主页。
- 分类模板新增图片背景,主题设置-功能开关-(开启SEO)开启顶部背景图,分类管理,编辑分类,最下面添加图片,优先显示此接口图片地址。如果分类过多,在功能开关-顶部背景添加必应的随机显示图片即可,地址“//api.ooopn.com/image/bing/api.php?v=2&type=jump”
PS:如果分类管理和顶部背景的接口都设置了,那么优先显示分类管理设置的图片。
- 适配自适应和夜间模式。
- 优化若干细节(好多好多,,,细节)!!!
更新日志:2020/03/16
- 添加DNS预解析接口。
- 优化文章列表缩略图没有延迟加载的问题。
- 顶部导航条增加“新建文章”链接,可以快速新建文章。
- 完善logo和搜索栏隐藏特效,增加渐显效果。
- 美化导航栏二级菜单样式。
- 新增精选文章模块(位于轮播下方,后台主题管理-全局设置“设置首页轮播自定义文章”)
- 文章页相关阅读推荐增加开关,增加调用文章数量接口,优化调用方案,可开启调用同分类下的文章。
- 移动端文章页阅读全文增加开关。
- 修复首页侧栏作者信息调用最新文章接口错误的BUG。
- 增加三个广告,首页图文模块上方,文字链接模块上方和下方广告位。
- 新增幻灯片轮播链接新窗口功能。
- 更改分类、标签和文章页SEO接口变量(与锦鲤主题接口一致,之前使用锦鲤主题自定义的SEO内容将直接调用,无需重新添加)。
- 优化分类列表标题过多导致错位的BUG。
- 优化文章页插入视频,移动端被拉伸的问题。
- 优化夜间模式下副logo图片不隐藏(白天和夜间采用同一张图片)。
- 功能及样式适配。
更新日志:2020/02/28
- 优化文章列表之间的广告代码。
- 修复验证码重叠的BUG。
- 优化友链,后台增加开关。
- 删除部分css动态特效,减少资源消耗。
- 部分模块细节及样式。
更新日志:2020/02/23
- 删除导航栏搜索右侧“推荐功能”。
- 优化文章页顶部面包切导航,优化自适应显示效果。
- 优化文章页时间标签,PC显示年份(右侧日期)移动端显示日期。
- 优化自适应和夜间模式显示效果。
- 优化部分CSS显示效果及部分图片放大特效。
- 完善移动端显示效果。
- 优化底部文字列表模块,将调用的第一篇文章改为图片形式,如图:
大版本升级,更新主题后先设置主题内容,尤其是调用的文章及热门天数,都设置完成后在去编辑文章(生成缓存),否则会出现,导致网站无法打开,如果有CDN更新主题之后请刷新CDN缓存,或者强制刷新首页确保使用最新css样式表。
2020/02/17
- 优化和适配用户中心超级会员的昵称和等级。
- 优化导航栏搜索跟随状态,滚动条下拉隐藏搜索和logo,保留导航,上划显示logo和搜索,据说这样用户体验会更好?是么?
- 新增商品模板独立广告代码接口(因为商品模板无侧栏,适用普通分类广告接口,左右会有大空隙,影响整体美观。)
- 优化侧栏标签对齐方式,改为居中。
- 新增底部魔方功能(武汉加油,功能设置-武汉加油魔方)。
- 修改文章和列表顶部蓝色下划线的显示方式。
- 还有一部分优化细节,具体就不一一赘述了。
2020/02/13
- 新增侧栏热门调用方式,后台设置调用热门的文章天数。
- 新增侧栏调用接口,注意:更新主题后此接口为空,建议按照图中设置,,首页安装的话有默认设置
- 优化夜间模式不兼容的样式代码。
- 新增商品类模板主题,分类,选择如图模板即可:分类列表选择“catasell”模板,文章模板选择:“sale”。
- 新增和适配用户中心插件(LayCenter)相关功能。
- 新增多图模式下可以选择单图显示(文章图片大于三张显示单图模式,编辑文章右侧有单图模式开关)。
- 底部信息(备案号上面位置)增加接口,可自定义内容。
- 修改文章文字链接颜色。
- 更新图片灯箱效果,主题配置-功能开关-开启图片灯箱
- 文章底部举报信息内容增加接口,设置如图:(更新主题后内容为空,可以参考文字信息)
Markup
代码语言:javascript复制1.网络违法和不良信息举报电话:010 - 12321 举报邮箱:jubao@12377.cn
2.本站采用创作共用版权 <a href="https://creativecommons.org/licenses/by-nc-sa/2.5/cn/deed.zh" target="_blank" rel="nofollow">CC BY-NC-ND/2.5/CN</a> 许可协议,转载或复制请注明出处
基本设置:
- 如图,logo有两种,分别是白天和夜间模式两种,自行设计然后上传即可(上传图片功能需要默认UE编辑器插件,如未开启则上传失效,需要自行添加logo地址)。
- 另外需要注意的是,QQ登录需要安装第三方插件,设置开KEY等内容后,填写登录地址即可,第三方插件给予登录地址,没有插件关闭该功能即可。
全局设置:
- 设置侧栏作者ID:添加管理员的会员ID即可,一般情况都是“1”,然后设置背景图片。特别注意,这里的作者信息显示在首页与文章页作者是两个模块,文章页右侧显示的是文章发布的作者,不是网站管理员,站点要明确下。
- 公告不用说了,按照格式修改内容即可,然后在模块管理-主题自带模块-公告,自定拖拽到对应侧栏即可。
- 搜索栏右侧推荐:对应位置在导航栏,logo最右侧,修改链接和名称即可。注意:右侧开关针对幻灯片轮播的。
- 首页文章列表导航标签设置:此处设置文章列表导航标签,文章列表导航标签对应图1(为空则不显示),滚动字母对应图2。注意:右侧开关针对右侧滚动字幕。
- 首页图文模块展示:针对首页底部CMS模块,直接选择要显示的分类和调用的文章数量即可。
- 首页文字列表展示:填写要展示的分类ID,设置调用的文章数量。
- 底部导航标签:网站底部右侧导航标签,可以设置网站底部,隐私保护等相关内容。
- 其余的就是设置网站的统计代码,放在统计代码接口(也可以填写百度等自动推送代码),建站时间,备案号和评论信息等内容。
- 轮播设置:特别说明排序,数值越小,排名越靠前。(另外,新启用主题此处内容为空,需要自行设置,如果以后更新主题之后发现轮播的内容不是自己设置的,不要惊慌,,,可能是我上传的时候忘记删除了幻灯片页面导致,只需要点击修改即可变更自己的轮播内容)。
PS:如果关闭了换封片右侧文章,那么幻灯片的尺寸建议“780*350”,如果开启文章,图片比例进阶4:3或者矩形。
- 广告设置:需要特别介绍的是头部接口和脚本接口,先说头部接口干嘛用的,右侧有备注,此接口是放在网页的head之内的,比如我们常用的广告联盟,百度或者谷歌需要在头部放上js代码,这时我们只需要把代码复制,粘贴在此处,开启此接口,然后点击底部保存。(当然还能放一些网页验证的meta标签)。
- 脚本代码,此处可以放一些js特效和第三方js,比如我们常用的飘雪JS特效,也可以放百度、360搜索的自动推动代码。
- 剩下的就是各个广告的接口了,直接添加联盟广告代码就行了。如果是自定义的广告,代码如下:
Markup
代码语言:javascript复制<div class="adimgs"><a rel="nofollow" target="_blank" href="目标网址"><img src="图片地址"></a></div>
- 最后一个功能设置:
- 有文章新窗口打开、滚动特效、文章全局翻页、自定义缩略图和自定义SEO设置。
- 后台设置完成看看前台效果。
部分预览图:
首页预览图(正常模式):
首页预览(夜间模式):