zblogPHP博客、CMS、图片三合一响应式主题zbpNana

2017-04-25 23:26 11,840人阅读

zbpNana主题是根据本人的WP响应式主题Nana编译而来,zbpNana主题集成博客、CMS和图片三大布局,常规13种颜色和自选颜色实现一键切换站点颜色风格。PS:启用主题后模块中的控制面板、搜索、最近发表、最新留言、标签列表、作者列表等模块已经重建过,所以需要直接编辑提交方可生效。更多使用请看本站分享的使用说明和《zbpNana主题使用指南》。

zblogPHP博客、CMS、图片三合一响应式主题zbpNana 第1张

主题特点

  • 响应式主题,兼容各大主流浏览器;
  • 集成三个布局,可一键切换到博客布局、CMS布局和图片布局;
  • 可一键切换侧边栏居左、居右、无侧边栏布局;
  • 可一键切换博客布局和文章列表页图片居左、居右布局;
  • 可一键切换列表页按钮为标准按钮、手动加载和自动加载;
  • 主题配置集成13种颜色风格,可一键切换,不满意还可自行配色;
  • 集成站长推荐、热门文章、热评文章、彩色标签云、3D标签云等小工具;
  • 集成点赞功能、评论表情、打赏、分享功能;
  • 集成SEO功能和缩略图功能;
  • 文章相关文章优先寻找同标签文章,不足后继续寻找除本文和相同标签文章外的同类文章;
  • 集成百强读者、热门标签、文章归档、无侧边栏的全屏模板;
  • 集成通栏广告、文章列表中间、文章页等六个广告位,分PC和移动端;侧边栏广告位可自行添加;
  • 集成智能侧边栏跟随功能。
  • 用户不存在Gravatar头像时显示评论昵称首字母头像。

主题演示及下载地址

博客布局:https://yigujin.cn/nanablog/

杂志布局:http://yigujin.wang/

图片布局:https://yigujin.cn/nanagrid/

如果大家用得开心就打赏赞助20元版权费并可加入懿古今主题交流群(477678587),赞助后请联系本人(QQ:2226524923)邀请加入。如果用得不开心请自行删除主题即可。

PS:zbpNana主题是根据Nana主题编译而来,所以主题布局的演示其实是一样的。

主题版本更新说明

  • V1.1版本:修复了站点处于开发模式下前台的错误。
  • V1.2版本:修复了侧边栏站长推荐的错误。
  • V1.3版本:增加文章分类图片布局开关;调整侧边栏综合文章模块;调整图片布局相关样式;调整优化整站CSS代码。
  • V1.4版本:修复博客布局、CMS布局首页在开启导航菜单下全屏广告后侧边栏拉不到底的问题;修复侧边栏近期评论内容两行文字时被遮挡问题。
  • V1.5版本:修复通过URL添加图片获取缩略图错误;增加列表页翻页按钮(标准按钮、人工加载按钮、自动加载)。
  • V1.6版本:修复侧边栏搜索框按钮颜色问题;优化移动设备判断函数。
  • V1.7版本:用户不存在Gravatar头像时显示评论昵称首字母头像;主题配置中增加侧边栏居左、居右显示、无侧边栏选项;主题配置中增加博客、文章列表宽松、紧凑型选项和图片居左、居右布局选项;侧边栏评论内容、评论楼层号CSS样式调整。
  • V1.8版本:自动添加图片alt和title属性;自动为外链添加nofollow标签;CMS布局最新文章显示指定分类文章;侧边栏标签云改为单选。
  • V1.9版本:修复标签页、作者页、日期页的人工加载和自动加载无反应问题。
  • V2.0版本:修复主题配置中二维码和打赏二维码上传问题。
  • V2.1版本:调整移动端文章类型显示;增加公告栏开关、评论者等级、CMS和文章页广告轮播、侧边栏站长信息栏、文章外链goto跳转、评论者链接goto跳转等功能,详见《zbpNana主题升级到2.1版本 增加广告轮播等功能
  • V2.2版本:修复首页公告栏开关代码放反问题;文章页的版权声明去掉移动端隐藏功能;调整分类页标题的CSS代码,标题可完全显示;增加相关文章的样式,默认为列表式,可选卡片式。
  • V2.3版本:修复主题配置中颜色无法切换问题。

