WordPress 主题:Ality

Ality主题 我的作品1,723227.4K阅读模式
摘要HTML5+CSS3响应式布局,适合不同分辨率设备浏览,集成多种流行元素,采用图标字体,Retina(视网膜)显示,兼容IE6+、 Firefox、Chrome、Opera、Saf...

主题简介

HTML5+CSS3响应式布局,适合不同分辨率设备浏览,集成多种流行元素,图标字体,Retina(视网膜)显示,兼容IE6+、 Firefox、Chrome、Opera、Safari等主流浏览器。

WordPress 主题:Ality-图片1

WordPress 主题:Ality

功能简介

展开收缩
  • 集成热门文章、热评文章、随机文章、相关文章、近期留言、本站推荐、大家喜欢等自定义小工具
  • 最近留言、代码高亮、联系表单、文章归档、友情链接等多个独立页面模板
  • 不同页面显示不同侧边栏小工具
  • 首页置顶文章及分类归档页面推荐文章突出显示
  • 图片lightbox查看
  • 视频lightbox播放
  • 首页排除指定分类文章
  • 首页手动选择文章排序方式
  • 最新文章角标提示
  • 主题选项面板
  • 滚动加载文章
  • 集成分页导航
  • 编辑器增强,后台编辑显示样式与前端相同
  • 移除头部冗余代码
  • ajax评论提交
  • 集成SEO功能
  • 自动缩略图,并支持特色图像功能
  • 自定义文章类型:滚动公告
  • 集成百度站内搜索、百度推荐、百度分享
  • 前台登录
  • 短代码文字折叠
  • 下载链接按钮
  • 集成代码高亮
  • 多个广告位
  • 键盘翻页
  • 正文顶部文章摘要
  • 支持图像、日志文章形式
  • 支持菜单功能
  • 支持背景功能
  • 评论添加表情与图片
  • 正文文字无级放大缩小
  • 集成“喜欢”按钮

使用说明

WordPress 主题:Ality-图片2

Ality

下载安装

提示:使用主题前请禁用其它插件,只保留本主题推荐的插件:wp-postviews,否则可能会造成主题部分功能不可用,之后逐一调试安装其它插件。

将下载的主题压缩包,通过后台 → 主题 → 添加 → 上传主题。或者使用FTP工具软件将解压后的Ality文件夹(不包含类似Ality-01的外层文件夹)上传到wp-content\themes目录,并到后台 → 主题中启用。

使用前请先熟习主题选项中的各项功能设置,包括Wordpress的一些基本功能。

当更新主题时,进入后台--主题---启用默认主题,删除之前的Ality主题,上传新版主题,并启用。启用新版主题后,原来的主题设置不会丢失,进入主题选项设置新增加的功能,不论设置与否,必须点击一次保存设置按钮,并清空浏览器缓存,否则可能会有功能缺失和样式错误

必装插件

主题部分功能比如:热门文章小工具,需要用到文章浏览计数插件:wp-postviews,可以在后台插件安装中搜索该插件,或者安装本站提供的汉化版(兼容静态化插件:Hyper Cache)。

文章置顶

首页及分类归档页面置顶文章突出显示。

文章置顶方法:

方法一、编辑文章时,左侧发布面板 → 公开度 → 勾选“

方法二、打开所有文章页面 → 快速编辑 → 勾选“置顶这篇文章

菜单

主题支持三个“菜单”,分别是顶部菜单、导航菜单、移动版菜单(用于移动浏览器)。

可登录后台 → 外观 → 菜单,在菜单编辑页面为三个菜单分别添加不同的项目组合。

具体使用方法参阅:WordPress3.0导航菜单图文使用教程

添加滚动公告

1、发布公告

启用主题后,进入后台,在左侧功能菜单中新增公告菜单,点击“发布公告”,进入公告编辑页面,其它与正常编辑发表文章相同。

2、显示公告

进入主题选项(后台 → 外观 → 主题选项)页面,在常规设置中勾选“显示公告”。

注:如打开公告显示404页面,可以到后台 → 设置 → 固定链接,在固定链接设置页面,随意修改一下固定链接格式,保存更改后,再换回自己正常用的格式,即可。貌似什么都不动,只多点几次保存更改就可以了。不行就多重复几次

小工具

