[AMPforWP] Tutorial for experienced developer

@lukefive,

You should check out this page which talks about creating a custom AMP theme: https://ampforwp.com/tutorials/article/create-a-custom-amp-theme-for-wordpress/

AmpforWP gives you a very basic template that you can use as an example, but what I found to be more helpful was to copy the existing design-3 template files by ftp to use as a basis for a custom template. Then you can modify it to suit your needs.

Your experience with HTML and CSS will pay off because you’ll see that you now have an AMP style sheet (style.php) that you can modify. You can also change up the home page template (index.php) the basic template (single.php) and the header and footer. You can also add in the other AMP components that are not present.

Wow @clientclicks that is an interesting link. Thanks so much. Like many other people new to AMP, I feel like a beta tester. Just when I thought custom CSS for mobile devices would do the job ??

@clientclicks
Quick related question: I’ve seen a recommendation to install both this plugin and also the AMP plugin by Automattic. Is that common?

I’ve only been working in AMP for about a month now, but I really like it. I was surprised to find that AMP is really very full featured and flexible. Most of the examples of AMP that I had seen are news or blog sites without interesting formatting and I had read about how AMP is stripped down HTML. Well it turns out with all of the various components available like amp iframe, amp carousel and amp bind, you can do lots of interesting dev work in AMP. You just need to use Ampforwp’s custom template option to do it.

Hi @lukefive,

We have removed the AMP by automattic dependency from our plugin. You can read more about it here: https://ampforwp.com/beginning-of-an-update-proof-ux-64th-update/

@lukefive
Regarding your question about installing the Automattic AMP plugin.

Currently there are two types of AMP plugin available.
Those that require the Automattic plugin to be installed and ones that do not.

AMPforWP in the past required the Automattic plugin to be installed and like the ones similar to it added functionality to that base plugin.

Recently Automattic (finally!) issued an update to the base AMP plugin and promptly broke a whole bunch of sites on their own as well as another whole bunch of sites that used their plugin as a base.

The guys at AMPfor WP at that time decided to change the plugin so that now you do not need to install the Automattic plugin.

That plugin has been incorporated into the AMPforWP plugin so they can control the situation better and more importantly thoroughly test any updates Automattic make before releasing them into the wild.

@lancecarr
Thanks for the details! I am getting caught up on what is happening in the world of AMP.

Hi @lukefive, @lancecarr and @clientclicks ,

Finally, I can announce it publicly ??

Check out this repo: https://github.com/ahmedkaludi/amp-theme-framework

And this documentation: https://ampforwp.com/tutorials/article/overview-of-amp-theme-framework/

But make sure you are using 0.9.61 which we are going to release in few hours. And also keep an eye on the documentation we are going to add more articles in it.

Regards
Marqas