wordpress响应式主题Always发布(支持ajax背景音乐)

说了没时间做新主题了，但是又忍不住诱惑，在暑假回家的时候做了这款主题的草稿，回来过后又见不得他一直是个只能放在本地的草稿，所以最近什么都没管一直在加班，终于把她完善了。取名Always。

如题，这是一款响应式主题，兼瀑布流，并且全站Ajax实现，大部分动画以css3实现。

我喜欢自己敲代码，自己实现想要的功能，所以主题除了需要wp_postviews插件来显示文章阅读数外，不需要其他任何插件。js代码除了使用jquery-1.10.2和jquery.mousewheel以及jquery.jplayer，其他代码均自行编写。

主题制作参考文章

• SOZ – WordPress的全站Ajax加载（三）改变地址栏
• 牧风 – WordPress 归档页面

敏捷的响应

首页的布局花了大量的时间来做，代码优化了一遍又一遍，目前可以非常流畅且敏捷的进行响应式布局，良好适应手机，平板，电脑等各种屏幕。欢迎大家用各种设备访问本网站测试，如果没有，可以缩放浏览器宽度来查看效果。

需要说明的是，布局的动画使用css3实现，在ie9下会无动画效果。如果想要ie9也支持，只需要注释掉一行代码即可。为什么我不支持？因为我现在对css3感兴趣。

音乐至上&&访客至上

一直想做一款能一直播放音乐的主题，但是比较麻烦。这次趁着有激情，一口气顺便把全站Ajax也给实现了。这样就可以整站播放音乐不停了。喜欢播放音乐的同学可以考虑入手。

一直以为，一个博客一半是博主写东西，另一半是有访客的留言来往灌水撑起来的。所以这次在留言模块花了很大功夫，不仅底部是一整块留言墙，而且可以查看留言者的具体信息。嘿嘿，大家来发现隐藏功能吧，找找自己最后一次留言和最早一次留言在什么时候。

主题自带叁个页面模板传统相册、瀑布流相册以及归档模板。带个性化图像文章格式和一个音乐短代码。

浏览器支持

和上个主题类似，主要是为了我自己使用和满足折腾的欲望，所以这次几乎是特效全开。访问使用该主题的网站需要使用支持css3和html5的浏览器。经测试，主题完美支持主流浏览器chrome，firefox，opera，safari，ie11，360，傲游。这是我电脑上的所有浏览器，其他的未经测试，并不代表不支持。在ie9下，瀑布流的动画会失效，Ajax的后退按钮会失效。不要问我为什么不支持ie8等传统浏览器，我个人认为不值得花时间去做。

结束语

我一直不喜欢写太多看起来很高大上的东西。你所见的就是主题的所有功能，喜欢就喜欢，不喜欢欢迎吐槽。我不是专业的设计师，不懂设计原理，我只是觉得这么做比较好看；我也不是专业制作主题生存的，兼容这东西太蛋疼，我只做了必要的一些。说了那么多，缺点也说了不少，要表达的意思就是一句实话：购买请慎重。

还是来句像样点的宣传的好话吧：如果你想让你的博客看起来个性十足；如果你喜欢全站播放音乐，如果你想别人去你那能眼前一亮，如果你想要功能强大而又细腻精致的主题，就来Always吧。Always for you。

更新记录：

Always for you 1.7

1.7更新日期：2015-12-15

更新内容：

• 1、缩略图摘要布局时文章title bug修复 funtions.php
• 2、更新到wordpress 4.4评论翻页丢失导航bug（4.4好像去掉了$wp_query->max_num_comment_pages，追索到get_comment_pages_count这里发现了问题，所以ajax调用导航是需要传$comments进去计算）function-ajax.php comment.js
• 3、首页导航bug修复 functions.php index.js style.css
• 4、底部信息更新 functions.php
• 5、404页面id重复 404.php
• 6、留言墙错误排除 functions.php
• 7、不设置logo音乐时，首页文章音乐点击无反应bug修复 audio_player.js

1.6更新日期：2015-10-3

更新内容：

• 1、背景图片在Microsoft Edge中定位错误修复，并将渐变动画改为css3加载（更流畅，不支持css3动画的浏览器将不会有渐变动画）bg.js style.css
• 2、页面加载特别迅速时动画bug修复 site-ajax.js
• 3、使用全新文章缩略图获取函数，抛弃timthumb.php，解决部分图片缩略图获取失败的情况。content.php functions.php style.css
• 4、首页文章标题过长时隐藏 style.css

1.5更新日期：2015-7-17

更新内容：

