响应式主题Ality正式发布

原创主题718.5K阅读模式

历经两个多月的折腾,新版响应式主题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,我会第一时间回复并加以解决!

 

主题下载页面

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

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  71  访客  58  作者  12
    • yaoguai
      yaoguai 0

      沙发

      • 知更鸟
        知更鸟

        板凳

        • 超級efly
          超級efly 3

          支持一下~好厲害!

          • 老虎
            老虎 6

            加油!

            • 站长萌萌哒
              站长萌萌哒 0

              期待接下来的增强版本 造一个新的经典主题 就不是晓得会不会很贵~

              • 老虎
                老虎 6

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

                现在苹果店越开越多,一些发达地区家庭已经开始大规模换用iMac了吧,哪怕本版本不考虑全屏,希望下一个版本考虑下,或者简单的加一个@media screen。

                  • 知更鸟
                    知更鸟

                    @ 老虎 用手机看全屏或者把浏览器窗口缩小
                    iMac与宽度有嘛关系?

                    • musk100
                      musk100 4

                      @ 老虎 Mac还不到百分之10

                      • 豌豆坚
                        豌豆坚 4

                        @ 老虎 Mac我用好几年了,现在是Retina,鸟哥的主题在Retina下表现一直都很棒,无论是iMac还是RMBP,分辨率都是2560咯,没有任何问题,要相信同样的主题在Mac下一定更好看。

                      • 看得见风的人
                        看得见风的人 6

                        先来撒花~~鸟哥的大作终于出来了!

                        • 幻月无名
                          幻月无名 3

                          终于来了,下了哦!

                          • 豌豆坚
                            豌豆坚 4

                            还是很快啊,准备试用一下

                            • koujack
                              koujack 1

                              我来支持鸟哥的!

                              • 弹幕视频
                                弹幕视频 2

                                我测试了下加视频在主题不会响应式

                                • aunsen
                                  aunsen 5

                                  鸟哥V587!

                                  • 七支剑
                                    七支剑 5

                                    这个一定要支持 一直用HOTNEWS PRO主题

                                    • boke123
                                      boke123 2

                                      从图片上看来,挺不错的主题,有机会一定试试!

                                      • 惜乐博客
                                        惜乐博客 3

                                        挺不错的主题 简洁

                                        • 云落
                                          云落 2

                                          目前使用鸟哥的移动主题,话说我也觉得目前很多自响应主题在手机体验不大好,很多都是左右尺寸问题,或者花屏过快的时候会有卡屏的,延迟移动的,(当然也见过几个不错的,比如WPgo),所以目前用移动主题,如果鸟哥哪天有时间看看有木有兴趣再写个移动主题,或者把那个移动主题更新下(≧▽≦)

                                          • 爱秀阁
                                            爱秀阁 3

                                            试用了一下,在未登入状态,网站上的图片是可以正常显示的,但是一但登入了图片就不显示了,这是为什么呢?

                                              • 知更鸟
                                                知更鸟

                                                @ 爱秀阁 貌似还有人说有此问题,本人未发现,如果方便,可以提供问题站点登录信息,让我测试一下
                                                http://zmingcx.com/contact

                                                  • 爱秀阁
                                                    爱秀阁 3

                                                    @ 知更鸟 测试帐号已经发送到你的gmail邮箱

                                                      • 知更鸟
                                                        知更鸟

                                                        @ 爱秀阁 已收到,随后测试 一下,谢谢!

                                                        • 知更鸟
                                                          知更鸟

                                                          @ 爱秀阁 找到原因了,与WP自带的工具栏JS冲突
                                                          解决办法:后台—用户—我的个人资料,把“在浏览站点时显示工具栏”勾选去掉
                                                          这东西基本用不着

                                                            • 爱秀阁
                                                              爱秀阁 3

                                                              @ 知更鸟 嗯,是的,问题解决了!

                                                      • 服装营销策划
                                                        服装营销策划 2

                                                        这个主题真的还不错,我的主题站收录了

                                                        • 我是来学习的
                                                          我是来学习的 1

                                                          主题太简洁啦

                                                          • piwu
                                                            piwu 1

                                                            鸟哥的的主题口碑皆知,人气很旺啊

                                                            • 大头
                                                              大头 2

                                                              显示有一些BUG,当一个句子比较长的时候。超出分界线边框。可以看下这个链接。
                                                              http://www.3cx8.com/related-download/
                                                              另外,收费插件,什么时候可以推出。期待中。

                                                                • 知更鸟
                                                                  知更鸟

                                                                  @ 大头 基本知识:复制其它网站的东西记得切到文本模式粘贴

                                                                    • 天子
                                                                      天子 1

                                                                      @ 知更鸟 之前的主题就是,当一个连接特别长的 时候就显示不完整,必须进行短连接转换才可以

                                                                  • 惜乐博客
                                                                    惜乐博客 3

                                                                    林子大了,什么鸟都有

                                                                    • 购物生活好店品
                                                                      购物生活好店品 4

                                                                      正在想要不要换一下这个主题呢

                                                                      • 张戈博客
                                                                        张戈博客 3

                                                                        鸟哥威武,等可以无缝切换的时候,定来下载。

                                                                        • moreopen
                                                                          moreopen 2

                                                                          鸟哥的主题一定要支持下的,下来先试试

                                                                          • 潮流台
                                                                            潮流台 1

                                                                            图片一直在延迟加载怎么办啊!还一直加载不出来!

                                                                            • 电脑天空
                                                                              电脑天空 5

                                                                              鸟哥 辛苦了。
                                                                              非常支持推出收费版的决定,长期免费提供对于作者的兴趣是很不利的。不过我个人还是比较喜欢HotNews主题,请问什么时候会更新呢,谢谢鸟哥。

                                                                              • kingcame
                                                                                kingcame 0

                                                                                鸟哥 这个下载按钮我不太会用 可以说详细一点吗??

                                                                                • IT站长
                                                                                  IT站长 0

                                                                                  好给力呀!支持一下!!

                                                                                  • Kael
                                                                                    Kael 7

                                                                                    支持一下!鸟哥威武!

                                                                                    • Mr.X
                                                                                      Mr.X 3

                                                                                      不错大气

                                                                                      • 牛德雷
                                                                                        牛德雷 2

                                                                                        前排支持鸟哥!!

                                                                                        • lufan
                                                                                          lufan 6

                                                                                          请问鸟哥,这个新主题视频播放怎么弄?

                                                                                            • 知更鸟
                                                                                              知更鸟

                                                                                              @ lufan 无专门的视频模板,在文章中插入视频代码

                                                                                            • lufan
                                                                                              lufan 6

                                                                                              新主题后台缓慢,是不是谷哥字体的问题?主题集成了吗?需要按你说的修改吗?

                                                                                                • 知更鸟
                                                                                                  知更鸟

                                                                                                  @ lufan 已集成,需到主题选项中打开

                                                                                                • 校园百事通
                                                                                                  校园百事通 0

                                                                                                  不错的网站,学习了,以后常来

                                                                                                  • go7hic
                                                                                                    go7hic 4

                                                                                                    恭喜,,啥时候出收费的

                                                                                                      • 大夏
                                                                                                        大夏 2

                                                                                                        @ go7hic 出了我也一定买!

                                                                                                      • robin
                                                                                                        robin 3

                                                                                                        期待收费版本 期待CMS样式

                                                                                                        • 掌趣儿
                                                                                                          掌趣儿 2

                                                                                                          等待鸟哥出新主题很久了,终于发布了。给鸟哥32个赞

                                                                                                          • Tokin
                                                                                                            Tokin 2

                                                                                                            感觉用 线 太多,看着很难受 :???:

                                                                                                            • 爱秀阁
                                                                                                              爱秀阁 1

                                                                                                              tags标签页面下不显示含有该标签的文章。

                                                                                                              • 小寂
                                                                                                                小寂 1

                                                                                                                鸟哥更新了 大力支持 哈哈

                                                                                                                • 老虎
                                                                                                                  老虎 6

                                                                                                                  报告一个问题,文章图多的时候直接点跳转评论快捷键跳不到评论,原因是lazyload阻碍了图片加载,因此阻碍了跳转到正确位置。有没有直接关掉lazyload的办法?

                                                                                                                  • 东海电气
                                                                                                                    东海电气 4

                                                                                                                    企业网站还是不许等鸟哥的主题呀,,其他主题不试用或要修正的地方太多。

                                                                                                                    • 东海电气
                                                                                                                      东海电气 4

                                                                                                                      期待鸟哥的CMS版本早日出来,或许可以将多说直接集成到主题里嘛。

                                                                                                                      • lzy
                                                                                                                        lzy 2

                                                                                                                        鸟哥你好,我用您的最新主题,但是我在后台设置的东西,主页刷新都显示不出来! 例如:小工具-文本-图片!!! 自己加的新浪微博等,是我的设置有问题吗?

                                                                                                                        • lzy
                                                                                                                          lzy 2

                                                                                                                          是缓存的问题,删除了缓存问题就解决了!    嘿嘿  

                                                                                                                          • Aaron
                                                                                                                            Aaron 3

                                                                                                                            鸟哥依然这么棒。

                                                                                                                            • 漳州红十字阳光志愿服务队
                                                                                                                              漳州红十字阳光志愿服务队 1

                                                                                                                              网站用的是鸟哥之前的那个主题,现在不想换这个主题,但是喜欢这个主题在手机上的显示效果。不知道有没有办法实现在电脑上显示hostnews。在手机上显示ality :?:

                                                                                                                              • 惜乐博客
                                                                                                                                惜乐博客 3

                                                                                                                                已经在使用了 很不错 就是文章底部小工具开启评论就错了 这文章的评论到那文章去

                                                                                                                                • 淘宝客大学
                                                                                                                                  淘宝客大学 0

                                                                                                                                  转走了。

                                                                                                                                评论已关闭!