AMP vs Gutenberg Blocks for AMP with Design Library

Page Experience (PX) is a set of ranking signals—including Core Web Vitals (CWV)—measuring the user experience of interacting with a web page. AMP is a powerful tool which applies many optimizations and best practices automatically on your site, making it easier for you to achieve good page experience for your visitors. The official AMP Plugin, supported by the AMP team, makes it easy to bring the power of AMP to your WordPress site, seamlessly integrating with the normal publishing flow and allowing the use of existing themes and plugins. For more videos like this, check out the ongoing AMP for WordPress video series. The plugin’s key features include: Automate the process of generating AMP-valid markup as much as possible, letting users follow the standard workflows they are used to in WordPress. Provide effective validation tools to help users deal with AMP incompatibilities when they happen, including mechanisms for identifying, contextualizing, and resolving issues caused by validation errors. Provide development support to make it easier for WordPress developers to build AMP-compatible ecosystem components and build websites and solutions with AMP-compatibility built-in. Support the serving of AMP pages to make it easier for site owners to take advantage of mobile redirection, AMP-to-AMP linking, and generation of optimized AMP by default (via PHP port of AMP Optimizer). Provide a turnkey solution for segments of WordPress creators to be able to go from zero to publishing AMP pages in no time, regardless of technical expertise or availability of resources. The official AMP plugin for WordPress is a powerful tool that helps you build user-first WordPress sites, that is, sites that are fast, beautiful, secure, engaging, and accessible. A user-first site will deliver experiences that delight your users and therefore will increase user engagement and the success of your site. And, contrary to the popular belief of being only for mobile sites (it doesn’t stand for Accelerated Mobile Pages anymore!), AMP is a fully responsive web component framework, which means that you can provide AMP experiences for your users on both mobile and desktop devices. AMP Plugin Audience: Everyone This plugin can be used by both developers and non-developer users: If you are a developer or tech savvy user, you can take advantage of advanced developer tools provided by the AMP plugin to fix validation issues your site may have and reach full AMP compatibility. If you are not a developer or tech savvy user, or you just simply don’t want to deal with validation issues and tackling development tasks, the AMP plugin allows you to assemble fully AMP-compatible sites with different configurations taking advantage of AMP-compatible components. The plugin helps you to deal with validation issues by removing invalid AMP markup in cases where it is possible, or altogether suppressing AMP-incompatible plugins on AMP pages. The bottom line is that regardless of your technical expertise, the AMP plugin can be useful to you. Template Modes The official AMP plugin enables site owners to serve AMP to their users in different ways, which are referred to as template modes: Standard, Transitional, and Reader. The differences between them are in terms of the number of themes used (one or two), and the number of versions of the site (non-AMP, AMP). Each template mode brings its own value proposition and serves the needs of different scenarios in the large and diverse WordPress ecosystem. And in all cases, the AMP plugin provides as much support as possible in terms of automating the generation of AMP pages, as well as keeping the option chosen AMP valid. In a nutshell, the available template modes are the following: Standard Mode: This template mode is the ideal, as there is only one theme for serving requests and a single version of your site: the AMP version. Besides enabling all of your site to be AMP-first, this has the added benefit of reducing development and maintenance costs. This mode is the best choice for sites where the theme and plugins used in the site are fully AMP-compatible. It's also a good option if some components are not AMP-compatible but the site owner has the resources or the know-how to fix them. See our showcase of sites using Standard mode. Transitional Mode: In this mode there is also a single theme used, but there can be two versions of each page: AMP and non-AMP. The active theme is used for serving the AMP and non-AMP versions of a given URL. This mode is a good choice if the site uses a theme that is not fully AMP compatible, but the functional differences between the AMP and non-AMP pages are acceptable (due to graceful degradation). In this case, users accessing the site from mobile devices can get the AMP version and get an optimized experience which also retains the look and feel of the non-AMP version. Check out our showcase of sites using Transitional mode. Reader Mode: In this mode there are two different themes, one for AMP pages and another for non-AMP pages, and therefore there are also two versions of the site. This mode may be selected when the site is using an AMP-incompatible theme, but the level of incompatibilities is significant without graceful degradation. It’s also a good choice if you are not technically savvy (or simply do not want to deal with the incompatibilities) and therefore want simplified and robust workflows that allow you to take advantage of AMP with minimal effort. Different modes would be recommended in different scenarios, depending on the specifics of your site and your role. As you configure the plugin, it will suggest the mode that might be best for you based on its assessment of the theme and plugins used on your site. And, independently of the mode used, you have the option of serving all or only a portion of your site as AMP. This gives you all the flexibility you need to get started enabling AMP on your site progressively. AMP Ecosystem It is possible today to assemble great looking user-first sites powered by the AMP plugin by picking and choosing themes and plugins from a growing AMP-compatible ecosystem. In this context, the AMP plugin acts as an orchestrator of the overall AMP content creation and publishing process; it serves as a validator and enforcer making it easier to not only get to AMP experiences, but to maintain them with confidence. Many popular theme and plugin developers have taken efforts to support the official AMP plugin. If you are using a theme like Astra or Newspack, or if you are using plugins like Yoast or WP Forms — they will work out of the box! You can see the growing list of tested themes and plugins. AMP Development Although there is a growing ecosystem of AMP-compatible WordPress components, there is still a ways to go before majority AMP compatibility in the ecosystem. If you are a developer, or you have the resources to pursue development projects, you may want in some cases to develop custom plugin or theme to serve your specific needs. The official AMP plugin can be of great help to you by providing powerful and effective developer tools that shed light into the AMP development process as it is done in WordPress. This includes mechanisms for detailing the root causes of validation issues, the contextual space to understand them properly, and methods to deal with them during the process of achieving full AMP compatibility. Read more about Developer Tools. Getting Started To learn more about the plugin and start leveraging its capabilities to power your AMP publishing workflow, check the official AMP plugin product site. If you are a developer, we encourage you to follow along or contribute to the development of this plugin on GitHub. We have put up a comprehensive FAQ page and extensive documentation to help you start as smoothly as possible. But if you need some help, we are right here to support you in the plugin’s support forum, as well as through GitHub issues (for technical bugs and feature requests). And our thriving AMP Expert ecosystem has indie freelancers to enterprise grade agencies in case you need commercial support!

