AMP 项目以一组稳定的初始功能启动,但我们致力于为发布商、用户和开发者打造更好的网络体验,因此我们正在努力定期为该框架引入更多组件和功能。
AMP 直接受到生态系统本身需求的推动。考虑到这一点,我们很自豪地展示了最近添加的几项功能的综述,这些功能解决了我们从社区内部听到的需求。其中包括将导航菜单轻松添加到您的页面、展开和折叠内容部分、整合社交共享操作以及根据访问因素(如引荐来源)改变内容。
<amp-sidebar>
发布商依赖清晰的导航来引导读者浏览其网站,而用户依赖无缝设计来从内容中获得最大价值。当 AMP 启动时,足智多谋的发布商可以使用一系列工具(以及大量的时间和专业知识)来启用导航菜单,但我们希望让它变得更容易,并为更好的开发者和最终用户体验提供开箱即用的支持。
<amp-sidebar>是一个多功能容器,用于需要立即提供但不会在不需要时阻止内容的内容。当用户点击时切换,它会从侧面滑入视图,然后在下次点击时再次滑出,就像传统的“汉堡包”菜单一样。我们已经处理了许多跨浏览器怪癖,并为某些细节提供了可自定义的默认样式,例如当侧边栏可见时在背景内容上覆盖透明遮罩。这样,开发者可以摆脱耗时的实现细节,专注于内容。
<amp-sidebar> 最近发布,我们渴望听到反馈。在 AMP by Example中查看示例实现,在 文档中阅读如何在您的网站上实现它,如果您发现错误或想要请求新功能,请随时 打开一个新问题。
<amp-accordion>
发布商需要充分利用移动设备上的每一寸空间,但这并不意味着必须舍弃优质内容。即使在桌面平台上,使用可折叠部分也是一种流行的方式,可以根据需要在更高级别的标题下显示详细信息。<amp-accordion>通过一个可自由设置样式的组件将此解决方案带到了 AMP,让你可以通过点击标题来展开和折叠一个部分。
尝试与 <amp-sidebar> 结合使用来构建一个分层菜单——你甚至可以在一个 <amp-accordion> 中嵌套另一个,以获得最适合你网站组织结构的层次。
<amp-social-share>
当用户想要分享他们刚刚阅读的故事时,你希望移除任何阻碍你的内容和潜在病毒传播之间的障碍。<amp-social-share>提供了易于实现的按钮,可将当前页面分享到一组流行的分享平台,如 Facebook、Google+、LinkedIn、Pinterest 和 Twitter。一组小型的(但不断增长的)内置提供商可以开箱即用,而开发人员现在可以自定义按钮以包含其他平台。
<amp-social-share> 也刚刚发布到生产环境,因此我们正在寻求反馈。在文档中阅读如何在你的网站上实现它,如果你发现错误或想要请求新功能,请随时打开一个新问题。
<amp-dynamic-css-classes>
说到分享——有了 AMP 提供的所有用于发现和消费的新界面,根据用户来自何处以及他们如何看到内容来定制内容岂不是很好?<amp-dynamic-css-classes>让发布商可以轻松地根据引荐来源和查看者上下文设置元素样式。无论用户是从特定合作伙伴网站还是社交平台点击链接,发布商都可以对他们登陆的内容设置不同的样式,甚至替换部分内容,以确保获得最佳体验。
发布商还可以使用 <amp-dynamic-css-classes> 根据页面是否在查看器中显示(例如 Google 搜索中的“热门新闻”轮播)来设置不同页面的样式。
参与
AMP 在短短几个月内取得了令人难以置信的进步,我们一直在致力于扩展框架的功能,以帮助发布商为用户打造最佳体验。但这离不开发布和开发社区的反馈和参与。因此,请尝试并提交 实验性和新功能 的反馈;在 AMP 项目 GitHub 存储库 中提出新功能并增强现有功能;如果您是开发者,请考虑通过承担存储库中的 入门项目 来参与,或提交实现新功能的意向;最后,在 Stack Overflow 上提问并回答问题,帮助所有开发者轻松实现 AMP。
生态系统的强大程度取决于其成员致力于改进它的承诺——我们期待与您合作。
产品经理 Eric Lindley 发帖