主题集成7个可放置小工具的位置分别是首页侧边栏、正文侧边栏、分类归档、正文底部、正文跟随滚动、首页、分类归档跟随滚动,需分别添加小工具,实现不同页面显示不同的内容。

主题集成热评文章、热门文章、随机文章、相关文章、最近留言等小工具,部分小工具不可以同时在一个页面调用两次,否则会显示错误。

下载按钮
展开收缩

第一步,编辑文章时切换到文本(HTML)模式,点击编辑器工具栏上的“下载按钮”

WordPress 主题:Ality-图片3

在适当位置添加短代码“〖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图片。[/p]

图片lightbox查看

文章插入图片时,从URL插入(外链)必须选择链接到:图像URL;本地上传,必须选择链接到:媒体文件,并且图片名称不能为中文汉字,否则不会启用图片lightbox查看。另外,图片对齐方式不能为空,必须选择一种对齐方式,否则在小屏上可能会溢出边框。

缩略图

主题支持Wordpress特色图像、自定义栏目调用指定图片、自动调用文章中第一张图片为文章列表缩略图。

默认未开启特色图像自动裁剪图片功能,可以到主题选项中打开,为了Retina(视网膜)显示,缩略图尺寸为:280×200,实际显示为:140×100,无图显示默认占位图。

调用指定图片,需添加自定义栏目,名称:thumbnail ,值:图片链接地址。[/p]

文章版权声明

转载文章时,出于对原作者的尊重,注明原文出处,添加自定义栏目,名称:copyright ,值:原文链接地址。

最终显示效果如:版权声明: 本文为转载文章,源于互联网,由知更鸟整理,原文链接

独立页面模板

主题集成文章归档、近期留言、联系方式、代码高亮(仅用于文章中代码高亮转换)等独立页面模板。

使用方法:

新建一个页面,右侧页面属性 > 模板中,选择相应模板,发表即可。

使用联系方式模板时,需打开主题 Ality\inc 目录的 form.php 模板文件,修改其中的电子邮件地址为自己的。使用该模板前提是主机空间支持mail函数。

百度站内搜索、百度推荐

这两项功能,都需要站点有一定文章量,同时百度收录正常才能使用。

申请百度推荐,在此不再赘述,可以此查看具体样式设置,从而使其完美地融合到主题中。

代码高亮

主题集成代码高亮显示,使用方法:

  1. 添加代码高亮转换工具。新建页面文件,右侧页面属性 → 模板中,选择“代码高亮”并发布。
  2. 打开这个新建的代码高亮页面(点此查看效果),通过转换工具,将代码转换为HTML代码。
  3. 编辑文章时切换到文本(HTML)模式,将转换后的代码复制粘贴到文章中。[/p]

文章二级、三级标题样式

编辑文章时,当文字选择段落格式为二级、三级标题(H2、H3)后,会加上明显的样式标记。

文字折叠

通过添加短代码可实现文字折叠效果。

添加显示隐藏按钮:

折叠隐藏的文字添加短代码:

【p】折叠隐藏的文字【/p】

注:其中的【】替换换为方括号“[]”。

如图:

WordPress 主题:Ality-图片4

可用于折叠隐藏插入文章中的代码,章节内容,具体效果见本文。

注:该功能不可滥用,不然有朝一日换主题会很悲剧。

广告位

主题集成5个不同位置的广告位置,分别在导航菜单下面、文章列表第一篇文章下面、正文标题下面、评论表单上面及下载弹窗中。另外可使用Wordpress文本小工具在侧边栏中添加更多广告。

文章摘要

编辑文章时,在编辑框下面的“摘要”中输入摘要内容后,会在文章顶部及文章列表中显示输入的摘要内容。

注:如无“摘要”输入框,可以打开右上角的“显示选项”中勾选“摘要”

文章形式

主题支持标准、日志、图像文章形式。通过不同的外观样式显示调用正常有图片文章(标准)、无图片文章(日志)、以图片为主文章(图像)。

使用方法:编辑文章时右侧形式面板中勾选不同的文章形式,发布后,会在文章列表页面,展现不同的外观样式,让页面布局显得灵活多变。

如文章编辑页面无形式选择面板,需打开右上显示选项,勾选“形式”

