Amp Native AMP First Standard Mode On WordPress 2020 on a Latest Version of WordPress.
Mid-August 2020 AMP Plugin Version 1.5.
In one of my previous posts, I have given a complete tutorial on :
Setting up WordPress on your mac localhost as a server , this post includes everything in detail starting from scratch till obtaining an SSL,
As an SSL is a must if you want AMP First Site.
AMP is simplest to achieve, if you use WordPress its just matter of few clicks but remember not all plugins are supported by AMP if you install Standard or Native AMP Mode.
Total Time: 7 minutes
Select your language on the first WordPress Installation Page
Please select your language and press the continue button, as this is an English language blog I am selecting English. Always go through the documentation of plugin before installing it for language supports; otherwise, it will give up a PHP error.
Setup WordPress and log in to the dashboard
Add everything it requires, and please make sure you remember what you fill here.
I will give a name AMP Native as this is a tutorial for Amp Native Standard Mode On WordPress,
As I am doing this on localhost, so I am using a weak password. It would be best if you use a strong password every time on the web for your safety that must contain special characters, numbers, and a combination of small and capital letters,
So coming back to the main topic, click install WordPress.
I have also selected the indexing option to turn it off as I am on the localhost it should be always on for your SEO and search engine discovery if you are ready to publish your content.
After you do that, it would show a success message and ask you to log in, press login, and get started with your user name and password.
Click on Login with your credentials. A page will open that would be your WordPress Admin page that is not visible publicly and is securely working with all the functions and content you may add to it.
Setting Up Original AMP Plugin
You will see plugins by default that are with the WordPress stack we downloaded in our previous post on a related topic and themes pre-installed on the WordPress new install.
I deleted all of them and just kept the default twenty 20 WordPress theme.
As twenty 20 theme supports AMP Standard Mode, many other WordPress themes do so that we will discuss in a separate post.
So for now, head over to Plugins > Add New as in the picture above.
Settings for the AMP Plugin
Click on Settings as in the picture above
The first mode is the Standard Mode, which serves AMP Native or AMP-First.
In short, the Desktop and the Mobile website pages all of them are AMP, Responsive, and work the same on all the devices, with less use of resources like scripts and CSS.
Though, as per your use, you may select other options as well, I am just sticking over to the topic here and shall discuss the 3 Modes in detail in a separate post.
After selecting the Standard Mode, Scroll the page down, and you would see supported templates. These are templates like Posts, Pages, etc. As we have the AMP-First or AMP- Native Mode selected, we will choose the option as Serve All, as in the picture below.
Go to New AMP Site Check AMP Validation
Visit your AMP-First Site. As in the picture above, or just type your Home Url in your browser.
Here you will notice a Validator that’s helpful in all the development you make to your AMP-First project. CSS usage is just 38% though we don’t have any content yet.
But if it goes to target 70%, it is still excellent, and page size should be less than 50Kb as a good SEO point.
So Everything looks good till now. For Amp Native AMP First Standard Mode On WordPress in 2020, scroll below, and you will also find a Comments Section, previously it was not a plugin feature, but now AMP Original plugin supports comments.
Its Complete Basic Tutorial for setting up Amp Native AMP First Standard Mode On WordPress in August 2020 just for setting up an AMP-First website.
The plugin version is 1.5, Beta 2.0 is to be launched as per the Github and is under testing.
- WordPress Site
- Amp Plugin Original
Ending up here, in our Next Post, we will make using AMP on WordPress better and better.
Google Web Stories Launched
In My Next Post, I have A complete tutorial on Setting up the Google Web Stories. The plugin is free and can be downloaded here. or from the WordPress Repository since 24th September 2020.
Update the Web Stories Plugin is now a part of the official WordPress Repository.
I Just Created a web story with the same,
also, the plugin has an embedding block you can see the same below
For A detailed Tutorial on Setting up WordPress Plugin for Google Web Stories Follow My Post Here