• 1、网站底部改为由ajax加载，并且全屏留言墙高度由三行改为一行 style.css footer.php functions-ajax.php index.js site-ajax.js comment.js
• 2、scrollTop优化 style.css index.js
• 3、归档页面有置顶文章时排除置顶文章显示在顶部 funcitons.php
• 4、提供调用https、多说头像与否的选项 functions-setting.php functions.php
• 5、提供首页显示文章中音乐与否的布局，并禁止“首图摘要”布局下首页显示视频 functions-setting.php content.php
• 6、其他一些bug修复与优化 style.css responsive.js site-ajax.js bg.js

Note：其实1.5版才可以说是比较完善的。

1.4更新日期：2015-6-23

更新内容：

• 1、iframe等文章页高度问题修复。 style.css
• 2、favition非首页显示错误问题修复 function-meta.php
• 3、文章无tag时作者信息不对齐问题修复 style.css
• 4、feature image尺寸以及显示错误修复 functions.php content.php
• 5、提供底部留言墙显示与否选项 functions-setting.php
• 6、丑的要死的ajax error美化 site-ajax.js
• 7、jplayer宽度改为完全由css控制 style.css index.js
• 8、增加分享到QQ空间按钮 content.php page.php page-album.php
• 9、增加首页顶部背景图片设置 functions-setting.php header.php
• 10、增加首页主题宽屏窄屏切换选项 functions-setting.php
• 11、增加自定义文章默认缩略图选项 functions-setting.php
• 12、更改首页文章为：只要文章内使用了mp3短代码，就会在首页显示，而不是以前的必须在前150个字符内 content.php
• 13、主题设置优化 functions-setting.php

Note：这次根据用户反馈修改了很多地方，算是大改了。建议大家联系我更新。

Note2：主题最惊艳的地方在于缩放浏览器窗口的响应效果，不信你试试。

1.3更新日期：2015-4-25

更新内容

• 1、响应式过早停止动画bug修复 responsive.js
• 2、iphone6 plus下菜单按钮错误修复 header.php style.css
• 3、归档页面移动端移除map后宽度优化为100% index.js style.css
• 4、升级wordpress 4.2后调用ssl头像正则错误导致的头像变大问题修复，并将ssl头像集成到主题 functions.php style.css
• 5、resize（屏幕尺寸改变大小）以及ajax动画代码优化 index.js site-ajax.js bg.js style.css
• 6、缩略图尺寸不够修复 content.php
• 7、文章播放器在首页显示宽度调整为100% style.css

Note：这次更新主要是一些代码的优化，涉及js文件改动较大。还有1.3版本的Always集成了调用https的Gravater头像，如不喜可自动删除。

1.2更新日期：2015-3-10

更新内容

• 1、加上文章作者信息 content.php content-image.php style.css
• 2、提供三种首页布局方式 content.php function-setting.php functions.php timthumb.php
• 3、增加对牧风音乐插件Hermit的支持 site-ajax.js
• 4、响应式加载停止调整 responsive.js
• 5、头部meta分号错误bug修复 function-meta.php
• 6、归档页面下拉后年月份超出底部bug修复 index.js
• 7、音乐播放器宽度微调 index.js
• 8、移动端评论回复子列表左边距bug修复 comment.js
• 9、移动端菜单按钮边距bug修复 style.css

Note1：更新主题后请务必在主题设置中重新选择首页布局方式；

Note2：有使用Hermit的请务必升级到最新的Hermit；

Note3：我爱张靓颖，请听：

1.1更新日期：2014-9-12

更新内容：

• 1、视频宽度限制，pre,ok等一些元素的支持 style.css
• 2、菜单高亮 site-ajax.js
• 3、评论列表css布局重写，微调完美对齐，更适应窄屏手机 style.css comment.js
• 4、音乐暂停时loading依然存在修复 audio_player.js
• 5、增加首页摘要布局 content.php function-setting.php gallery.js
• 6、scrolltop定位修复 index.js
• 7、友链浮动修复 style.css
• 8、feature image支持 content.php functions.php
• 9、音乐播放器宽度响应修复 style.css index.js

大部分是修复bug。最大的改动是增加首页摘要布局，懒得布局的同学不用担心了，会自动排整齐的。喜欢自由more标签布局的也不用担心，后台提供两种布局的选项。

在手机不离手的现在如果你的网站不支持移动设备都不好哪出手了，Always能良好响应支持多种屏幕尺寸，欢迎大家用手机、电脑、Pad等测试Always，如发现bug请留言或发邮箱告知，谢谢。