支持基于灵巧性的内容类型上的加速移动页面(AMP)。
collective.behavior.amp的Python项目详细描述
Support for Accelerated Mobile Pages in Plone
目录
Life, the Universe, and Everything
Accelerated Mobile Pages Project(amp)是一个开源项目和服务,用于加速移动设备上的内容。
这个包实现了一个基于灵巧性的内容类型的行为,它添加了内容的AMP HTML版本。 默认情况下,大多数最新的移动浏览器都会提供这个版本。 谷歌还将把移动搜索结果链接到这个版本。
Don’t Panic
Installation
要在基于构建的安装中启用此软件包,请执行以下操作:
- 编辑buildout.cfg并添加以下内容:
[buildout]...eggs= collective.behavior.amp
更新配置后,需要运行“bin/buildout”,这将负责更新系统。
转到plone站点中的“站点设置”页面,然后单击“加载项”链接。
选中Accelerated Mobile Pages Support旁边的复选框,然后单击“激活”按钮。
Usage
进入“站点设置”并选择“加速移动页面”; 设置发布者徽标和AMP analytics code(如果可用)。
加速移动页面控制面板配置。
转到“站点设置”并选择“灵活内容类型”,然后在内容类型中启用“加速移动页面”。 名为@@amp的新视图将在您的内容类型的所有实例中可用。 视图将显示站点的徽标、全局导航侧边栏和内容类型的主要字段(包括标题、署名、简历、正文文本和相关项(如果可用)); 它还将包括元数据作为结构化数据。
使用amp-analytics标记支持从amp文档捕获分析数据。 有关如何使用此功能的详细信息,请参阅Adding Analytics to your AMP pages中的示例。
如果安装了sc.social.like, 在署名和简历之间会显示一个显示已配置插件的社交共享按钮列表。 注意,如果要启用facebook按钮,必须输入有效的facebookapp_id。
How does it work
amp是一种为快速呈现的静态内容构建网页的方法。 放大器由三个不同的部分组成:
- amp html
- amp html是一种html,具有一些可靠性能的限制,以及一些扩展,用于构建基本html以外的丰富内容。
- 安培js
- amp js库确保快速呈现amp html页面。
- 谷歌AMP缓存
- 谷歌AMP缓存可用于提供缓存的AMP HTML页面。
这个包添加了一个备用视图,将内容显示为amp html页面, 并在任何其他视图的标题中添加链接:
<linkrel="amphtml"href="${context/absolute_url}/@@amp">
处理正文文本以删除无效元素或用相应的amp组件替换它们。
Changelog
有一个弗罗德知道他的毛巾在哪里。
1.0a3 (2017-04-13)
- 修复i18n并更新巴西葡萄牙语和西班牙语翻译(修复#44)。 [hvelarde]
- 设置正确的语言信息(修复了#43)。 [hvelarde]
- 添加对amp-sticky-ad标记的支持。 [hvelarde]
- 修复对<amp-analytics>标记的支持。 [Agnogueira,Hvelarde]
- 修复标志位置的css错误。 [Kakshay21]
- 避免关联项关系断开时发生异常。 [罗德弗苏]
- 修复主amp脚本的加载顺序。 [hvelarde]
- 为社交图标添加类<;div>;标记。 [Agnogueira]
- 将描述移动到文章标题。 [Agnogueira]
- 如果图像没有src属性,请不要失败, 或者它是作为外部资源在正文文本中引用的。 [hvelarde]
- 清除无效的amp html属性(修复了#26)。 [罗德弗苏]
- 显式禁用amp html视图上的任何diazo主题。 [hvelarde]
- 使用byline字段(如果存在)获取内容作者的名称。 [hvelarde]
- 修复内容具有基于原型的线索图像时引发的各种异常。 [hvelarde]
1.0a2 (2016-10-06)
- 修复内容没有前置图像时amp html视图上的异常。 [hvelarde]
1.0a1 (2016-10-06)
- 初次发布。