WordPress免费清新响应式博客/杂志/图片三合一主题Nana

一、主题安装须知

1、本主题必须安装文章点击统计插件:WP-PostViews,可以直接在后台插件→安装插件中直接搜索安装官方最新版,也可以在此直接下载。

PS:建议安装完成后到后台→设置→PostViews 页面→Views Template 中的%VIEW_COUNT%后面的“views”删除(包含它前面的空格

2、安装主题前建议先禁用其它插件,只保留上面的 WP-PostViews 插件,以免造成不可预知的问题,特别是一些静态缓存、网页压缩类的插件,切记!之后逐一测试启用,主题不能保证兼容所有插件。

3、启用主题后,会自动跳转到主题选项页面,请根据自己的需要开启或关闭各模块功能。如果以前使用过 Unite 主题或 Three 主题的,建议在安装前先自行备份相关主题选项设置,然后重置新主题的选项设置。

 

二、主题演示及下载

PS:Nana 主题(无裁剪功能)就是不使用 timthumb.php 对缩略图进行裁剪,后果就是缩略图会变形,具体情况说明请移步《不使用 timthumb.php 自动裁剪缩略图的 Nana 主题》。

三、Nana 主题升级情况

Nana 主题 V3.3 版本

  • 删除集成的 360 自动收录功能,想要添加这个功能自行到 360 站长平台获取 JS 代码后添加到 footer.php 文件即可;
  • 删除集成的微博同步功能;
  • 优化主题选项的部分开关功能;
  • 禁用 WordPress 新块编辑器(启用新编辑器后很多短代码功能会失效,所以禁用。不想禁用请直接删除 functions.php 文件的 1246 到 1248 代码);
  • 修复部分文件回车符问题;
  • 调整文章内容中的 H2 样式颜色,保持与站点颜色一致;
  • 美化 blockquote 样式,保持与站点颜色一致;
  • 删除代码高亮模板(主题早已集成 JS 高亮功能,所以这个模板多余)。

Nana 主题 V3.24 版本

  • 升级 Font Awesome 图标到 5.0.13 版本,详见升级详情;
  • 修复熊掌号原创 API 接口,增加是否有原创权限选项;
  • 集成代码高亮功能、首页标题增加第几页等,代码高亮使用详见使用教程。

Nana 主题 V3.23 版本

  • 修复 ajax comments 的 BUG。

Nana 主题 V3.22 版本

  • 增加站内文章引用功能,详见升级详情。

Nana 主题 V3.21 版本

  • 集成熊掌号提交功能(百度实时推送改为熊掌号提交)。

Nana 主题 V3.20 版本

  • 为文章页增加一些彩色美化框,已将相关按钮集成到编辑器上方的“插入短代码”中。

Nana 主题 V3.19 版本

  • 增加首页公告栏开关。

Nana 主题 V3.17-18 版本

  • CMS 布局首页、文章页、页面增加广告轮播功能,已集成在主题选项的淘宝客设置中,分别设置有开关是否显示;
  • 增加侧边栏站长信息栏小工具,位置随意(在小工具中添加);
  • 增加 TAG 标签的专题模板
  • 增加评论链接和弹窗下载链接的 GO 跳转功能,已集成在主题选项的 SEO 设置中。
  • 侧边栏跟随功能已优化为智能跟随。
  • 修复站长信息栏小工具微信二维码被遮挡问题;
  • 调整分类页标题的 CSS 代码,可两行显示;
  • 增加相关文章的样式选择(列表式和卡片式);
  • 增加文章正文的短代码广告插件功能。

Nana 主题 V3.1 版本

  • 修复分类列表页显示所有文章错误;
  • 优化 360 自动收录,避免重复提交;
  • 调整评论楼层号的位置;
  • 调整 CMS 布局双栏图片的大小。
  • 修复更换颜色后当前页码按钮颜色错误;
  • 调整编辑器常用简码按钮为下拉式按钮;
  • 优化文章列表页 AJAX 翻页,可选人工和自动加载;
  • 修复主题选项中常规选项的“首页隐藏的分类 ID”问题。
  • 修复幻灯片显示但无内容的占位问题;
  • 修复不同标签显示相同 SEO 标题问题;
  • 修复代码高亮模板的 JS 路径问题;
  • 集成字母头像取代默认的 Gravatar 头像。
  • 修复部分浏览器显示异常(style.css);
  • 修复百度分享新浪微博无图片无摘要问题(footer.php);
  • 升级图片灯箱效果到 Fancybox 3 版本;
  • 修复百度分享微博分享无摘要无图片问题;
  • 修复文章页面指定摘要中有空格回车问题;
  • 修复非管理员回复评论不发送提醒邮件问题;
  • 修复人工加载和自动加载时标签列表显示不正常问题。

Nana 主题 V3.0 版本

  • 调整图片布局样式;
  • 调整优化整站 CSS 代码;
  • 修复分类列表 SEO 关键词错误;
  • CMS 单栏和图片布局的标题链接问题;
  • 增加分类列表布局:列表布局和图片布局;
  • 调整侧边栏综合文章小工具样式。

Nana 主题 V2.09 版本

  • 调整文章页上下篇样式;
  • 调整移动端菜单二级菜单、logo、菜单和搜索按钮的样式;
  • 修复文章页图片显示的样式问题。
  • 调整 H3、H4、H5 和文章页 P 的 CSS 样式;
  • 修复部分主机不输出文章列表页摘要问题;
  • 更换存放在新浪的更高版本的 jquery-1.12.4.min.js 文件。
  • 修复父子分类的 SEO 标题输出问题;
  • 修复相关文章出现相同文章和当前文章问题。

Nana 主题 V2.08 版本

  • 调整图片布局、杂志布局中的图片边角问题;
  • 调整百度星火计划中的作者显示,投稿或转载文章将显示原作者及本站名称两个作者;
  • 设置文章和页面的自定义栏目面板,以后编辑文章或页面时可直接在自定义栏目面板操作即可;
  • 修复同步微博无缩略图问题(PS:需要微博高级写入接口权限)。

Nana 主题 V2.07 版本

  • 优化主题文件代码,特别是判断代码;
  • 修复 CMS 布局在 IE 浏览器下的错位(不建议所使用 IE 浏览器);
  • 重新设计美化侧边栏的近期评论;
  • 调整文章页评论头像和侧边栏最新评论头像的大小;
  • 调整 header.php 文件的禁止百度转码代码(PS:百度数流氓的话,什么代码都没用);
  • 主题选项中增加打赏功能的打开或关闭开关。

Nana 主题 V2.06 版本

  • 增加移动端广告位(移动设备才有效);
  • 分类目录和标签页增加 SEO 标题和 SEO 关键字栏目;
  • 修复无链接随机缩略图的自动裁剪问题;
  • 修复主题选项中的 SMTP 字母拼写错误问题;
  • 修复杂志布局和图片布局的阴影被遮挡问题;
  • 修复移动端评论分页不显示当前页码问题;
  • 调整列表 Ajax 下拉无限滚动加载问题;
  • 修复 CMS 布局首页在 IE 下错位问题。

Nana 主题 V2.05 版本

  • 增加首页的图片布局(点此预览图片布局);
  • 调整 CMS 布局单栏的样式;
  • 修复缩略图变形问题;
  • 增加文章页图片幻灯片功能(图片相册);
  • 调整官网直达按钮;
  • 调整 lightbox 查看图片左右翻页按钮;
  • 调整文章页 H2 标题样式;
  • 更换评论表情,调整评论表情框样式,表情按钮移动端可见;
  • 调整代码高亮页面,修复开启 HTML 压缩后出错问题;
  • 修复默认广告和默认幻灯片 ad 文件夹为 abc,并调整相应 ad 的样式为 abc;
  • 调整百度星火计划原创保护和 360 智能摘要的 Meta 标签;
  • 主题选项中集成站点连接符,默认为 |,可自行输入新的连接符;
  • 自动为文章页关键词增加文章所属分类名称,文章页的 title 可选增加分类名称;
  • 调整评论样式及实现无限嵌套评论。

Nana 主题 V2.04 版本

  • 文章页/页面增加赞赏功能;
  • 文章版权处增加公众号二维码;
  • 添加时光轴按钮到文章编辑器中;
  • 调整移动端分享按钮的样式;
  • 修复头像缓存问题;
  • 优化 WordPress 评论楼层号。

Nana 主题 V2.03 版本

  • 调整移动端文章列表(博客布局首页)等页码功能,以实现输入页码直接跳转到相应分页。
  • 增加温馨提示、网易云音乐、隐藏收缩小功能到后台文本编辑器。

Nana 主题 V2.0 版本

  • 禁止 WordPress4.6 版本头部加载 s.w.org;
  • 增加防日文垃圾评论和禁止评论黑名单的内容提交;
  • 添加文章部分内容评论可见和密码可见功能;
  • 增加指定图片为缩略图功能;
  • 增加 3D 旋转标签云小工具;
  • 增加压缩优化前端 HTML 代码功能;
  • 增加防镜像功能;
  • 进一步加强后台登录的安全管理;
  • 修复智能添加图片 ALT 中的站名名称;
  • 增加移动端评论@回复功能及调整样式;
  • 调整博客布局首页、CMS 布局的最新文章和文章列表页移动端样式。

Nana 主题 V1.03 版本

  • 完善文章上下篇功能

Nana 主题 V1.02 版本

  • 完善友情链接页面;
  • 去除后台编辑文章时的预览功能;
  • 修复高亮代码序号的样式。

Nana 主题 V1.01 版本

  • 文章页增加图片弹窗功能;
  • 集成 font awesome 4 menus 图标字体到主题中。

四、主题后台使用说明

1、常规选项设置

  • 选择首页布局:博客布局或杂志布局或图片布局,默认博客布局,若选择杂志布局后,必须设置 CMS 布局相关选项后才能正常显示,否则会错位。
  • 图片布局每页篇数:如选择图片布局后,记得设置这个篇数,建议设置为 12 的倍数。
  • 选择分类列表布局:默认是列表布局,可选图片布局。
  • 站点连接符:站点标题与副标题之间的连接符,一般为 | 或 - 或 _。
  • 首页滚动公告栏:请直接按格式进行修改或删减。
  • 网站整体变灰:在特殊的日子里,勾选这个后可以实现整站变灰,平时很少用到;
  • 主题风格:默认为红色,可实现一键换色功能,共 13 种颜色供选择。
  • 首页隐藏的文章分类 ID:如首页不想显示分类 ID 为 1 的日志,即可输入-1 即可。PS:可看上方的网站分类列表查看对应分类 ID。
  • ICP 备案号:只需输入备案号即可,链接已默认存在,放置在页脚位置。
  • 添加百度统计功能:只需填入相应的百度统计代码即可。
  • 友情链接 ID:需要输入正确的友链 ID 才能在首页显示,可参考《Three/Unite 主题如何添加友情链接》进行设置。
  • 留言本地址:首页、分类列表页悬浮按钮地址需要用到留言本地址。
  • 热门标签地址:搜索页面需要用到标签页地址。
  • 侧边栏 3D 标签云:默认不开启,标签为彩色标签,开启后彩色标签将变成 3D 标签云。
  • 压缩前端 HTML 代码:默认不开启,开启后压缩优化 WordPress 前端 html 代码。
  • 列表 Ajax 下拉加载:默认不开启,开启后将采用 ajax 方式无限滚动加载,不再出现页码。

2SEO设置

  • 网站描述:输入你的网站描述(如懿古今、boke112 导航都是懿古今的个人博客网站),建议一般不超过 200 个字符。
  • 网站关键词:输入你的网站关键字(如懿古今,boke112 导航),建议一般不超过 100 个字符。
  • 标签自动内链:开启后文章中的标签自动添加内链功能,需设置关键词出现的数目及链接次数。
  • 图片 alt 和 title:开启后智能为文章页的图片添加 alt 和 title 属性。
  • 外链自动 GO 跳转:开启后给外部链接加上跳转(需新建页面,模板选 Go 跳转页面,标题任意,别名为 go)。
  • 目录页面以/结尾:开启后分类目录和页面链接地址以斜杠/结尾。
  • 百度实时推送:开启后发布文章主动推送到百度,属于 WordPress 通用方式,启用后需填写 Token 值。
  • 百度星火计划:开启后为原创文章自动添加百度星火计划原创保护 Meta 标签。
  • 360 自动收录:开启后页面被浏览时会自动提交 URL 到 360 以达到自动收录,启用后需填写私钥。

3、文章设置

  • title 是否显示分类名称:默认不开启,开启后文章页 title 变为:文章标题(连接符)分类名称(连接符)站点名称。
  • 评论数:可选择是否显示。
  • 文章类型:可选择是否显示文章为原创,或转载,或投稿。
  • 作者名/来源:可选择是否显示作者,或转载/投稿文章来源名称(带链接)。
  • 百度分享:可选择是否显示。
  • 点赞功能:可选择是否显示。
  • 打赏功能:默认显示,在文章页内左下角显示打赏功能。
  • 历史上的今天:选择开启后文章页最后会展示同月同日不同年份的历史文章
  • 相关文章显示篇数:可设置文章后面现在的相关文章篇数。
  • 文章版权声明:文章版权分为原创、转载和投稿三种版权格式。

4、评论设置

  • 评论等级启用:可选择是否开启评论等级。
  • 管理员评论的称号:可设置管理员回复评论时显示的称号,如站长。
  • 评论者称号及评论等级数设置:可设置九级评论者对应的称号及相应的评论数。

5、幻灯片设置

  • 是否显示幻灯片:可选择打开或关闭首页幻灯片。
  • 幻灯片图片 URL、链接 URL 及标题设置:默认只有三张幻灯片,可选择显示 1-3 张;图片 URL 是必填,链接 URL 和标题是选填。

6CMS布局设置

  • 最新日志:可设置是否显示,如显示,还需设置显示的文章篇数。
  • 首页单、双栏设置:可设置是否显示,如显示,还需设置文章分类 ID 及显示的篇数。

7、页脚设置

  • 页脚常用链接设置:默认是 8 个链接,不建议少于 5 个,最好是 8 个;只需按格式修改链接的地址及内容即可。
  • 页脚关注我们设置:可设置二维码地址、两个按钮的标题及链接地址。

8、广告设置

  • 总共有导航栏下方通栏广告(含 PC 端和移动端)、首页(列表页)两个广告(含 PC 端和移动端)、文章标题下方广告(含 PC 端和移动端)、文章底部广告(含 PC 端和移动端)、评论框上方广告(含 PC 端和移动端)、通栏页面(没有侧边栏的页面)评论框上方广告(含 PC 端和移动端)和下载弹窗广告等 8 个广告位,可设置是否显示,如显示,只需填入相应的代码即可。

9、高级设置

  • WordPress 安全设置:可选择是否开启加密后台登录地址,如开启则需填写相应的问题、答案及跳转地址。
  • 新浪微博同步设置:开启后,发布的文章可同步发到新浪微博,需输入新浪微博用户名、密码和 APPKEY。
  • STMP 邮箱设置:如主机没有问题,按相关格式分别填入发件人地址、昵称、SMTP 服务器地址、SMTP 服务器端口、邮箱账号及密码,即可正常收到需要评论相关邮件提醒。

五、主题其他使用说明

1、菜单管理

本主题默认有三个菜单,分别是导航菜单、顶端菜单和移动菜单,我们需要登录后台→外观→菜单中创建三个菜单,并勾选到相应的菜单位置。PS:移动菜单只有用移动设备才能看到,通过改变浏览器大小只能看到导航菜单。

2、页面模板管理

本主题只集成了七个模板,分别是代码高亮、文章归档、通栏页面、留言板(含年月周排行榜)、读者百强榜、友情链接和 Tag 标签页,我们只需要在编辑页面的时候,选中相应模板保存即可。

3.2版本下载

https://files-cdn.cnblogs.com/files/aiwuxia/Nana%E4%B8%BB%E9%A2%98V3.20%E7%89%88%E6%9C%AC.zip

WordPress免费清新响应式博客/杂志/图片三合一主题Nana的更多相关文章

  1. 15款免费的响应式 WordPress 主题下载

    响应式设计主题最适合杂志网站,博客网站,想要在自己网站上展示自己作品的用户.支持视网膜显示使其在 iPad,iPhone,Mackbook,iMac 等设备上有更高的分辨率. 响应式和现代设计风格的多 ...

  2. 12款免费的响应式 WordPress 主题下载

    响应式和现代设计风格的多用途 WordPress 主题能够非常灵活的适应所有设备.而高级主题能够更轻松定制,您可以从主题选项中禁用/启用响应模式.多用途的响应式设计的主题是最适合杂志网站,博客网站,想 ...

  3. 10款免费的响应式 WordPress 主题下载

    响应式和现代设计风格的 WordPress 主题与能够非常灵活的适应所有设备.而高级主题能够更大可能性的轻松定制.所有的主题是完全响应式的,您可以从主题选项中禁用/启用响应模式.下面这个列表收集了10 ...

  4. 最佳的 14 个免费的响应式 Web 设计测试工具

    一旦你决定要搭建一个网站就应该已经制定了设计标准.你认为下一步该做什么呢?测试!我使用“测试”这个词来检测你网站对不同屏幕和浏览器尺寸的响应情况.测试在响应式网页设计的过程中是很重要的一步.如果你明白 ...

  5. 50个令人惊奇的jQuery插件(对话框和表单篇)及免费的响应式bootstrap管理员后台界面主题 - Charisma

    http://www.woiweb.net/50-amazing-jquery-plugins.html 多文件文件下载 免费的响应式bootstrap管理员后台界面主题 – Charisma htt ...

  6. 30套免费的响应式 HTML5 & CSS3 模板下载

    HTML5 和 CSS3 网站模板存在巨大的需求,网页设计师们都喜欢现成的网站模板,能够轻松地设计和开发美观,吸引眼球的网站.如果你正在寻找响应式的 HTML5 & CSS3 模板,那么你找对 ...

  7. 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)

    之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享. ...

  8. 使用GitHub-Pages创建博客和图片上传问题解决

    title: 使用GitHub Pages创建博客和图片上传问题解决 date: 2017-10-22 20:44:11 tags: IT 技术 toc: true 搭建博客 博客的搭建过程完全参照小 ...

  9. 不用css3的响应式img(按比例缩小图片)

    有时候自己为了控制图片的响应式,按比例缩小放大图片,如果解决这个问题,用js吧,很麻烦.也会损失很大的加载运行速度等:所以我们还是用css来解决这个问题,用css来强制按比例压缩图片的高度或宽度,看代 ...

