一直以来,知更鸟的wordpress主题无论是收费的或者免费的都非常受欢迎,用户众多。Ality主题是知更鸟继HotNews主题后的又一精品wordpress免费主题,发布已经有很长一段时间,目前更新至0.33版本,采用HTML5+CSS3响应式布局,适合不同分辨率设备浏览,集成多种流行元素,图标字体,Retina(视网膜)显示,兼容IE6+、 Firefox、Chrome、Opera、Safari等主流浏览器。
主题功能简介:
- 集成热门文章、热评文章、随机文章、相关文章、近期留言、本站推荐、大家喜欢等自定义小工具
- 集成分页导航
- 集成SEO功能
- 集成百度站内搜索、百度推荐、百度分享
- 集成代码高亮
- 集成“喜欢”按钮
- 首页置顶文章及分类归档页面推荐文章突出显示
- 首页排除指定分类文章
- 首页手动选择文章排序方式
- 最新文章角标提示
- 最近留言、代码高亮、联系表单、文章归档、友情链接等多个独立页面模板
- 不同页面显示不同侧边栏小工具
- 图片lightbox查看,视频lightbox播放
- 主题选项面板
- 滚动加载文章
- 编辑器增强,后台编辑显示样式与前端相同
- 移除头部冗余代码
- ajax评论提交
- 自动缩略图,并支持特色图像功能
- 自定义文章类型:滚动公告
- 前台登录
- 短代码文字折叠
- 下载链接按钮
- 多个广告位
- 键盘翻页
- 正文顶部文章摘要
- 支持图像、日志文章形式
- 支持菜单功能
- 支持背景功能
- 评论添加表情与图片
- 正文文字无级放大缩小
主题使用教程:
提示:使用主题前请禁用其它插件,只保留本主题推荐的插件:wp-postviews,否则可能会造成主题部分功能不可用,之后逐一调试安装其它插件。
将下载的主题压缩包,通过后台 → 主题 → 添加 → 上传主题。或者使用FTP工具软件将解压后的Ality文件夹(不包含类似Ality-01的外层文件夹)上传到wp-content\themes目录,并到后台 → 主题中启用。
必装插件
主题部分功能比如:热门文章小工具,需要用到文章浏览计数插件:wp-postviews,可以在后台插件安装中搜索该插件。
文章置顶
首页及分类归档页面置顶文章突出显示。
文章置顶方法:
方法一、编辑文章时,左侧发布面板 → 公开度 → 勾选“将文章置于首页顶端”
方法二、打开所有文章页面 → 快速编辑 → 勾选“置顶这篇文章 ”
菜单
主题支持三个“菜单”,分别是顶部菜单、导航菜单、移动版菜单(用于移动浏览器)。
可登录后台 → 外观 → 菜单,在菜单编辑页面为三个菜单分别添加不同的项目组合。
具体使用方法参阅:WordPress 博客3.0+版本自定义菜单的使用方法
添加滚动公告
1、发布公告
启用主题后,进入后台,在左侧功能菜单中新增公告菜单,点击“发布公告”,进入公告编辑页面,其它与正常编辑发表文章相同。
2、显示公告
进入主题选项(后台 → 外观 → 主题选项)页面,在常规设置中勾选“显示公告”。
注:如打开公告显示404页面,可以到后台 → 设置 → 固定链接,在固定链接设置页面,随意修改一下固定链接格式,保存更改后,再换回自己正常用的格式,即可。貌似什么都不动,只多点几次保存更改就可以了。不行就多重复几次
小工具
主题集成7个可放置小工具的位置分别是首页侧边栏、正文侧边栏、分类归档、正文底部、正文跟随滚动、首页、分类归档跟随滚动,需分别添加小工具,实现不同页面显示不同的内容。
主题集成热评文章、热门文章、随机文章、相关文章、最近留言等小工具,部分小工具不可以同时在一个页面调用两次,否则会显示错误。
下载按钮
第一步,编辑文章时切换到文本(HTML)模式,点击编辑器工具栏上的“下载按钮”
在适当位置添加短代码“〖file〗”
第二步,添加自定义栏目,名称:button1 ,值:输入文字,比如:主题下载(用于启动下载弹窗及显示下载弹窗中的按钮);
第三步,继续添加自定义栏目,名称:url1 ,值:下载文件链接;
多个下载链接重复第二步和第三步,自定义栏目名称:button2、button3、button4 与url2、url3、url4共支持4个。
注:如文章编辑框下面无添加自定义栏目面板,打开右上“显示选项”勾选自定义栏目,调出该面板。
SEO
- 首页描述及关键字需到主题选项中添加
- 分类列表页面,直接调用分类描述为该分类的页面描述,无关键字。
- 正文页面,自动截取第一段落文章为描述,如添加文章摘要则将摘要作为描述,文章标签为关键字。
- 标签页面,直接调用标签名称为描述,无关键字
- 页面文件,需为该页面分别添加自定义栏目:
- 名称:description,值为:该页面描述
- 名称:keywords,值为:该页面关键字
站点Logo
默认显示文字站点标题,可以到主题选项中切换到显示Logo。
为了在小屏显示设备上显示Logo以及支持Retina(视网膜)显示,本主题需制作4张不同尺寸的Logo图片,分别替换 Ality\img 目录和 Ality\img\2x 目录,相同格式尺寸的Logo图片。
图片lightbox查看
文章插入图片时,从URL插入(外链)必须选择链接到:图像URL;本地上传,必须选择链接到:媒体文件,并且图片名称不能为中文汉字,否则不会启用图片lightbox查看。另外,图片对齐方式不能为空,必须选择一种对齐方式,否则在小屏上可能会溢出边框。
缩略图
主题支持Wordpress特色图像、自定义栏目调用指定图片、自动调用文章中第一张图片为文章列表缩略图。
默认未开启特色图像自动裁剪图片功能,可以到主题选项中打开,为了Retina(视网膜)显示,缩略图尺寸为:280×200,实际显示为:140×100,无图显示默认占位图。
调用指定图片,需添加自定义栏目,名称:thumbnail ,值:图片链接地址。
文章版权声明
转载文章时,出于对原作者的尊重,注明原文出处,添加自定义栏目,名称:copyright ,值:原文链接地址。
最终显示效果如:
版权声明: 本文为转载文章,源于互联网,由博客吧整理,原文链接
独立页面模板
主题集成文章归档、近期留言、联系方式、代码高亮(仅用于文章中代码高亮转换)等独立页面模板。
使用方法:
新建一个页面,右侧页面属性 > 模板中,选择相应模板,发表即可。
使用联系方式模板时,需打开主题 Ality\inc 目录的 form.php 模板文件,修改其中的电子邮件地址为自己的。使用该模板前提是主机空间支持mail
函数。
百度站内搜索、百度推荐
这两项功能,都需要站点有一定文章量,同时百度收录正常才能使用。
代码高亮
主题集成代码高亮显示,使用方法:
- 添加代码高亮转换工具。新建页面文件,右侧页面属性 → 模板中,选择“代码高亮”并发布。
- 打开这个新建的代码高亮页面(点此查看效果),通过转换工具,将代码转换为HTML代码。
- 编辑文章时切换到文本(HTML)模式,将转换后的代码复制粘贴到文章中。
文章二级、三级标题样式
编辑文章时,当文字选择段落格式为二级、三级标题(H2、H3)后,会加上明显的样式标记。
文字折叠
通过添加短代码可实现文字折叠效果。
添加显示隐藏按钮:
折叠隐藏的文字添加短代码:
【p】折叠隐藏的文字【/p】
注:其中的【】替换换为方括号“[]”。
如图:
可用于折叠隐藏插入文章中的代码,章节内容,具体效果见本文。
注:该功能不可滥用,不然有朝一日换主题会很悲剧。
广告位
主题集成5个不同位置的广告位置,分别在导航菜单下面、文章列表第一篇文章下面、正文标题下面、评论表单上面及下载弹窗中。另外可使用Wordpress文本小工具在侧边栏中添加更多广告。
文章摘要
编辑文章时,在编辑框下面的“摘要”中输入摘要内容后,会在文章顶部及文章列表中显示输入的摘要内容。
注:如无“摘要”输入框,可以打开右上角的“显示选项”中勾选“摘要”
文章形式
主题支持标准、日志、图像文章形式。通过不同的外观样式显示调用正常有图片文章(标准)、无图片文章(日志)、以图片为主文章(图像)。
使用方法:编辑文章时右侧形式面板中勾选不同的文章形式,发布后,会在文章列表页面,展现不同的外观样式,让页面布局显得灵活多变。
如文章编辑页面无形式选择面板,需打开右上显示选项,勾选“形式”
插入到图像日志中的图片大小比例最好相同,否则在文章列表中显示会不整齐。
分类推荐文章
为准备显示在分类归档页面顶部的文章添加自定义栏目,名称:hot,值:可任意内容。
并到主题选项中,勾选“显示分类推荐文章”
视频lightbox(弹窗)播放
编辑文章时切换到文本(HTML)模式,点击“添加视频”按钮,在文章适当位置添加短代码,并用视频站点的分享代码替换“视频分享代码”文字。
注:一般是复制视频站点分享的flash地址
友情链接添加头像
编辑链接时,在备注中添加对方站长的邮箱地址,前提是对方已用此邮箱申请了Gravatar头像。
本站推荐小工具
为推荐文章添加自定义栏目,名称:hot,值可任意。
注意事项
- 主题虽然支持IE 6及IE 7,但只能保证基本布局不变形,建议使用IE8以上或者其它现代浏览器。
- 正确显示楼层号,需到后台 → 设置 → 讨论,勾选“分页显示评论”,并选择在每个页面顶部显示“旧的”评论
- 选择显示分类推荐文章,如分类无推荐文章则文章列表顶部会有空隙,所以每个分类都要添加推荐文章
- 主题自带的近期留言小工具不显示登录者的留言。
- 文章中插入图片时,图片对齐方式不能为空,必须选择一种,否则图片较大时会超出边框。
- 相关文章小工具是调用具有相同标签的文章,无相同标签文章,则显示同分类文章,并且应添加到正文底部小工具中。
- 热评文章小工具,同一个页面不可以同时出现两次,否则会提示错误。
- 文章中的图片无法随意拖小放大。可通过给图片添加说明,当出现有说明的边框后,可随意缩放。
- 为了让所有浏览器支持响应式布局,低版IE在打开或者刷新页面时会出现短暂空白,IE7加载尤为缓慢。
- IE6不支持图标字体,有小图标的位置会出现空白,主题在IE6下只能保证基本外观布局不变形。
- 如你的站点名称较长,在分辨率较低的移动设备上顶部导航的站点标题可能会错位,解决办法:
- 隐藏右侧的搜索及登录按钮,将下面的样式添加到Ality\css目录的mediaqueries.css样式文件中:
1 2 3 4 5 6 | #set-top { display: none; } .logo-simple { width: 70%; } |
添加到:
1 | @media screen and (max-width: 480px) { |
这句的下面。
主题下载:wordpress-Ality033.zip (0.33 版本)
版权声明:您可以免费使用、传播和修改本主题,但请保留页脚设计者链接,不得将本作品用于商业目的,包括所有页面元素!