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

2017-04-25 23:26 21,424人阅读

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

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

主题特点

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

主题演示及下载地址

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

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

图片布局:https://www.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 主题列表页秒变宽松型》。

4、zbpNana 主题 HTTPS 站点小绿锁不显示?

答:升级到 HTTPS 站点之后,由于百度分享和 gravatar 头像还是 HTTP 所以导致小绿锁不显示,具体的解决办法请移步《HTTPS 站点使用 zbpNana 主题如何解决小绿锁问题?》。

发表评论


表情

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

    右侧那,有个站长推荐,热门文章,推荐文章
    这个怎么实现?

    • 懿古今
      懿古今【老板】2018-04-19 15:33  回复

      @QQ游客zbpNana主题指南里面有详细介绍,请自行查阅。查看密码在群公告中

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

    主题不错,但是首页不能更新是怎么回事啊?还有留言模版也没有?加你的QQ也不通过

    • 懿古今
      懿古今【老板】2018-04-06 22:36  回复

      @QQ游客在不安装缓存插件或不修改主题文件的情况下都能正常更新文章到首页,留言板直接新建一个页面就搞定了,无所任何模板,更多个性化只能自己折腾了

  3. 财务楼
    财务楼 【实习】 @回复

    必须支持,这个主题很好,摸索了两天,感觉很强大,我喜欢!

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

    加你QQ怎么不通过呢, 在忙吗

  5. Times
    Times 【实习】 @回复

    一直再找图片展示的博客主题,这款主题的图片布局首页可以分区域显示不同类别的内容吗,比如我分三块,分别显示不同类型的图片。而不是按顺序只显示最新发表的内容?

    • 懿古今
      懿古今【老板】2018-03-21 12:06  回复

      @Times只要会折腾没有什么不可以,免费主题只能自己慢慢折腾DIY。

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

    后台进去怎么提示Invalid argument supplied for foreach() 这是怎么回事

    • 懿古今
      懿古今【老板】2018-03-18 21:08  回复

      @QQ游客免费主题不提供技术指导,目测应该是没有正确填写主题选项导致

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

    你好,今天搞了下网站分类,结果发现导航栏整体错位下移是怎么情况啊,百度了下没有找到解决办法,能帮忙处理下吗,没办法上图,最好能去看下我的网站,非常感谢。

    • 懿古今
      懿古今【老板】2018-03-16 11:52  回复

      @QQ游客错误下移的原因就是导航菜单太多,可以适当把一些菜单放到二级菜单中,具体自行折腾吧。免费主题不提供技术指导。

    • QQ游客
      QQ游客 【实习】2018-03-16 11:53  回复

      @QQ游客找到解决的方法了,还有一点小问题 ,不过还算凑合吧

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

    这个主题,没看到案列

  9. 网赚90俱乐部
    网赚90俱乐部 【实习】 @回复

    主题很不错,用了有两个月了,今天想把一篇文章置顶,发现置顶文章就不在首页显示了,不管设置的那种分类都不行,然后在这里找答案,发现没有,百度找试了没有效果,在就是博客写好的文章没办法定时发送,不知道什么原因,总体来看还是不错的。支持一下,忘楼主帮忙解答下原因

    • 懿古今
      懿古今【老板】2018-03-06 16:06  回复

      @网赚90俱乐部本站分享的主题都已经取消了置顶功能,改为站长推荐功能,想要置顶功能只能自己去折腾。zblogPHP的定时发布功能没关注。

  10. 狼山猎人
    狼山猎人 【实习】 @回复

    老板、如何实现伪静态呢?

    • 懿古今
      懿古今【老板】2018-02-22 10:16  回复

      @狼山猎人不管是WordPress还是zblog程序,后台都有伪静态的设置,具体不懂的百度一下就知道了

  11. 狼山猎人
    狼山猎人 【实习】 @回复

    这个主题很棒、虽然我不需要去掉版权部分、但是还是要支付费用的、那样心安、不过今天初二、加老板了、老板不在线、先恭喜发财啊!

    • 懿古今
      懿古今【老板】2018-02-22 10:18  回复

      @狼山猎人[给力] 谢谢夸奖和支持,玩博客毕竟不是主业,所以无法保证经常在线及时处理的,希望理解

  12. 90客栈
    90客栈 【实习】 @回复

    站长推荐怎么弄出来的

  13. 暗潮
    暗潮 【实习】 @回复

    必须支持,这个主题很好,摸索了两天,感觉很强大,我喜欢!

  14. 时光路人
    时光路人 【实习】 @回复

    (站长推荐、热门文章、热评文章)这块不显示 怎么处理

  15. 明月清风
    明月清风 【实习】 @回复

    我一直使用的都是nana主题,还赞助了一下作者 感觉蛮不错

  16. 宏
    【实习】 @回复

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

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

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

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

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

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

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

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

    赞一个!!!

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

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

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

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

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

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

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

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

  21. 192.168.1.1
    192.168.1.1 【实习】 @回复

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    博主抛弃wp转战zblog了?

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

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

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

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

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

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

  32. brokenway
    brokenway 【实习】 @回复

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

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

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

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

    看起来很高端

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

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

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

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

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

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

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

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

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

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

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

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

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

    预祝老古的zblog主题大麦