22881
  1. 安装要求
  2. 安装流程
  3. 验证问题
  4. 主题选项
  5. 文章选项
  6. 页面选项
  7. 小工具选项
  8. 插件选项
  9. 菜单选项
  10. 额外设置
  11. 其他问题
  12. 更新日志

演示地址:http://zhw-island.com/owl/
Owl主题正式版发布,和Island价格一样88元,童叟无欺,可以通过本网站右边购买按钮里的支付宝或者微信二维码支付,每个密匙可以用在三个域名上面

本站的界面仅仅是演示,主题落到你手里可以变化出很多风格,我一直希望打造一个自定义功能丰富的主题,后台丰富的自定义选项就是想每个人安装主题后都可以自行改变皮肤的主题,目前是做到了一大部分,只要你足够有想法,都可以打造和别人不一样的风格。测试版的皮肤布局功能等等尚未完善,到正式版的时候可能都面目全非了,还有之前发表日志说Owl免费,后来制作的过程中意志开始动摇,因为它比Island更成熟功能更多,不收费对我对island用户都过意不去,关于收不收费问题等过了测试版再谈吧。

这几年来玩wp得来的教训是,前期一定要选好域名选好服务器。像我这个域名大家都不知道什么鬼,其实zhw是我名字的简写字母确实不太好记,还有备案也要趁早办理,免得日后繁琐。
然后服务器问题就是不要贪便宜,一定要稳定的,无论是不是新手,能用vps就不要用虚拟主机,虚拟主机的操作限制很大,除非你对网站的要求不高。
对我的还有一个很大的教训就是wp重装问题,这几年来不知道重装过多少遍wp,像我不喜欢备份的人来说,重装都是相当于重写,文字还可以快速导出导入,图片就麻烦了,所以日后我写文章能用文字表达的就不要用图片,然后安心的等待下一次重装。

然后下面是主题的相关问题,我会尽量用文字详细表达,不带图片说明。

安装要求

  • 主流浏览器(IE9+)都没问题是必须的
  • WordPress版本兼容到最新版本,我也建议你更新到最新版本,虽然越来越臃肿,但无伤大碍
  • 主机问题还是老问题,只有Win主机下会出现验证不了的毛病,需要我手动帮你验证外,都不会有其它问题,推荐使用linux
  • PHP 环境要求:PHP 5.4 或以上,建议使用 PHP5.6 最新版

安装流程

  • 下载下来的zip压缩包就是主题文件,可以直接上传安装,不过安装前建议把所有插件停用(例如屏蔽谷歌字体插件,主题已带有这个功能),免得起冲突。
  • 压缩包的根目录里面有一个demo.txt,是后台选项的备份,可以直接在后台导入,方便熟悉后台操作。

验证问题

  • 主题安装激活后,主题会带你到验证界面,假如提示你没权限的页面的话,你可以返回刷新一下,手动进入验证界面,输入密匙验证即可。
  • 正式版的一个密匙可以验证三个域名,当主域名被验证,二级域名是不能再验证的,本地搭建的环境也不能验证的,别问为什么。

Q:假如我想换域名怎么办?

A:假如已经验证过,那就回到验证界面,点击“停用”按钮,当前域名就会被停用,你可以用到新的域名了,理论上密匙可以无限次切换使用。

Q:我重装了,但没点停用怎么办?

A:这只能找老赵帮你清除域名信息了。

Q:Win主机无权限问题?

A:找老赵帮你验证

主题选项

  • 功能方面我把所有主题选项都一下,简单的选项直接跳过,免得老是被简单的问题问到,有些问题明明可以百度一下几秒钟的事,偏偏都要问一遍才安心的,真心累。

-常规

  • 布局设置:单栏/双栏,就是有没有左边小工具而已
  • Favicon设置:Favicon的图片格式要.ico好,怎么弄问百度
  • Logo设置:分图片/标题/字体图标,制作字体图标略繁琐,找找我以前的文章教程
  • 分页方式:ajax分页/页码分页

-样式

  • 默认皮肤:后台可以设置基本的有菜单背景玻璃样式(仿B站的)/Banner样式/Body样式,更高级的样式请看后面教程
  • 自定义皮肤:自定义的意思是你可以在后台配搭多种Banner和Body样式,然后前台可以类似微博换肤那样动态切换,但这个功能不保存cookie,刷新就没了,别问为什么。

