宁静致远(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:这么说单图样式和三图样式不明白的,自己上传三张图片,看看前台什么样,然后在开启“大图”和“单图”样式,对照以下就明白了。

演示地址:这个仅针对商品类模板有效。

缩略图:上传列表分类显示的图片,上传之后则优先显示自定义图片。

image.png

  • 侧栏模块中“最近发表”、“热门文章”、“热评文章”、“标签列表”、“文章归档”均采用缓存txt模式,调用内容自动生成,无需手动管理。调用的数量及热门天数在主题配置中设置,设置完成后,需要重新编辑任意文章,生成新的缓存txt文件。

  • 文章归档设置方法:页面管理,新建,标题内容自拟,右侧模板选择“sitemap”,然后提交,查看效果,如果没有内容则随便编辑文章下,重新生成缓存txt内容。

  • 主题自带幻灯片轮播功能,设置方式在主题设置-轮播设置,自行添加幻灯片,尺寸不限。另外幻灯片右侧文章在后台自定义,填写文章ID即可,主题设置-全局设置。

  • 如果关闭右侧文章则不显示,幻灯片建议更换为780*350(此尺寸仅仅使用关闭右侧文章的时候)

  • 侧栏模块调用顺序,首页调用默认侧栏,分类列表调用侧栏2,文章页调用侧栏3,商品类模板调用侧栏4,移动端导航调用侧栏5(无内容则不显示)

  • 自定义SEO开启之后,分类模板标题(如图):标题自行设置,例如:自定义分类标题-自定义名称,前台显示:自定义分类标题-自定义名称,取消后面的网站标题接口,设置更方便。(不明白就自行设置下就清楚了)

image.png

导航栏二级菜单代码:(模块管理-导航栏,自行添加二级菜单代码)

 Markup
<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>


更新内容:

更新日志:2020/03/30

  • 适配ZBP1.6版本。

  • 新增文章版权声明接口,主题设置-功能开关。

  • 适配文章页表格的夜间模式。

  • 优化移动端顶部搜索样式。

更新日志:2020/03/27

  • 优化夜间模式js代码,删除时间自动切换夜间模式代码(代码无效)。

  • 删除和整改不符合W3C国际标准的标签及框架布局(网页完全符合W3C标准,排除插件)。

  • 优化首页友情链接排序方式,适配自适应显示效果。

  • 优化分类模板没有摘要情况下自动调用网站描述接口。

  • 优化网站整体布局细节。

  • 优化夜间模式及整体布局样式。

更新日志:2020/03/21

  • 文章页模板添加视频接口,可以添加第三方“iframe”视频。接口位置如图:

202003181584511382424981.png

  • 添加方法,以腾讯视频为例:点击底部分享,选择“复制通用代码”(或者“嵌入代码”)如图:

202003181584511530448824.png

  • 得到如下代码:

 Markup
<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”

image.png

PS:如果分类管理和顶部背景的接口都设置了,那么优先显示分类管理设置的图片。

  • 适配自适应和夜间模式。

  • 优化若干细节(好多好多,,,细节)!!!

更新日志:2020/03/16

  • 添加DNS预解析接口。

  • 优化文章列表缩略图没有延迟加载的问题。

  • 顶部导航条增加“新建文章”链接,可以快速新建文章。

  • 完善logo和搜索栏隐藏特效,增加渐显效果。

  • 美化导航栏二级菜单样式。

  • 新增精选文章模块(位于轮播下方,后台主题管理-全局设置“设置首页轮播自定义文章”)

  • 文章页相关阅读推荐增加开关,增加调用文章数量接口,优化调用方案,可开启调用同分类下的文章。

  • 移动端文章页阅读全文增加开关。

  • 修复首页侧栏作者信息调用最新文章接口错误的BUG。

  • 增加三个广告,首页图文模块上方,文字链接模块上方和下方广告位。

  • 新增幻灯片轮播链接新窗口功能。

  • 更改分类、标签和文章页SEO接口变量(与锦鲤主题接口一致,之前使用锦鲤主题自定义的SEO内容将直接调用,无需重新添加)。

  • 优化分类列表标题过多导致错位的BUG。

  • 优化文章页插入视频,移动端被拉伸的问题。

  • 优化夜间模式下副logo图片不隐藏(白天和夜间采用同一张图片)。

  • 功能及样式适配。


更新日志:2020/02/28

  • 优化文章列表之间的广告代码。

  • 修复验证码重叠的BUG。

  • 优化友链,后台增加开关。

  • 删除部分css动态特效,减少资源消耗。

  • 部分模块细节及样式。


更新日志:2020/02/23


  • 删除导航栏搜索右侧“推荐功能”。

  • 优化文章页顶部面包切导航,优化自适应显示效果。

  • 优化文章页时间标签,PC显示年份(右侧日期)移动端显示日期。

  • 优化自适应和夜间模式显示效果。

  • 优化部分CSS显示效果及部分图片放大特效。

  • 完善移动端显示效果。

  • 优化底部文字列表模块,将调用的第一篇文章改为图片形式,如图:

image.png

大版本升级,更新主题后先设置主题内容,尤其是调用的文章及热门天数,都设置完成后在去编辑文章(生成缓存),否则会出现,导致网站无法打开,如果有CDN更新主题之后请刷新CDN缓存,或者强制刷新首页确保使用最新css样式表。

2020/02/17

  • 优化和适配用户中心超级会员的昵称和等级。

  • 优化导航栏搜索跟随状态,滚动条下拉隐藏搜索和logo,保留导航,上划显示logo和搜索,据说这样用户体验会更好?是么?

  • 新增商品模板独立广告代码接口(因为商品模板无侧栏,适用普通分类广告接口,左右会有大空隙,影响整体美观。)

  • 优化侧栏标签对齐方式,改为居中。

  • 新增底部魔方功能(武汉加油,功能设置-武汉加油魔方)。

  • 修改文章和列表顶部蓝色下划线的显示方式。

  • 新增友情链接、标签聚合、文章归档、读者墙模板,设置方法,页面管理,新建,标题内容自拟,右侧选择对应模板(见下方)。

  • PS:友情链接模板“links”、标签聚合模板“tags”、文章归档模板“sitemap”、读者墙模板“readers”

  • 还有一部分优化细节,具体就不一一赘述了。

2020/02/13

  • 新增侧栏热门调用方式,后台设置调用热门的文章天数。

  • 新增侧栏调用接口,注意:更新主题后此接口为空,建议按照图中设置,,首页安装的话有默认设置
    image.png

  • 优化夜间模式不兼容的样式代码。

  • 新增商品类模板主题,分类,选择如图模板即可:分类列表选择catasell模板,文章模板选择:“sale”。
    image.png

  • 新增和适配用户中心插件(LayCenter)相关功能。

  • 新增多图模式下可以选择单图显示(文章图片大于三张显示单图模式,编辑文章右侧有单图模式开关)。

  • 底部信息(备案号上面位置)增加接口,可自定义内容。

  • 修改文章文字链接颜色。

  • 更新图片灯箱效果,主题配置-功能开关-开启图片灯箱

  • 文章底部举报信息内容增加接口,设置如图:(更新主题后内容为空,可以参考文字信息)

 Markup
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> 许可协议,转载或复制请注明出处

image.png

基本设置:

基本设置.jpg

  • 如图,logo有两种,分别是白天和夜间模式两种,自行设计然后上传即可(上传图片功能需要默认UE编辑器插件,如未开启则上传失效,需要自行添加logo地址)。

  • 另外需要注意的是,QQ登录需要安装第三方插件,设置开KEY等内容后,填写登录地址即可,第三方插件给予登录地址,没有插件关闭该功能即可。

全局设置:

全局设置.jpg

  • 设置侧栏作者ID:添加管理员的会员ID即可,一般情况都是“1”,然后设置背景图片。特别注意,这里的作者信息显示在首页与文章页作者是两个模块,文章页右侧显示的是文章发布的作者,不是网站管理员,站点要明确下。

  • 公告不用说了,按照格式修改内容即可,然后在模块管理-主题自带模块-公告,自定拖拽到对应侧栏即可。

  • 搜索栏右侧推荐:对应位置在导航栏,logo最右侧,修改链接和名称即可。注意:右侧开关针对幻灯片轮播的。

  • 首页文章列表导航标签设置:此处设置文章列表导航标签,文章列表导航标签对应图1(为空则不显示),滚动字母对应图2。注意:右侧开关针对右侧滚动字幕。

image.png

  • 首页图文模块展示:针对首页底部CMS模块,直接选择要显示的分类和调用的文章数量即可。

  • 首页文字列表展示:填写要展示的分类ID,设置调用的文章数量。

  • 底部导航标签:网站底部右侧导航标签,可以设置网站底部,隐私保护等相关内容。

  • 其余的就是设置网站的统计代码,放在统计代码接口(也可以填写百度等自动推送代码),建站时间,备案号和评论信息等内容。

  • 轮播设置:特别说明排序,数值越小,排名越靠前。(另外,新启用主题此处内容为空,需要自行设置,如果以后更新主题之后发现轮播的内容不是自己设置的,不要惊慌,,,可能是我上传的时候忘记删除了幻灯片页面导致,只需要点击修改即可变更自己的轮播内容)。

PS:如果关闭了换封片右侧文章,那么幻灯片的尺寸建议“780*350”,如果开启文章,图片比例进阶4:3或者矩形。

image.png

  • 广告设置:需要特别介绍的是头部接口和脚本接口,先说头部接口干嘛用的,右侧有备注,此接口是放在网页的head之内的,比如我们常用的广告联盟,百度或者谷歌需要在头部放上js代码,这时我们只需要把代码复制,粘贴在此处,开启此接口,然后点击底部保存。(当然还能放一些网页验证的meta标签)。

  • 脚本代码,此处可以放一些js特效和第三方js,比如我们常用的飘雪JS特效,也可以放百度、360搜索的自动推动代码。

广告设置.jpg

  • 剩下的就是各个广告的接口了,直接添加联盟广告代码就行了。如果是自定义的广告,代码如下:

 Markup
<div class="adimgs"><a rel="nofollow" target="_blank" href="目标网址"><img src="图片地址"></a></div>
  • 最后一个功能设置:

image.png

  • 有文章新窗口打开、滚动特效、文章全局翻页、自定义缩略图和自定义SEO设置。

  • 后台设置完成看看前台效果。

部分预览图:

首页预览图(正常模式):

首页-正常模式.png

首页预览(夜间模式):

首页-夜间模式.png


文章投稿或转载声明

来源:李洋版权归原作者所有,转载请保留出处。本站文章发布于 7个月前 ( 04-05 )
温馨提示:文章内容系作者个人观点,不代表云月怡对其观点赞同或支持。

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,442人围观)参与讨论

还没有评论,来说两句吧...