随机推荐

  1. Stream流、方法引用

    Stream流.方法引用 Stream流.方法引用 Stream流.方法引用 Stream流.方法引用 Stream流.方法引用 ... ...

  2. python基础 3.0 file 读取文件

    一.python  文件访问 1.在python中要访问文件,首先要打开文件,也就是open r:  只读 w:  只写 ,文件已存在则清空,不存在则创建 a:追加 ,写到文件末尾.如果文件存在,则在 ...

  3. 给奇数的li标签添加蓝色,给偶数的li标签添加红色

    今天遇到的面试题,哎,不看参考手册还是写的蛋疼啊!给奇数的li标签添加红色,给偶数的li标签添加蓝色 直接撸代码吧: <!DOCTYPE html> <html lang=" ...

  4. 【分享】利用WMITool解决浏览器主页被hao123劫持问题

    我在别处发的帖子 http://www.52pojie.cn/thread-607115-1-1.html

  5. Linux--5 mariadb和redis的安装

    一.MYSQL(mariadb) MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可. 开发这个分支的原因之一是:甲骨文公司收购了MySQL后,有将MySQL ...

  6. java防止表单重复提交的几种方法

    转载大神 1. 使用session同步和token机制来防止并发重复提交 https://blog.csdn.net/hejingyuan6/article/details/50487777 2. S ...

  7. Telerik RadPropertyGrid 设置显隐 Combox选择

    Telerik RadPropertyGrid 的排序按钮.搜索框和描述面板的显隐只要设置SortAndGroupButtons.SearchBox.DescriptionPanel的属性值改为Vis ...

  8. Ashx增删改查_动软

    1.首先展示列表 ashx 讲究的是个替换 这些就是属于ashx麻烦的地方 public void ProcessRequest(HttpContext context) { context.Resp ...

  9. java cpu使用率高异常排查

    1.top命令对cpu进行排序shift+p 2.pwdx pid查找业务进程路径 3.top -Hp pid查看相关负载线程pid 4.printf “0x%x\n” 线程pid     // 将线 ...

  10. 手机端@media screen布局自适应

    @media only screen and (min-width: 310px) and (max-width: 360px) { }@media only screen and (min-widt ...