-页眉

  • 隐藏系统工具条:建议隐藏
  • 搜索按钮
  • 前端登录
  • 登录背景图片

-幻灯片

  • 自定义幻灯片:假如出现幻灯片数目限制问题,那是php配置文件的问题,我根据框架作者的解答做了几遍还是解决不了,所以暂时无解
  • 切换效果

-公告栏

  • 自定义公告栏

-文章

  • 移除修订版本/移除自动保存/喜欢按钮/转载链接信息/相关文章/Lazyload加载图片
  • 首页评论预览:默认最多显示五条,想修改数目,可以去index.php里面找找
  • 随机特色图数量:数目等同于你的images/thumbnail/文件夹下的图片数目
  • 阅读更多设置:除非你很自信,否则不要打开“不过滤html标签”。假如更新wp版本后发现截取文字失效,是因为新的wp版本尚未汉化完整,可以再等他完整汉化版,或者回滚到旧版本wp。

-评论

  • SMPT设置:假如你使用QQ邮箱,然后你设置了独立密码,那么这里的邮箱密码是你的邮箱独立密码,不是登陆密码。
  • 提醒设置:评论审核通过通知用户/评论回复通知用户/网站后台登录失败通知管理员/注册用户资料信息更新通知用户/注册用户账户被管理员删除通知用户/网站发布新文章通知用户

-页面

  • 关于页面/归档页面/友链页面
  • 留言页面:头像Lazyload功能/读者墙
  • 作品页面:每页显示作品数目/全局关闭评论

-下载

  • 评论回复可见
  • 解压密码
  • 下载声明

-边栏

  • 左边栏:此处左边栏是指隐藏在左侧的边栏,并非文章左侧的边栏
  • 滚动固定小工具:默认是固定最后一个小工具,假如出现小工具跳动闪烁的问题,大概是因为你的小工具里头有图片,导致脚本判断高度不准确,解决方式是给图片属性添加高度。
  • 自定义轮播图:先在这里定义好轮播图,然后去小工具那个显示出来

-页脚

  • 底部编辑器
  • 回到顶部按钮
  • 分享按钮
  • 评论按钮
  • 二维码按钮
  • 捐赠弹窗:标题最后控制四个字以内

-SEO

  • 百度主动推送
  • 百度手动推送
  • 生成sitemap.xml
  • 关键词
  • 描述

-简介

  • 头像/简介/社交链接

-代码

  • 自定义CSS
  • 自定义javascript
  • 统计代码

-扩展

  • 代码高亮:
    这里要细说一下,这次采用的代码高亮插件不同于island的prettify.js,它采用的是自动识别高亮代码的方式,效果并不是很好。
    现在Owl换成了prism.js,官网是:http://prismjs.com/,选择它主要是它皮肤多,支持语言多,可以自定义下载,还带有很多扩展。
    想现在Owl主题下默认的prism,支持js/css/html/php/sass,支持代码编号,假如你觉得好不满足,可以自己去自定义下载,然后覆盖主题的prism.js和prism.css即可。
    当前高亮的格式为:

    
    <pre class="line-numbers">
      <code class="language-css">p { color: red }</code>
    </pre>
    
    

    注意到没有,它需要两层标签包裹住高亮代码,pre标签的class一般为插件的类名,code的class定义了语言种类。

    Q:我高亮html格式的语法时,页面都错乱了,怎么回事?

    A:直接插入html标签是会被浏览器解析出来的,做法是使用转义字符代替标签的尖角,看看这里吧http://tool.oschina.net/commons?type=2

  • 萤火背景:打开会占用一定的浏览器内存
  • 视频背景:你有本事,你打开看看
  • 音乐播放器:
    打开后按提示安装插件,创建歌单,再在歌单里面创建播放列表,在列表的右边有一个ID数字,把歌单对应的ID数字粘贴到主题选项这里即可。

-CDN

CDN可以配合七牛云用,这里只提供简单的,不带有刷新缓存功能,想更丰富的可以安装其他插件。

  • CDN域名
  • 包含目录
  • 排除文件

-备份

  • 导入:可以导入主题根目录下的demo.txt
  • 备份:备份只本分主题选项,不备份其它选项的

