Create Custom Template for post type and taxonomy in the AMP Theme Framework

An explanation for custom templating for developers. These template supports are available on:

Note: This Tutorial will work only with  AMP Theme Framework.

Here is the Structured of File:

Taxonomy: taxonomy.php
taxonomy-$taxonomy-{$slug_decoded}.php
taxonomy-$taxonomy-{$term->slug}.php
taxonomy-$taxonomy.php

Category: category.php
category-{$slug_decoded}.php
category-{$category->slug}.php
category-{$category->term_id}.php

Tag: tag.php
tag-{$slug_decoded}.php
tag-{$tag->slug}.php
tag-{$tag->term_id}.php

Archive: archive.php
archive-{$post_type}.php
Post type archive
archive-{$post_type}.php

Single: single.php
single-{$object->post_type}-{$name_decoded}.php
single-{$object->post_type}-{$object->post_name}.php
single-{$object->post_type}.php

Page: page.php
page-{$pagename_decoded}.php
page-{$pagename}.php
page-{$id}.php

Author: author.php
author-{$author->user_nicename}.php
author-{$author->ID}.php

archive-{post_type}.php
single-{post_type}.php

archive-{post_type}.php
If your custom post type were ‘product’, and/or query_var = “product”, AMP Framework would look for archive-product.php to display the archive of posts.

For more details check in WordPress template hierarchy

single-{post_type}.php
If your custom post type were ‘product’, and/or query_var = “product”, AMP Framework would look for single-product.php to display the single or permalink of the post.
Its Support single-{post_type}-{post_name_slug}, single-{$object->post_type}

For more details check in WordPress template hierarchy

For taxonomy also similar like: taxonomy-{taxonomy}-{slug}.php, taxonomy-{taxonomy}.php

Note:This might also work with design1, design2, design3  but it’s untested.

How to create a Custom Template for the custom post type

The following are the steps to create a Custom Template for the custom post type

Step 1:

Create a new file with the name “single-(custom post type slug).php” in your AMP theme Framework directory.

The directory will look like

ex:wp-content\plugins\amp-theme-framework

Single: single.php
single-{$object->post_type}.php

Step 2:

Once you create the file then in that file you need to do all the changes which you want and that customized file will appear for all your custom post types.

To make it easy, we have created a video also

How to create a Custom Template for custom taxonomy

The following are the steps to create a Custom Template for the custom taxonomy

Step 1:

Create a new file with the name “taxonomy-(custom post type slug).php” in your AMP theme Framework directory.

The directory will look like

ex:wp-content\plugins\amp-theme-framework

Taxonomy: taxonomy.php
taxonomy-$taxonomy.php

Step 2:

Once you create the file then in that file you need to do all the changes which you want and that customized file will appear for all your custom post types.

To make it easy, we have created a video also

How to create a Custom Page Template in AMP Theme Framework. 

If you are creating Custom Page Template for Non-AMP version then by default it will not work in AMP and for displaying in AMP you need to copy that custom file and paste it in your AMP Theme Framework directory

To make it easy, we have created a video also

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Share
Published by
Ajeet Gupta

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

3 years ago

What is the CWV plugin all about

Core Web Vitals are the subset of Web Vitals that apply to all web pages,…

4 years ago

How to fix “Alternate page with proper canonical tag” Page Index issue in Google Search Console

The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…

4 years ago