AMP

Descrição

The AMP Project is an open-source initiative aiming to make the web better for all. AMP enables web experiences that are consistently fast, beautiful and high-performing across distribution platforms. The official AMP plugin for WordPress supports fully integrated AMP publishing for WordPress sites, with robust capabilities and granular publisher controls.

Recursos e capacidades fornecidas pelo plug-in incluem:

  • AMP-first Experiences: enabling full-site AMP experiences without sacrificing the flexibility of the platform or the fidelity of content.
  • Core Theme Support: enabling AMP compatibility for all core themes, from Twenty Ten all the way through Twenty Nineteen.
  • Compatibility Tool: when automatic conversion of markup to AMP is not possible, debug AMP validation errors with detailed information including the invalid markup and the specific components responsible on site (e.g theme, plugin, embed); validation errors are shown contextually with their respective blocks in the editor.
  • CSS Tree Shaking: automatically remove the majority of unused CSS to bring the total under AMP’s 50KB limit; when the total after tree shaking is still over this limit, prioritization is used so that the all-important theme stylesheet important is retained, leaving less important ones to be excluded (e.g. print styles).
  • AMP Stories (beta): the AMP plugin enables the creation, editing, and publishing of AMP Stories in WordPress; leverage the magic of storytelling the WordPress way!

The plugin can be configured to follow one of three different template modes: Standard, Transitional, and Reader. In Standard mode you use AMP as the framework for your site, and there need not be any separate AMP and non-AMP versions. When configured to operate in Reader and Transitional modes, a given page will have a canonical URL as well as a corresponding (paired) AMP URL. The AMP plugin is not serving as a mobile theme; it does not redirect mobile devices to the AMP version. Instead, the AMP version is served to mobile visitors when they find the content on platforms such as Twitter, Pinterest, Google Search, and others. Reader mode only supports serving AMP for singular posts, pages, and other post types, whereas Standard and Transitional mode support serving the entire site as AMP.

Com o plugin oficial AMP para WordPress, o ecossistema WordPress é provido com recursos e ferramentas necessárias para criar experiências AMP de classe mundial sem se desviar de seus padrões, flexibilidade e seu conhecido workflow para criação de conteúdo.

Introdução

Para saber mais sobre o plug-in e começar a aproveitar seus recursos para potencializar o fluxo de trabalho e criação de conteúdo AMP veja O site oficial do plug-in AMP.

Se você é um desenvolvedor, encorajamos você a acomponhar ou contribuir com o desenvolvimento do plugin no GitHub

Imagens de tela

  • Create great web experiences via AMP-powered websites or visually rich, engaging stories.
  • Story editor enables creation of pages in a horizontal, page-based interface, with background media, with blocks that can be dragged, rotated, and animated.
  • In the website experience, theme support enables you to reuse the active theme's templates and stylesheets; all WordPress features (menus, widgets, comments) are available in AMP.
  • All core themes are supported, but many themes can be served as AMP with minimal changes, Otherwise, behavior is often as if JavaScript is turned off in the browser since scripts are removed.
  • Reader mode templates are still available, but they are differ from the active theme, any validation errors are silently sanitized.
  • Switch from Reader mode to Transitional or Standard mode in AMP settings screen. You may need to disable the admin bar in AMP if your theme has a larger amount of CSS.
  • Disponibilize todo o site em AMP ou escolha post types e templates específicos; você pode também cancelar a inscrição por postagem.
  • Plug-in verifica a validade AMP e indica quando: não há problema, novos problemas precisam de moderação ou problemas bloqueiam a exibição AMP.
  • O editor apresentará problemas de validação durante a criação do conteúdo. Os blocos específicos com erros de validação serão indicados.
  • URLs validadas incluem a lista de erros de validação encontrados, dando controle sobre se a sanitização de um erro de validação é aceita rejeitada,
  • Os estilos adicionados por temas e plug-ins são automaticamente concatenados, reduzidos e alterados para tentar manter o total abaixo de 50KB de CSS inline.
  • Um comando WP-CLI é fornecido para verificar as URLs em um site para validade AMP. Os resultados estão disponíveis no admin para inspeção.

Blocos

Este plugin disponibiliza 4 blocos.

amp/amp-story-post-author
amp/amp-story-post-date
amp/amp-story-post-title
amp/amp-latest-stories

Instalação

  1. Envie a pasta para o diretório /wp-content/plugins/
  2. Ative o plugin por meio do menu ‘Plugins’ no WordPress.
  3. If you currently use older versions of the plugin in Reader mode, it is strongly encouraged to migrate to Transitional or Standard mode. Depending on your theme/plugins, some development work may be required.

Avaliações

agosto 21, 2019
This plugin is evolving very well! My site is completely verified AMP and this is just the beginning of what is possible. The official AMP plugin is the reliable AMP path for WordPress. My development team helped me to get it all AMP first.
agosto 18, 2019
This plugin makes enabling AMP on your WordPress easy. Increase the performance of your site and improve the user experience for your visitors. Now with AMP Stories, publishers can easily create visually stunning content right within Gutenberg editor.
agosto 10, 2019
I used this plug in and it so corrupted the css files I have to do a clean install of WordPress, and lose 30+ pages of a commercial website. I uploaded a back up, but to no avail ALL images could not be seen on the entire site
julho 9, 2019
its mass my home page view and after deactivate my website look grate again.... My site WordPress 5.2.2 running with Online Shop theme. Edited: good support team will help me to reactive this plugin again on my site. Surely you deserve 5 star. THANKS A LOT @jamesosborne
julho 1, 2019
This is an easy to use plug in. Problems do come up from time to time through search console and Google is not always clear about what we need to do to fix it. The plug in support forum is very helpful and the team is really responsive. My last error had to do with the logo missing in the theme appearance and Yoast plugin and James helped identify this quickly. I implemented the change as he recommended and the console error went away. Highly recommended. Our site gets lots of hits through AMP pages via mobile search so this plugin is very essential.
Leia todas as 183 avaliações

Contribuidores e desenvolvedores

“AMP” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.

Contribuidores

“AMP” foi traduzido para 18 localidades. Obrigado aos tradutores por suas contribuições.

Traduzir “AMP” para o seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, dê uma olhada no repositório SVN ou assine o registro de desenvolvimento via RSS.

Registro de alterações

Para o changelog do plugin, veja the Releases page on GitHub.