{"id":4319,"date":"2018-01-11T15:02:32","date_gmt":"2018-01-11T15:02:32","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=4319"},"modified":"2020-04-27T07:56:40","modified_gmt":"2020-04-27T07:56:40","slug":"create-custom-template-post-type-taxonomy-amp-theme-framework","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/create-custom-template-post-type-taxonomy-amp-theme-framework\/","title":{"rendered":"Create Custom Template for post type and taxonomy in the AMP Theme Framework"},"content":{"rendered":"

An explanation<\/strong> for custom templating for developers. These template supports are available on:<\/p>\n

Note:<\/strong> This Tutorial will work only with  AMP Theme Framework<\/a>.<\/p>\n

Here is the Structured of File:<\/strong><\/p>\n

Taxonomy: taxonomy.php<\/u>
\ntaxonomy-$taxonomy-{$slug_decoded}.php<\/code>
\ntaxonomy-$taxonomy-{$term->slug}.php<\/code>
\ntaxonomy-$taxonomy.php<\/code><\/p>\n

Category: category.php<\/u>
\ncategory-{$slug_decoded}.php<\/code>
\ncategory-{$category->slug}.php<\/code>
\ncategory-{$category->term_id}.php<\/code><\/p>\n

Tag: tag.php<\/u>
\ntag-{$slug_decoded}.php<\/code>
\ntag-{$tag->slug}.php
\ntag-{$tag->term_id}.php<\/code><\/p>\n

Archive: archive.php<\/u>
\narchive-{$post_type}.php<\/code>
\nPost type archive<\/small>
\narchive-{$post_type}.php<\/code><\/p>\n

Single: single.php<\/u>
\nsingle-{$object->post_type}-{$name_decoded}.php<\/code>
\nsingle-{$object->post_type}-{$object->post_name}.php<\/code>
\nsingle-{$object->post_type}.php<\/code><\/p>\n

Page: page.php<\/u>
\npage-{$pagename_decoded}.php<\/code>
\npage-{$pagename}.php<\/code>
\npage-{$id}.php<\/code><\/p>\n

Author: author.php<\/u>
\nauthor-{$author->user_nicename}.php<\/code>
\nauthor-{$author->ID}.php<\/code><\/p>\n

archive-{post_type}.php<\/code>
\nsingle-{post_type}.php<\/code><\/p>\n

archive-{post_type}.php <\/strong>
\nIf 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.<\/p>\n

For more details check in WordPress template hierarchy<\/a><\/p>\n

single-{post_type}.php <\/strong>
\nIf 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.
\nIts Support single-{post_type}-{post_name_slug}<\/strong>, single-{$object->post_type}<\/strong><\/p>\n

For more details check in WordPress template hierarchy<\/a><\/p>\n

For taxonomy also similar like: taxonomy-{taxonomy}-{slug}.php, taxonomy-{taxonomy}.php<\/p>\n

Note:<\/strong>This might also work with design1, design2, design3  but it’s untested.<\/p>\n

How to create a Custom Template for the custom post type<\/strong><\/h3>\n

The following are the steps to create a Custom Template for the custom post type<\/p>\n

Step 1:<\/strong><\/p>\n

Create a new file with the name \u201csingle-(custom post type slug).php\u201d in your AMP theme Framework directory.<\/p>\n

The directory will look like<\/p>\n

ex:wp-content\\plugins\\amp-theme-framework<\/p>\n

Single: single.php<\/u>
\nsingle-{$object->post_type}.php<\/code><\/p>\n

Step 2:<\/strong><\/p>\n

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.<\/p>\n

To make it easy, we have created a video also<\/h4>\n
\nhttps:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/Recording-27.mp4<\/a><\/video><\/div>\n
\n
<\/div>\n

How to create a Custom Template for <\/strong>custom <\/strong>taxonomy<\/strong><\/h3>\n

The following are the steps to create a Custom Template for the custom taxonomy<\/p>\n

Step 1:<\/strong><\/p>\n

Create a new file with the name \u201ctaxonomy-(custom post type slug).php\u201d in your AMP theme Framework directory.<\/p>\n

The directory will look like<\/p>\n

ex:wp-content\\plugins\\amp-theme-framework<\/p>\n

Taxonomy: taxonomy.php<\/u>
\ntaxonomy-$taxonomy.php<\/code><\/p>\n

Step 2:<\/strong><\/p>\n

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.<\/p>\n

To make it easy, we have created a video also<\/h4>\n
\n
https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/Recording-28.mp4<\/a><\/video><\/div>\n<\/div>\n<\/figure>\n

How to create <\/strong>a Custom Page Template in AMP Theme Framework. <\/strong><\/h3>\n

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<\/p>\n

To make it easy, we have created a video also<\/h4>\n
https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/Recording-31.mp4<\/a><\/video><\/div>\n

That\u2019s it for this tutorial!<\/strong><\/p>\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t