现在有一个 CSS-Tricks 移动版,感谢 Mobify 的服务和优秀团队。
它不仅仅是 iPhone 版本,而且应该与大多数移动设备兼容。最棒的是,这不仅仅是一种像以前的移动版本那样阅读文章的方式。这是一个功能齐全的移动网站,这意味着包含所有归档文件的完整归档、评论以及评论功能。
由于 CSS-Tricks 基于 WordPress,我一直想找到一种方法来创建一个子域或子目录的移动网站,该网站可以提供相同的内容,但使用不同的 WP 主题。我始终没有找到合适的方法,但现在没关系了,因为 Mobify 正在做这件事。
WordPress 友好
Mobify 实际上可以在任何网站上运行,但我很高兴地发现它与 WordPress 的集成程度如此之高。评论功能不仅运行正常,而且他们还提供了一个插件,该插件可以自动将所有移动用户重定向,而无需您进行任何操作。
不会删除您的“完整”网站
通常,我不喜欢那些向移动用户提供特殊内容,但无法查看常规完整网站的“移动版本”。Mobify 不会这样做。它确实会将您重定向,但如果您想返回主网站,只需点击底部的“完整网站”链接即可。在我看来,这才是理想的方法。
分析
Mobify 与 AdMob 合作,为您提供移动分析。我认为仍然有一些问题需要解决,而且说实话,它目前对我来说还不太好用,但我相信他们很快就能解决。
自己动手
Mobify 是一个自助系统。您可以使用他们的设计仪表板构建自己的移动版本,这样您就可以完全控制并预览您在多个设备上构建的内容。
再次感谢 Mobify 帮助我们完成这项工作。如果您想查看其他使用过它的网站,我爱排版 有一个,A List Apart,我认为六篇文章很快就会有一个,Veerle 有一个,Dieline,还有很多很棒的网站。
是的,我一直在关注 Mobify。他们似乎做得不错。不错,CSS-Tricks 移动版在我的 iPhone 上看起来很棒。如果您的屏幕录像也能以这种方式提供,那就太棒了,但谁知道我们还要等多久才能让 iPhone 支持网页中的视频。
非常酷!
我让 http://briancray.com 变得对 iPhone(和移动设备)友好。这个程序可以让它更容易!真是一个很棒的实现!
非常非常酷,下次我制作网站的移动版本时,我一定会尝试一下。
看起来不错,虽然我注意到日期和评论数行覆盖了帖子标题(在黑莓手机上查看时)。
今天在华盛顿邮报上看看这篇文章 http://tinyurl.com/pmsay2…..迪士尼在网络上的表现比移动应用程序更好…..Mobify 是一个平台,可以使网页设计师以低成本、轻松的方式实施一个网站、多种视图的策略!
看起来不错!从我的 iPhone 上评论。
您使用的是 Pro 计划吗?您是付费使用它还是他们给您优惠?
他们给了我优惠,我想我应该说清楚。优惠的意思是他们帮我创建了网站,而且我没有付费。这不是付费广告 =)
他们怎么帮助您的?您是否需要重写网站的一部分?
您好,
我们选择了移动内容,并根据现有的样式表调整了样式。源网站不需要任何更改…
如果您还有其他问题,请给我发邮件!
来自 MOBIFY 的 Igor
哇,我就在几个小时前还在寻找这样的服务。
CSS TRICKS FTW!
广告呢?您打算如何从该网站上获得收益?
目前我还没有这个打算。
在我的 Windows Mobile 手机上的 Opera mini 上看起来不错。
我刚注意到,当我发布评论后,它立即将我转到完整网站。
为什么不使用 WordPress Mobile Edition 之类的插件,并根据您的喜好自定义移动主题呢?这样您就不必为他们的“自定义品牌”付费。 https://wordpresstheme.cn/extend/plugins/wordpress-mobile-edition/
为什么依赖可能会停止服务的服务,而您自己可以制作呢?
我正在制作一个网站,该网站实际上不会使用 WordPress 来做任何其他事情,除了新闻和博客,所以我尝试找到一种方法,可以使用 JavaScript 在页眉中检测并使用 PHP 切换回完整版本,反之亦然。我认为我做到了,如果他们没有 JavaScript,它只会加载移动版本。
Paul,
插件是解决移动性问题的另一种方法。我们的目标是构建一个设计环境,让任何网页设计师都能让他们的网站支持移动设备,无论使用什么 CMS。
尤其是,MOBIFY 对设计元素和捆绑服务(设备检测、内容转码、分析)进行了非常精细的控制,我们已经想出了这些方法。
插件也很棒,但它们在设计和模块支持方面不够灵活。总的来说,WordPress 还没有找到合适的移动框架,我们非常乐意参与其中。
致敬,
来自 MOBIFY 的 Igor
不幸的是,评论在我的手机上显示效果不太好,尤其是嵌套的回复,屏幕空间不够。如果我旋转手机以横向查看网站,看起来会好一些,但仍然不是完美。
(我使用的是带有 Opera 浏览器的 Windows Mobile 手机)
嘿,克里斯,看起来很棒,一如既往。我刚想在我的 iPhone 上添加书签,结果发现你的旧 iPhone 页面(css-tricks/i)没有转发到新 URL
做得很好
提供给用户使用移动内容的能力怎么样?我使用 iPhone,我的挫败感在于现在我只能看到 Mobify 版本,而无法看到完整版本。
用户应该有选择权。
你可以选择。我在文章中专门提到过这一点,因为我也讨厌这样。底部有一个醒目的“完整网站”链接。
你用 IE8 查看过你的网站吗?当我尝试使用 IE8 查看你的网站时,页面的宽度不断增加,无法查看。
这很酷,克里斯!恭喜。我绝对要自己开始做这个了!
Jquery 在这上面能用吗?
嘿,约翰,
虽然目前可以使用有限的 JavaScript(Google Analytics 等),但我们一直专注于简化移动内容,而不是 AJAX。将来,我们可能会在这个领域引入一些东西!
Igor
重定向功能是如何工作的,让移动用户访问 http://m.css-tricks.com/ ?
这是一个 WordPress 插件,因此它只是在幕后使用 PHP 以某种神奇的方式运作。他们还提供了一个 JavaScript 代码段,你可以将其用于任何网站。
我在哪里可以找到一个好的用于重定向的 PHP 或 JavaScript 代码?
我知道如何使用 Google,但是……
嘿,亚伯,我们的 CTO 约翰在他的博客上发布了我们使用的方法,对你可能有用。
http://johnboxall.ca/2009/04/01/notes-from-mobile-device-detection/
另外,我们确实计划提供 JavaScript 设备检测代码段(向我们的设备数据库发出请求)作为 MOBIFY 设计环境之外的高级服务。请告诉我们您是否感兴趣!