插入到图像日志中的图片大小比例最好相同,否则在文章列表中显示会不整齐。

分类推荐文章

为准备显示在分类归档页面顶部的文章添加自定义栏目,名称:hot,值:可任意内容。

并到主题选项中,勾选“显示分类推荐文章”

视频lightbox(弹窗)播放

编辑文章时切换到文本(HTML)模式,点击“添加视频”按钮,在文章适当位置添加短代码,并用视频站点的分享代码替换“视频分享代码”文字。

注:一般是复制视频站点分享的flash地址

 友情链接添加头像

编辑链接时,在备注中添加对方站长的邮箱地址,前提是对方已用此邮箱申请了Gravatar头像。

本站推荐小工具

为推荐文章添加自定义栏目,名称:hot,值可任意。

待续...

注意事项

  • 主题虽然支持IE 6及IE 7,但只能保证基本布局不变形,建议使用IE8以上或者其它现代浏览器。
  • 正确显示楼层号,需到后台 → 设置 → 讨论,勾选“分页显示评论”,并选择在每个页面顶部显示“旧的”评论
  • 选择显示分类推荐文章,如分类无推荐文章则文章列表顶部会有空隙,所以每个分类都要添加推荐文章
  • 主题自带的近期留言小工具不显示登录者的留言。
  • 文章中插入图片时,图片对齐方式不能为空,必须选择一种,否则图片较大时会超出边框。
  • 相关文章小工具是调用具有相同标签的文章,无相同标签文章,则显示同分类文章,并且应添加到正文底部小工具中。
  • 热评文章小工具,同一个页面不可以同时出现两次,否则会提示错误。
  • 文章中的图片无法随意拖小放大。可通过给图片添加说明,当出现有说明的边框后,可随意缩放。
  • 为了让所有浏览器支持响应式布局,低版IE在打开或者刷新页面时会出现短暂空白,IE7加载尤为缓慢。
  • IE6不支持图标字体,有小图标的位置会出现空白,主题在IE6下只能保证基本外观布局不变形。
  • 如你的站点名称较长,在分辨率较低的移动设备上顶部导航的站点标题可能会错位,解决办法:
    隐藏右侧的搜索及登录按钮,将下面的样式添加到Ality\css目录的mediaqueries.css样式文件中:
  1. #set-top {
  2. display: none;
  3. }
  4. .logo-simple {
  5. width: 70%;
  6. }