主题使用说明

一、基本使用说明

启用主题后,请根据zbpNana主题配置相关项目进行设置,每一个选项都配有说明,部分项目也设置有默认内容,请根据内容修改即可。特别是『功能开关』配置中,建议根据需求把相关功能开启,建议全开启。如果选择CMS布局,请继续设置CMS相关项目,其中双栏文章的分类ID一定要是双数才行,就是需要两个或四个及以上的分类,要不然会错位;如果选择图片布局,记得到『网站设置』中的『页面设置』对列表页数量改为12的倍数,如12篇,或24篇等。

二、主题配置中的图片设置

请根据相关图片规格制作好图片后,请分别命名为logo.png、favicon.ico、gongzhonghao.jpg、dashang.jpg,然后再选择文件上传并保存即可。如果不存在以上命名的图片,将会显示主题默认图片。

三、导航菜单使用

zbpNana主题支持PC端和移动端的二级菜单,所以请按正确格式添加菜单,示例如下:

  1. <li><a href="http://localhost/zblogphp/?cate=7"><i class="fa-fire fa"></i> 帝国系列</a>
  2.     <ul class="sub-menu">
  3.         <li><a href="http://localhost/zblogphp/?cate=4"><i class="fa-folder-open fa"></i> 技术文档</a></li>
  4.     </ul>
  5. </li>

