WordPress草野时代主题: INITIAL 0.8 !

微饭君公众号

当一个作品拥有名称的时候,也就相当于获得了灵魂。在命名的时候,清枫也思索了很久,想过很多奇怪的名字,最后决定用最普通的方式赋予这份作品灵魂:Initial,初始,最初,也意味着开始。

草野时代主题

 

主题功能

这款主题主要是扁平化风格,刚开始想拓展Metro,后来想想还是放弃。这款主题主要是以清枫本人的角度出发来制作,例如顶部固定导航条,首页幻灯片展示,响应式模板,简洁的界面和丰富的功能,尽量非插件实现需要的功能,使用icon字体,可以0代码修改使用这个主题,谷歌丰富网页摘要等等。主题优化了SE0,可在后台开启谷歌统计或者百度统计,集成了百度分享、Fancybox、prettify代码高亮,多款实用的小工具。
主题兼容主流浏览器,其中IE7和IE8无响应式效果,并且代码高亮不能显示序号;IE9部分支持,主要是transition过渡以及text-shadow不支持,也不打算修复了;移动设备如iOS、Android均能很好的支持,Android设备效果木有iOS好。下一版本的主题很可能要将IE9及早期版本、移动端的主题分家。

主题安装

  1. 下载压缩包,解压并打开,先更换 imageres 目录里的 logo.png 以及 favicon.ico。
  2. 将Initial文件夹上传至服务器主题目录,主题目录在WordPress目录/wp-content/themes/;
  3. 到WordPress后台 - 外观 - 选择 Initial 主题并启用;
  4. 到WordPress后台 - 外观 - Initial主题设置 - 网站SEO设置,添加网站的描述和关键词;
  5. 到WordPress后台 - 外观 - Initial主题设置 - 自定义代码,给首页右侧模块和底栏添加代码;
  6. 到WordPress后台 - 外观 - 小工具里添加首页和其他页面的侧栏小工具;
  7. 仔细研究“Initial主题设置”以及“小工具”,利用里面的资源来调配自己的网站;

PS:logo.png尺寸168*40像素,网站主LOGO为40*40像素(响应式设计最后露脸的);favicon.ico为网页图标,尺寸16*16像素。
PS:顶部导航别超过6个(自适应问题),HOME可以使用LOGO代替,谢谢谅解!

常见问题

由于本主题非插件集成了文章浏览次数,所以使用这款主题需要停用WP-PostViews插件,之前的统计记录会保留。

安装主题后出现article.php错误

由于主题使用了WordPress的自定义栏目,如果未使用过该功能,安装主题后会出现类似错误:Warning: in_array() expects parameter 2 to be array, null given in ...\themes\Initial\article.php on line 11;
解决方法很简单,到后台 - 文章 - 写文章,点击右上角显示选项,勾选自定义栏目即可。

首页幻灯片显示推荐文章

主题首页幻灯片默认随机展示文章,如果需要展示推荐的文章,可以编辑文章,添加自定义栏目top,值任意。
幻灯片数目可以到后台 - Initial主题设置 - 功能模块设置里更改。

文章版权信息

默认文章为原创,如有转载文章,可以在编辑文章时添加自定义栏目 copyright,值为作者名称,copyrighturl,值为作者链接。
文章底部的作者信息默认不显示,可到后台设置显示。

如何使用FancyBox

刚刚接触这个主题或许有些用户对Fancybox感到陌生,这是一款通过jQuery开发预览插件,可以以幻灯片模式预览图片。开启方式很简单:
1. 先到后台 - 外观 - Initial主题设置 - 功能模块设置,启用Fancybox。
2. 编辑文章添加图片时,直接给图片添加链接即可。
3. 如果想更换Fancybox效果可以打开footer.php,找到fancybox的JS代码更改特效设置即可。

如何使用代码高亮

1. 先到后台 - 外观 - Initial主题设置 - 功能模块设置,启用代码高亮。
2. 使用HTML编辑器编辑文章,会发现工具栏有个code按钮,点击一次,输入代码,然后在点击code按钮闭合。
PS:使用代码高亮需要将<和>转义成HTML实体!

如何添加下载按钮、高亮文字

使用方法与代码高亮类似,无需开启直接使用,在HTML编辑器里有 dl、u-dl 和 bright,分别是站内下载、站外下载以及高亮文字。以站内下载为例介绍如何使用:
1. 点击dl按钮,输入分享文件名,再点击一次dl按钮;
2. 在href=""双冒号里填写下载地址,在title=""双冒号里填写鼠标覆盖是显示的标题。
高亮文字则无需添加title和href属性。
另外还有其他实用按钮:next(添加文章分页);center(文档居中);h3、h4、h5、h6。

使用七牛云储存出现无法评论

相信不少站长是使用七牛来给网站加速和分流的,清枫也是,最近才发现使用七牛缓存comments-ajax.js会使ajax评论失效,解决方案:
1. 打开js目录,找到comments-ajax.js,使用文本编辑器打开。
2. 找到下面这串代码

//js_url = js_url.replace('icaoye.qiniudn.com','icaoye.com');

首先去掉开头的双斜杠“//”,然后将icaoye.qiniudn.com和icaoye.com分别更换为你的七牛域名和网站域名,重新缓存comments-ajax.js即可。

安装统计代码

详情点击:草野时代主题 INITIAL 0.8 统计代码安装教程

其余问题待续...

版权声明

关于此WordPress主题模板 Initial 0.8,版权归柳飘清枫所有,任何人可以免费使用和修改,若以此模板修改结构后更换名称或再次发布需经过本人审核同意,否则一律按侵权处理。
关于 Initial 0.8 的最终解释权归柳飘清枫所有。

Update

2013.12.29更新:发现一个BUG,文章标题的NEW和UPDATE直接放入了标题中,现更换为伪元素,已下载的盆友请下载新文件,上传style.css和includes文件夹里的new.php替换原文件。抱歉!
2013.12.31更新:footer.php放错了,将我自己使用的上传了,太粗心了,之前下载的直接下载将footer.php替换即可O(∩_∩)O。

主题相关

作者:柳飘清枫

主题演示:Initial演示

下载地址:百度网盘 丨 官方下载

发表评论

相关文章