zbpNana 主题是根据本人的 WP 响应式主题 Nana 编译而来,集成博客、CMS 和图片三大布局,常规 13 种颜色和自选颜色实现一键切换站点颜色风格。PS:启用主题后模块中的控制面板、搜索、最近发表、最新留言、标签列表、作者列表等模块已经重建过,所以需要直接编辑提交方可生效。更多使用请看本站分享的使用说明。
主题特点
- 响应式主题,兼容各大主流浏览器;
- 集成三个布局,可一键切换到博客布局、CMS 布局和图片布局;
- 主题配置集成 13 种颜色风格,可一键切换,不满意还可自行配色;
- 集成站长推荐、热门文章、热评文章、彩色标签云、3D 标签云等小工具;
- 集成点赞功能、评论表情、打赏、分享功能;
- 集成 SEO 功能和缩略图功能;
- 文章相关文章优先寻找同标签文章,不足后继续寻找除本文和相同标签文章外的同类文章;
- 集成百强读者、热门标签、文章归档、无侧边栏的全屏模板;
- 集成通栏广告、文章列表中间、文章页等六个广告位,分 PC 和移动端;侧边栏广告位可自行添加;
- 集成智能侧边栏跟随功能。
主题演示及下载地址
主题使用说明
一、基本使用说明
启用主题后,请根据 zbpNana 主题配置相关项目进行设置,每一个选项都配有说明,部分项目也设置有默认内容,请根据内容修改即可。特别是『功能开关』配置中,建议根据需求把相关功能开启,建议全开启。如果选择 CMS 布局,请继续设置 CMS 相关项目,其中双栏文章的分类 ID 一定要是双数才行,就是需要两个或四个及以上的分类,要不然会错位;如果选择图片布局,记得到『网站设置』中的『页面设置』对列表页数量改为 12 的倍数,如 12 篇,或 24 篇等。
二、主题配置中的图片设置
请根据相关图片规格制作好图片后,请分别命名为 logo.png、favicon.ico、gongzhonghao.jpg、dashang.jpg,然后再选择文件上传并保存即可。如果不存在以上命名的图片,将会显示主题默认图片。
三、导航菜单使用
zbpNana 主题支持 PC 端和移动端的二级菜单,所以请按正确格式添加菜单,示例如下:
- <li><a href=“http://localhost/zblogphp/?cate=7”><i class=“fa-fire fa”></i> 帝国系列</a>
- <ul class=“sub-menu”>
- <li><a href=“http://localhost/zblogphp/?cate=4”><i class=“fa-folder-open fa”></i> 技术文档</a></li>
- </ul>
- </li>
PS:zbpNana 主题已经把 font awesome 4 menus 这个图标字体集成到主题中,可以直接到其官网(http://fontawesome.io/icons/)找到想要的图标,然后直接添加使用即可。
- <i class=“fa-folder-open fa”></i>
四、侧边栏模块使用
重建过的模块,请点击编辑提交更新一下即可正常使用。
1、侧边栏广告:根据要求填写名称、文件名、ID,类型选择为 DIV,正文直接填入代码即可。
2、最近发表、最新留言已经重建,只需要点击编辑然后点击提交即可,也可以直接输入 UL 内 LI 最大行数来控制输出,或直接默认也行。
3、标签列表已经重建,分为默认标签云、彩色标签云、3D 标签云,需要到主题配置中的『功能开关』选择显示哪一类标签云,建议只能选一种,要不然会错位。然后点击编辑标签列表模块,接着点击提交即可,也可以直接输入 UL 内 LI 最大行数来控制输出,或直接默认也行。
4、作者列表已经重建,默认显示作者别名及文章数,在主题配置中的『基本设置』开启作者列表变更为综合文章(站长推荐、热门文章、热评文章),相关统计天数后,编辑作者列表模块,隐藏标题,接着点击提交即可,也可以直接输入 UL 内 LI 最大行数来控制输出,或直接默认也行。
5、搜索,编辑并替换正文内容(记得修改其中的地址哦):
- <form id=“searchformc” name=“search” method=“post” action=“http://localhost/zblogphp/zb_system/cmd.php?act=search”><input type=“text” name=“q” size=“11” /> <button type=“submit” id=“searchsubmitc”>搜索</button></form>
6、控制面板:删除登录后台和查看权限中间的两个空格:
7、其他模块已经美化,可以直接添加使用
8、侧边栏的友情链接模块和导航栏模块不建议使用,因为友链已经固定显示在页脚,导航栏显示在站点顶部。
五、分类、标签、页面和文章的 SEO编辑
直接在相应项目进行编辑,然后输入相关内容即可,如新建或编辑分类,直接填写摘要、SEO 标题和关键词,这样分类页就会显示所添加的 SEO 标题、描述和关键词。其他类似。
待续