PS:zbpNana主题已经把font awesome 4 menus 这个图标字体集成到主题中,可以直接到其官网(http://fontawesome.io/icons/)找到想要的图标,然后直接添加使用即可。

  1. <i class="fa-folder-open fa"></i>

更具体的教程请移步《zblogPHP导航栏菜单名称前的个性化图标设置方法》。

四、侧边栏模块使用

重建过的模块,请点击编辑提交更新一下即可正常使用。其中文章、页面的侧边栏是侧栏2,首页分类页是默认侧栏。

1、侧边栏广告:根据要求填写名称、文件名、ID,类型选择为DIV,正文直接填入代码即可。

2、最近发表、最新留言已经重建,只需要点击编辑然后点击提交即可,也可以直接输入UL内LI最大行数来控制输出,或直接默认也行。

3、标签列表已经重建,分为默认标签云、彩色标签云、3D标签云,需要到主题配置中的『功能开关』选择显示哪一类标签云,建议只能选一种,要不然会错位。然后点击编辑标签列表模块,接着点击提交即可,也可以直接输入UL内LI最大行数来控制输出,或直接默认也行。

4、作者列表已经重建,默认显示作者别名及文章数,在主题配置中的『基本设置』开启作者列表变更为综合文章(站长推荐、热门文章、热评文章),相关统计天数后,编辑作者列表模块,隐藏标题,接着点击提交即可,也可以直接输入UL内LI最大行数来控制输出,或直接默认也行。

5、搜索,编辑并替换正文内容(记得修改其中的地址哦):

  1. <form id="searchformc" name="search" method="post" action="http://域名/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <button type="submit" id="searchsubmitc">搜索</button></form>

6、控制面板:删除登录后台和查看权限中间的两个空格:&nbsp;&nbsp;

7、其他模块已经美化,可以直接添加使用

8、侧边栏的友情链接模块和导航栏模块不建议使用,因为友链已经固定显示在页脚,导航栏显示在站点顶部。

9、侧边栏站长信息栏添加教程详见《zbpNana主题升级到2.1版本 增加广告轮播等功能

五、分类、标签、页面和文章的SEO编辑

直接在相应项目进行编辑,然后输入相关内容即可,如新建或编辑分类,直接填写摘要、SEO标题和关键词,这样分类页就会显示所添加的SEO标题、描述和关键词。其他类似。

六、常见问题汇总

1、zbpNana主题添加的部分 Font Awesome 图标字体不显示?

答:这个是因为zbpNana主题集成的 Font Awesome 图标字体是 4.3.0 版本,而所添加的图标有可能是 4.7.0 版本,所以只需要下载 4.7.0 版本的文件上传到主题的 fonts 文件夹覆盖相应文件即可。详见《懿古今主题部分图标字体不显示的解决办法

2、zbpNana主题如何添加侧边栏广告?

答:直接在后台新建模块,然后添加相应代码即可,具体的图片教程请移步《zbpNana主题如何添加侧边栏广告》。

3、zbpNana主题博客布局和分类列表页如何变成宽松型?

答:直接在后台 >> zbpNana 主题配置 >> 基本设置 >> 在『页头额外代码』添加相应代码即可,具体的图片教程请移步《zbpNana主题和Nana主题列表页秒变宽松型》。

发表评论


表情

  1. 宏
    【实习】 @回复

    购买了主题后,最近发表的侧栏不显示内容,怎么设置?
    最近发表、最新留言已经重建,只需要点击编辑然后点击提交即可,也可以直接输入UL内LI最大行数来控制输出,或直接默认也行。

    • 懿古今
      懿古今【老板】2017-09-29 16:12  回复

      @宏购买主题后请联系主题配置说明中的QQ,然后加入相应官方群提问。

  2. 滴答日记
    滴答日记 【实习】 @回复

    side和primary的宽度定义的稍微有点不合适,side太窄,右侧的日程表会挤压。
    side调整到28%,primary调整到71刚刚好。

    • 懿古今
      懿古今【老板】2017-08-29 09:17  回复

      @滴答日记你使用的是本站分享的Blogs主题,这款主题在上线之初就经过调试和测试的,侧边栏添加日历完成没有问题,而你现在调整之后显示的日历一边空间小一边空间大,至于好不好看只能智者见智仁者见仁了。个性化修改自己喜欢就好。

  3. QQ游客
    QQ游客 【实习】 @回复

    赞一个!!!

  4. 劣徒
    劣徒 【实习】 @回复

    启用主题后模块中的控制面板、搜索、最近发表、最新留言、标签列表、作者列表等模块已经重建过,所以需要直接编辑提交方可生效。
    您在zblog的Blogs模板,我安装后在模块管理没有看到他自动生成,麻烦能否指点一下

    • 懿古今
      懿古今【老板】2017-07-23 12:05  回复

      @劣徒免费主题不提供技术指导,请根据主题介绍页自行折腾。

  5. 小飞龙
    小飞龙 【实习】 @回复

    博主你好,我是ZB论坛的小飞龙,由于应用中心的账号和密码忘记了,所以直接向你购买ZB模板,不知道你的QQ号码,看到请加下我的QQ:361135882,谢谢!

    • 懿古今
      懿古今【老板】2017-07-18 22:08  回复

      @小飞龙zblogPHP主题统一在zblog官网的应用中心下载,本站不额外售卖,不好意思。

  6. 192.168.1.1
    192.168.1.1 【实习】 @回复

    很有感觉的主题,现在就需要这种自适应的主题。

    • 懿古今
      懿古今【老板】2017-07-12 22:04  回复

      @192.168.1.1现在大部分主题都是响应式,目前应该是一种潮流

  7. 旅行装备博客
    旅行装备博客 【试用】 @回复

    博主,感谢哈,等我把WP的也折腾下就会回来赞赏你的 [威武]

  8. 肆意嗨影院
    肆意嗨影院 【实习】 @回复

    添加二级菜单在哪添加?我怎么没看明白

    • 懿古今
      懿古今【老板】2017-06-27 17:08  回复

      @肆意嗨影院主题说明第三点就说得很直白了,这样也不明白确实不懂应该怎么说了,玩zblogPHP的一般都能看得懂吧,不明白的请联系本人QQ,提供购买主题凭证后加入官方群提问。

  9. 蓟德吾
    蓟德吾 【实习】 @回复

    请教博主;主页侧边栏错位,文章内容页图片溢出,帮忙看下。

    • 懿古今
      懿古今【老板】2017-06-06 14:31  回复

      @蓟德吾有问题请在群内提问,谢谢合作。

      • 跨境电商平台
        跨境电商平台 【实习】2017-06-17 09:38  回复

        @懿古今很久没有过来了,今天过来学习学习!

  10. 写给工厂上班的人
    写给工厂上班的人 【转正】 @回复

    恭喜,走上付费道路,服务会更完美了。

    • 懿古今
      懿古今【老板】2017-06-06 14:32  回复

      @写给工厂上班的人收费的一般都是有经验的博主,而且需要提供的服务更少,比起免费的更轻松

  11. 蓟德吾
    蓟德吾 【实习】 @回复

    请问:主题有没有域名限制。

    • 懿古今
      懿古今【老板】2017-06-03 17:17  回复

      @蓟德吾zblogphp主题大部分都没有域名限制

  12. 我爱动感单车网
    我爱动感单车网 【副总】 @回复

    [挤眼] zblog,我喜欢,假如我的博客今后要更换主题的话,这个可以考虑!

  13. 清风徐来
    清风徐来 【实习】 @回复

    模板看着不错,不知和你现在用的是不是一样,想入手。

  14. 博客博物馆
    博客博物馆 【实习】 @回复

    博主抛弃wp转战zblog了?

    • 懿古今
      懿古今【老板】2017-05-13 14:45  回复

      @博客博物馆[偷笑] WordPress比较适合折腾,怎么可能抛弃,是两边都学着折腾

  15. 天中青年
    天中青年 【实习】 @回复

    厉害了我的哥,技术越来越全面了

  16. 微西风博客
    微西风博客 【实习】 @回复

    既然收费,老古。我很失望 [委屈]

    • 懿古今
      懿古今【老板】2017-05-09 22:34  回复

      @微西风博客[嘻嘻] 跟免费赞助50元一样,没办法,看到zblogPHP都是收费,不好意思放免费,只能随大流了。

  17. brokenway
    brokenway 【实习】 @回复

    已经购买了这个主题,怎么加群呢?771030176

    • 懿古今
      懿古今【老板】2017-05-08 12:49  回复

      @brokenway后台的主题说明中就介绍到,添加本人QQ为好友,提供购买主题凭证后由群主拉人入群。

  18. 演绎法
    演绎法 【实习】 @回复

    看起来很高端

    • 懿古今
      懿古今【老板】2017-05-08 09:14  回复

      @演绎法[偷笑] 其实就是Nana主题的zblogPHP版本

  19. 橘子书
    橘子书 【副总】 @回复

    其实html、css与js都是共通的,区别更多在于函数方面。
    最后,恭喜老古出了第一款付费主题!

    • 懿古今
      懿古今【老板】2017-05-08 09:15  回复

      @橘子书是的,就是一些函数和格式问题。本打算也是免费,然后靠大家打赏赞助的,但是看了zblog的应用中心,大部分都是收费,免费的差不多都是阉割版,所以不想破坏市场,所以就跟着变成收费主题了。

      • 橘子书
        橘子书 【副总】2017-05-08 11:09  回复

        @懿古今其实我比较好奇,zblog是不是主题都要托管在应用中心,而不是自己写授权这类的?

        • 懿古今
          懿古今【老板】2017-05-08 12:47  回复

          @橘子书这个就不懂了,托管在应用中心需要支付25%的费用,能够想到的好处应该就是比较权威吧。

  20. 飞鸟博客
    飞鸟博客 【试用】 @回复

    醉了 竟然还有人问能不能给一份….

    • 懿古今
      懿古今【老板】2017-05-08 09:18  回复

      @飞鸟博客zblogPHP的好处就是把主题扔上去就不管了,除非有人反馈有问题才去关注,所以谁喜欢就去下载就OK了。

  21. 网赚博客
    网赚博客 【主管】 @回复

    预祝老古的zblog主题大麦

    • 懿古今
      懿古今【老板】2017-05-03 16:55  回复

      @网赚博客[嘻嘻] 谢谢支持,不过zblogPHP用户确实没有WordPress的多,顺其自然就好

      • 阿里书籍
        阿里书籍 【副总】2017-05-03 20:44  回复

        @懿古今博主我在用,可以给一份不

        • 懿古今
          懿古今【老板】2017-05-04 08:50  回复

          @阿里书籍[晕] 既然说明了是收费主题,想要用只能到zblog应用中心下载了

        • 网赚博客
          网赚博客 【主管】2017-05-04 10:09  回复

          @懿古今[阴险] 他是想直接线下付款,方便点