Categories
AMP On WordPress Wordpress

Amp Native AMP First Standard Mode On WordPress 2020 Validated

Friday 7 August 01:26

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.

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.select your language

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,

step_wordpress
So coming back to the main topic, click install WordPress.step1_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.

all ok wordpress
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.

log in to wordpress
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.amp plugin from amp project

Settings for the AMP Plugin

go to amp settings
Click on Settings as in the picture above

setting up amp

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.

serve all templates with amp
Save Changes

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.

amp native on wordpress
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.

comments_part_of_amp

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.

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

Saturday 15 August 00:00

For A detailed Tutorial on Setting up WordPress Plugin for Google Web Stories Follow My Post Here

By Rahul Kharbanda

Hi,
I am Rahul Kharbanda from India. I hope you like all the content I made. Welcome to comment & connect.
I am on Quora , Github , Twitter

Leave a Reply