-管理

  • 更新推送:想了解最新主题信息就打开
  • 维护模式:这个很有用
  • 保护登录地址:这个只能防人为登陆,不妨机器
  • 高级登陆保护:这个可以防一定的机器登陆
  • 顶部通知条:Cookie默认保存1小时,想修改保存时间,到custom.js里找找

文章选项

这次文章格式只做了一种,也别问为什么,然后也说说文章选项
文章选项目前有以下功能:

  • 音乐外链:直接粘贴外链就可以了,建议使用七牛云的免费空间
  • 下载盒子:创建你的资源下载信息
  • 文章目录:就是现在浮动在右边的目录,使用方法是编辑文章时使用<h3>这样的标签把你的标题包起来,主题会自动识别生成这个目录的。这里有教程http://www.wpdaxue.com/wordpress-content-index-code.html

页面选项

其实页面不再像Island那样做成页面选项,而是把页面的功能集合在主题选项里面,简化了操作。
包含页面有:作品页面/友链页面/留言页面/归档页面

小工具选项

小工具的位置有两个,一个是文章左侧的侧边栏,另一个是隐藏在左边的叫左边栏。
包含几个简单实用的小工具:最新评论/统计信息/图像链接/轮播图

插件选项

理论上不需安装插件,除非你开启了音乐播放器。

菜单选项

主题有两个菜单位置,都支持多级,都支持添加字体图标,创建菜单时要区分开勾选菜单位置。假如你开启主题后发现前台的菜单结构不正确,那应该是你没勾选好菜单的位置的缘故。
菜单怎么加小图标?只要在导航标签的文字前加个代码即可,例如:


<i class="fa fa-bug" aria-hidden="true"></i>关于

额外设置

  • 在设置-多媒体里面,把缩略图大小宽度高度都改为300,免得图像模糊
  • 在设置-讨论里面,勾选启用评论嵌套和分页显示评论,免得评论的楼层出错

其他问题

Q:文章缩略图怎么回事?

A:文章缩略图存在于首页预览的特色图和文章下面的推荐图。每次想到写个文章还要找配图也是够麻烦的,这次是采用随机图来显示,当你没有上传特色图,就随机一张图片,在images/thumbnail/文件夹下面,你可以存放任意张图片,大小在200px*200px左右,然后在主题选项的文章里修改随即图数目即可,还有就是owl主题的内页不再存在特色图。

Q:怎么自定义皮肤?

A:这个问题问得好,主题自带的可定义的部分很有限,只有Banner和Body,想要改变其它部件的背景色或者字体颜色什么可以通过以下方式实现。
本次主题的css采用sass编写,什么是sass可以百度一下,只要会css的人都很容易学会sass。

  1. 安装编译环境ruby http://www.w3cplus.com/sassguide/install.html(只需看ruby安装,不要看下面的sass安装)
  2. 安装编译工具koala http://koala-app.com/index-zh.html
  3. 打开koala,把我的主题解压后的文件夹拖放进去,你会看到几个scss格式的文件,选中最重要的一个style.scss,这时右边栏会滑出来,保持默认的几个勾选的,点击编译按钮即可
  4. 刚刚已经编译过一次了,以后你每改动一下scss文件,你的style.css会跟着自动变化,前期工作已经做完,下面是开始动工了
  5. 打开你心爱的代码编辑器,打开在文件夹sass下的_skin.scss,所以皮肤颜色都在这个里面,并且我都做好了注释,只需改变几个值,整个style.css都会随着变化
  6. 改变_skin.scss后,看看style.css有没有变化,不放心的话,就再按一次编译按钮,完成了

Q:怎么开启主题后,后台反应比以前慢了?

A:这个是因为functions.php里面有一个“后台更新提醒”功能,用于接收主题最新版本的消息通知的json文件,相当于你每次访问后台都会访问这个json文件,假如觉得慢的话,可以去后台把这个代码的add_action钩子注释掉就可以了,但你以后将无法知道版本更新情况而已。

更新日志

  1. 2016/5/28: 1.0测试版本发布
  2. 2016/6/18: 2.0正式版本发布
转载原创文章请注明,转载自: 老赵茶馆 » 自适应WordPress主题Owl–付费主题–88元

56条评论

Loading...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  1. 喜帖街 谢安琪
  2. 猫の恩返 室内管弦楽団
Pluto主题Github源码公开
为学习交流,本主题源码已在Github公开,支持请购买正版。