添加到:@media screen and (max-width: 480px) {

这句的下面。

 

版权声明:

您可以免费使用、传播和修改本主题,但请保留页脚设计者链接,不得将本作品用于商业目的,包括所有页面元素!

 

相关阅读:

更新记录见下页

下载信息 资源名称:WordPress 主题:Ality 应用平台:WordPress 主题版本:0.34 主题大小:353KB
最近更新2022-6-24
下载地址

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
  • WordPress
  • 原创主题
  • 响应式
  • Ality主题
评论  1723  访客  1326  作者  327
    • Alice
      Alice 1

      很不错的基础款+plus,稍稍做了修改。我的网站oxxx.one~

      • 商商博客
        商商博客 0

        清新典雅的主题

        • 萌果园国内知名农业技术交流平台
          萌果园国内知名农业技术交流平台 1

          好主题,可惜我不用博客

          • 阿才
            阿才 1

            文章详情页可以加入侧边栏吗,看上去好单调

              • 知更鸟
                知更鸟

                @ 阿才 可以的,主题不同页面是单独设置侧边栏小工具

              • 阿才
                阿才 1

                什么时候更新下一个版本,好期待

                • yehongru
                  yehongru 0

                  小工具本站推荐不能用吗?

                  • Qutzat
                    Qutzat 0

                    可不可以换个网盘 在我们这边百度云打不开 可不可以发到我的邮箱 1306946982@qq.com

                    • 老师你好
                      老师你好 0

                      标题左边有个 | 不知道怎么消除

                      • 蜜汁视频
                        蜜汁视频 0

                        已经在使用这个主题了,别的都很好,还有一个没解决的是,logo图片已经设置好,后台也开启了显示logo,但是手机访问时不显示logo.

                        • 请输入您的QQ号
                          请输入您的QQ号 0

                          这款什么时候更新呢,看着不错,简洁实用

                          • PC在线云端
                            PC在线云端 2

                            留言板回复评论之后跳转出空白页如何解决???

                            • PC在线云端
                              PC在线云端 2

                              留言板回复评论之后跳转为空白页,如何解决???

                              • 不忘初心
                                不忘初心 1

                                有个问题需要请教下,比如我用760宽尺寸的百度联盟广告放在标题下面那个广告位,电脑看正常,手机访问就只会显示前面一半,影响美观,这个怎么解决?感谢大神 :razz:

                                • 春熙路
                                  春熙路 4

                                  鸟哥、我想问一下为什么我下载上传在后面主题显示 下列主题不完整,没有主题样式表和模板。 大概是因为什么样的原因呢?

                                  • 天真网
                                    天真网 1

                                    很好的主题,自己动手修改了一点……
                                    只是想问鸟哥啥时候更新… :mrgreen:

                                    • 我是zz
                                      我是zz 1

                                      过来支持下

                                      • 万能福利
                                        万能福利 0

                                        添加了广告位,可是出现很大一个空白,小白求帮助!!!??

                                        • 腾蛙网
                                          腾蛙网 4

                                          很不错的主题,推荐大家使用,我也在用腾蛙网

                                          • 腾蛙网
                                            腾蛙网 4

                                            文章列表,把文章标题修改到18px大小,却发现在手机端打开,如果标题长了,屏幕小了,会有一部分标题不显示,,怎么能够自动换行,显示全部标题

                                            • 柠檬女神
                                              柠檬女神 0

                                              鸟哥。主题的链接颜色默认蓝色在什么地方可以改成别的?,比如改成白色。我是个小白,找了好多地方都没改好,才来问鸟哥的。

                                              • 林
                                                1

                                                可以呀,不错不错!

                                                • 133香港开奖结果
                                                  133香港开奖结果 1

                                                  可不可以换个网盘

                                                  • 落英缤纷
                                                    落英缤纷 1

                                                    插件下载地址失效了。建议更新

                                                    • 三好网志
                                                      三好网志 1

                                                      尊敬的博主您好,我在升级到PHP7.2之后,后台评论列表出现警告:
                                                      Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /wp-content/themes/Ality/functions.php on line 268。
                                                      我查看后发现是“ 评论贴图”这一段代码:
                                                      function cx_images($content) {
                                                      $content = preg_replace(‘/[img=?]*(.*?)([/img)?]/e’, ‘””‘, $content);
                                                      return $content;
                                                      }
                                                      add_filter(‘comment_text’, ‘cx_images’);
                                                      我在网上也找到了相关信息,但我不会修改。希望您能回复一下修改后的代码,非常感谢!

                                                        • 知更鸟
                                                          知更鸟

                                                          @ 三好网志 该主题已停止更新,既然你有这个要求,我改一下,下周看一下吧

                                                        • 滨湖东岸
                                                          滨湖东岸 1

                                                          wp-content/themes/Ality/functions.php on line 276 这里报错啊老大….

                                                          • 滨湖东岸
                                                            滨湖东岸 1

                                                            php7.2+nginx1.15 报错很喜欢这个主题 Ality
                                                            wp-content/themes/Ality/functions.php on line 276

                                                            • 法士特资讯
                                                              法士特资讯 1

                                                              想体验英文版模板,不知道可以推出?

                                                              • 落英缤纷
                                                                落英缤纷 4

                                                                /inc/functions/widgets.php 291行’unit’ => px改为’unit’ => ‘px’ 兼容PHP7

                                                                送给需要的同学。

                                                                • 免费v2ray节点
                                                                  免费v2ray节点 1

                                                                  清新典雅的主题

                                                                  • 法律笔记
                                                                    法律笔记 4

                                                                    ALITY主题的搜索功能只能在首页有效,其他页面都无法使用搜索了,点击搜索按钮没有反应,请问如何解决呢

                                                                    • 落英缤纷
                                                                      落英缤纷 0

                                                                      8年多了,还活着的ality网站不多了。

                                                                        • 知更鸟
                                                                          知更鸟

                                                                          @ 落英缤纷 是的,只偶而还能看到,就是无法兼容php8,该换一个主题了

                                                                      匿名

                                                                      发表评论

                                                                      匿名网友
                                                                      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                                                      拖动滑块以完成验证