AMP Blocks is a collection of page building blocks for the Gutenberg. AMP Blocks give you the capability to easily create great websites with just a few clicks, which will show in both AMP and Non AMP Pages. NOTICE AMP Blocks has been depreciated but the innovation will be continued on another revolutionary plugin called AMP Enhancer (Compatibility Layer for Official AMP Plugin), so we recommend you to use AMP Enhancer plugin. Regular development will be done here as well as customer support will be provided. View All Demos | View Features Features **📚 Design library – Get professionally designed Web elements with 1 click! Just import them, edit them and make them yours **📦 Canvas Mode – Allows you to edit in full screen which gives you an ultimate web design experience. First Time ever in the Gutenberg niche to have such feature! **⏰ New Designs Every week – The Design library will get updated when there are new designs available. We are planning to release few designs every week. **⚡ AMP Support – The designs looks exactly the same in AMP as it does in the non-AMP. This is the only plugin which has the deepest AMP integration available. **✨ Lightweight – AMP Blocks was made with performance in mind to give the lightest experience possible. Design Demos Featured 61 – Demo – (Released on 11 June 2020) Testimonial 7 – Demo – (Released on 11 June 2020) Text 23 – Demo – (Released on 11 June 2020) Featured 60 – Demo – (Released on 04 June 2020) Text 21 – Demo – (Released on 04 June 2020) Text 22 – Demo – (Released on 04 June 2020) Project 38 – Demo – (Released on 02 June 2020) Text 20 – Demo – (Released on 02 June 2020) Text 19 – Demo – (Released on 02 June 2020) Project 37 – Demo – (Released on 30 May 2020) Text 18 – Demo – (Released on 30 May 2020) CTA 9 – Demo – (Released on 30 May 2020) Pricing 9 – Demo – (Released on 27 May 2020) Text 16 – Demo – (Released on 27 May 2020) Text 17 – Demo – (Released on 27 May 2020) Featured 59 – Demo – (Released on 23 May 2020) CTA 8 – Demo – (Released on 23 May 2020) Text 15 – Demo – (Released on 23 May 2020) Featured 58 – Demo – (Released on 20 May 2020) Project 36 – Demo – (Released on 20 May 2020) CTA 7 – Demo – (Released on 20 May 2020) CTA 6 – Demo – (Released on 18 May 2020) Text 13 – Demo – (Released on 18 May 2020) Text 14 – Demo – (Released on 18 May 2020) Pricing 8 – Demo – (Released on 13 May 2020) CTA 5 – Demo – (Released on 13 May 2020) Featured 57 – Demo – (Released on 13 May 2020) Project 35 – Demo – (Released on 11 May 2020) Project 34 – Demo – (Released on 11 May 2020) Featured 56 – Demo – (Released on 11 May 2020) Featured 55 – Demo – (Released on 09 May 2020) Text 12 – Demo – (Released on 09 May 2020) CTA 4 – Demo – (Released on 09 May 2020) Featured 54 – Demo – (Released on 07 May 2020) Project 32 – Demo – (Released on 07 May 2020) Project 33 – Demo – (Released on 07 May 2020) Text 11 – Demo – (Released on 30 April 2020) Testimonial 6 – Demo – (Released on 30 April 2020) Featured 53 – Demo – (Released on 30 April 2020) Featured 51 – Demo – (Released on 29 April 2020) Featured 52 – Demo – (Released on 29 April 2020) Project 31 – Demo – (Released on 29 April 2020) Pricing 7 – Demo – (Released on 22 April 2020) Pricing 6 – Demo – (Released on 22 April 2020) Project 30 – Demo – (Released on 22 April 2020) Project 29 – Demo – (Released on 20 April 2020) Featured 49 – Demo – (Released on 20 April 2020) Featured 50 – Demo – (Released on 20 April 2020) Project 27 – Demo – (Released on 18 April 2020) Project 28 – Demo – (Released on 18 April 2020) Featured 48 – Demo – (Released on 18 April 2020) Featured 46 – Demo – (Released on 16 April 2020) Featured 47 – Demo – (Released on 16 April 2020) Project 26 – Demo – (Released on 16 April 2020) Featured 45 – Demo – (Released on 14 April 2020) Project 24 – Demo – (Released on 14 April 2020) Project 25 – Demo – (Released on 14 April 2020) Featured 43 – Demo – (Released on 10 April 2020) Featured 44 – Demo – (Released on 10 April 2020) Project 23 – Demo – (Released on 10 April 2020) Featured 41 – Demo – (Released on 08 April 2020) Featured 42 – Demo – (Released on 08 April 2020) Testimonial 5 – Demo – (Released on 08 April 2020) Featured 39 – Demo – (Released on 06 April 2020) Featured 40 – Demo – (Released on 06 April 2020) Project 22 – Demo – (Released on 06 April 2020) Featured 38 – Demo – (Released on 02 April 2020) Project 21 – Demo – (Released on 02 April 2020) Team 5 – Demo – (Released on 02 April 2020) Featured 35 – Demo – (Released on 31 March 2020) Featured 36 – Demo – (Released on 31 March 2020) Featured 37 – Demo – (Released on 31 March 2020) Project 19 – Demo – (Released on 28 March 2020) Project 20 – Demo – (Released on 28 March 2020) Featured 34 – Demo – (Released on 28 March 2020) Project 16 – Demo – (Released on 26 March 2020) Project 17 – Demo – (Released on 26 March 2020) Project 18 – Demo – (Released on 26 March 2020) CTA 3 – Demo – (Released on 24 March 2020) Testimonial 4 – Demo – (Released on 24 March 2020) Featured 33 – Demo – (Released on 24 March 2020) Testimonial 3 – Demo – (Released on 21 March 2020) Featured 32 – Demo – (Released on 21 March 2020) Pricing 5 – Demo – (Released on 21 March 2020) Featured 31 – Demo – (Released on 20 March 2020) Featured 30 – Demo – (Released on 20 March 2020) Project 15 – Demo – (Released on 20 March 2020) Testimonial 2 – Demo – (Released on 18 March 2020) Featured 29 – Demo – (Released on 18 March 2020) Project 14 – Demo – (Released on 18 March 2020) Featured 27 – Demo – (Released on 17 March 2020) Featured 28 – Demo – (Released on 17 March 2020) Project 13 – Demo – (Released on 17 March 2020) Project 11 – Demo – (Released on 14 March 2020) Project 12 – Demo – (Released on 14 March 2020) Featured 26 – Demo – (Released on 14 March 2020) Project 10 – Demo – (Released on 13 March 2020) Featured 24 – Demo – (Released on 13 March 2020) Featured 25 – Demo – (Released on 13 March 2020) Pricing 4 – Demo – (Released on 12 March 2020) CTA 2 – Demo – (Released on 12 March 2020) Featured 22 – Demo – (Released on 12 March 2020) Featured 23 – Demo – (Released on 12 March 2020) CTA 1 – Demo – (Released on 09 March 2020) Featured 20 – Demo – (Released on 09 March 2020) Featured 21 – Demo – (Released on 09 March 2020) Featured 17 – Demo – (Released on 07 March 2020) Featured 18 – Demo – (Released on 07 March 2020) Featured 19 – Demo – (Released on 07 March 2020) Featured 13 – Demo – (Released on 06 March 2020) Featured 14 – Demo – (Released on 06 March 2020) Featured 15 – Demo – (Released on 06 March 2020) Featured 16 – Demo – (Released on 06 March 2020) Testimonial 1 – Demo – (Released on 03 March 2020) Featured 10 – Demo – (Released on 03 March 2020) Featured 11 – Demo – (Released on 03 March 2020) Featured 12 – Demo – (Released on 03 March 2020) Pricing 3 – Demo – (Released on 28 Feb 2020) Pricing 2 – Demo – (Released on 28 Feb 2020) Pricing 1 – Demo – (Released on 26 Feb 2020) Project 8 – Demo – (Released on 26 Feb 2020) Project 9 – Demo – (Released on 26 Feb 2020) Team 4 – Demo – (Released on 26 Feb 2020) Text 10 – Demo – (Released on 19 Feb 2020) Text 9 – Demo – (Released on 19 Feb 2020) Text 8 – Demo – (Released on 19 Feb 2020) Text 7 – Demo – (Released on 19 Feb 2020) Text 6 – Demo – (Released on 19 Feb 2020) Text 5 – Demo – (Released on 19 Feb 2020) Text 4 – Demo – (Released on 19 Feb 2020) Text 3 – Demo – (Released on 19 Feb 2020) Text 2 – Demo – (Released on 19 Feb 2020) Text 1 – Demo – (Released on 19 Feb 2020) Team 3 – Demo – (Released on 17 Feb 2020) Team 2 – Demo – (Released on 17 Feb 2020) Team 1 – Demo – (Released on 17 Feb 2020) Project 7 – Demo – (Released on 17 Feb 2020) Project 6 – Demo – (Released on 17-Feb-2020) Project 5 – Demo – (Released on 17 Feb 2020) Project 4 – Demo – (Released on 17 Feb 2020) Project 3 – Demo – (Released on 17 Feb 2020) Project 2 – Demo – (Released on 17 Feb 2020) Project 1 – Demo – (Released on 17 Feb 2020) Featured 9 – Demo – (Released on 17 Feb 2020) Featured 8 – Demo – (Released on 17 Feb 2020) Featured 7 – Demo – (Released on 17 Feb 2020) Featured 6 – Demo – (Released on 17 Feb 2020) Featured 5 – Demo – (Released on 17 Feb 2020) Featured 4 – Demo – (Released on 17 Feb 2020) Featured 3 – Demo – (Released on 17 Feb 2020) Featured 2 – Demo – (Released on 17 Feb 2020) Featured 1 – Demo – (Released on 17 Feb 2020)