响应式主题Ality正式发布

知更鸟
知更鸟
知更鸟
1500
文章
6903
评论
2014年7月31日11:37:59 71 8.2K

历经两个多月的折腾,新版响应式主题Ality终于发布!虽然很早就准备制作一款响应式的WordPress主题,但本人一直对响应式布局有些抵触,不是因为CSS3+HTML5+Responsive Design有什么技术难度,相关技术网上一堆简单学一下就可以了。主要是为了兼容各种显示设备反复调试,工作量大,代码累赘,在小屏显示设备上需隐藏部分元素,而实际上该元素已加载,只是通过CSS隐藏了而已。

可能你会说可以通过 wp_is_mobile() 函数判断移动设备,从而不加载某些元素,但移动设备除了手机,还有平板,还有高清屏移动设备,这些怎么办,据我所知该函数不能判断高清设备会一同隐藏掉本该能正常显示的元素。因此,本着节省移动设备流量的宗旨,使用响应式布局的主题模板,还不如直接启用专门为移动设备制作的移动模板。正规的门户网站很少采用响应布局,移动端直接采用专门的移动站点,也是就我等草根站长赶这个时髦而已。

另外,为了适应各种不同尺寸不同分辨率的显示设备,很多设计布局达不到最佳效果,令人遗憾。

个人认为唯一的好处是,原来960、980最佳网页宽度,已不能满足目前宽屏显示器的普及,所以新主题采用1080的宽度,如浏览者的屏幕是1024只会有较小的缩放,基本保持正常外观布局,视觉影响很小。

下面说说新主题:

接着上面的1080的页面宽度说,有童鞋问可不可以弄成满屏宽度的,答案当然是可以,实际上设计成全屏宽度的页面技术上更简单些,但全屏显示网页,并不符合大多数人的阅读习惯,会让浏览者不自觉地左右晃动头部,这也是为什么报刊杂志文章要分栏排版的原因。

新主题目前基本布局已定,近期不会再有大的改动,下一步会逐步增加功能,包括:

  • 添加更多的独立页面模板。
  • 增加对WP文章形式的支持,不同的形式内容实现不同的外观功能,这个本人比较热衷。
  • 尽量延续HotNews主题的功能,方便老用户更换新主题后而不影响原来的文章(相册、视频)显示。
  • 添加CMS布局。
  • 添加社会化分享按钮。
  • 广告位

拟添加滚动加载文章功能,但个人不喜欢滚动加载、瀑布流类的功能,浏览体验极差,比如WP编辑文章调用媒体库时,极耗资源,卡屏严重,不方便浏览者自由查找想看的文章。

当然,上面这些功能不会很快来到,因为本人非专业主题模板制作者,制作Wordpress模板完全是个人爱好,也不准备以此为生,还要上班工作养家糊口,没有过多的时间折腾,当具备与HotNews主题相当的功能时,会考虑发布收费版,为保护本人和购买者的利益,初步拟定基础版免费,其它各附加功能模板,单独出售。

主题在Wordpress 4.0-beta2中测试一切正常,Wordpress 4.0正式版将于8月份发布。

由于个人精力有限,欢迎大家测试并提交BUG,我会第一时间回复并加以解决!

 

主题下载页面

继续阅读
历史上的今天
七月
31
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
修正 WordPress 密码设置链接错误 WordPress

修正 WordPress 密码设置链接错误

当用户注册或者忘记密码获取新密码时WordPress会自动向用户邮箱中发送一个验证链接地址,用户通过打开这个链接设置密码,不过经常发现这个链接直接打开后,并不是设置密码的正确链接。 修正 WordPr...
用字母替代图片脚本:LetterAvatar Plugins

用字母替代图片脚本:LetterAvatar

基于canvas,通过toDataURL动态生成base64图片。目前我主题的Gravatar头像,就是利用这个LetterAvatar脚本实现未设置Gravatar头像则读取ALT标签,自动生成首字...
批量替换WordPress自定义栏目值 WordPress

批量替换WordPress自定义栏目值

如果之前添加的自定义栏目值,比如附件或者图片链接地址变了,可以通过以下方法批量修改一下。 将下面代码添加到当前主题函数模板 functions.php 最后: global $wpdb; $wpdb-...
WordPress 主题添加花瓣飘落特效 WordPress

WordPress 主题添加花瓣飘落特效

上篇文章过年啦,挂灯笼!教大家在博客上挂个动画灯笼,可能大家认为很好玩,那就再分享一个花瓣飘落的特效,可以加到自己博客上再装点一下节日氛围。 点击下图查看动画效果 先贴一下代码,下面有打包的文件下载。...

评论已关闭!

评论:71   其中:访客  58   博主  12
    • 淘宝客大学 淘宝客大学 0

      转走了。