{"id":4335,"date":"2018-02-12T06:07:10","date_gmt":"2018-02-12T06:07:10","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=4335"},"modified":"2020-05-07T09:52:24","modified_gmt":"2020-05-07T09:52:24","slug":"breadcrumb","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/breadcrumb\/","title":{"rendered":"Breadcrumb Component"},"content":{"rendered":"\n

This article is for AMP Theme Framework<\/a> users.<\/p>\n\n\n\n

Breadcrumb Component is for displaying the Breadcrumb in your AMP theme.<\/p>\n\n\n\n

How to use:<\/h3>\n\n\n\n

Following are the steps to use this Breadcrumb component.<\/p>\n\n\n\n

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

Just add the following code to the functions.php of the theme files.<\/p>\n\n\n\n

\/\/Breadcrumb\nadd_amp_theme_support('AMP-breadcrumb');<\/pre><\/div>\n\n\n\n
This was the back-end part where we’ve just initiated, now to make it appear in the front-end follow the next step.<\/p>\n\n\n\n
Step 2:<\/strong><\/p>\n\n\n\n
To add the Breadcrumb<\/strong> we need to call it.
example: add the following code in single.php of the theme files.<\/p>\n\n\n\n
<?php amp_breadcrumb(); ?><\/pre><\/div>\n\n\n\n
with this, you’re successfully able to set Breadcrumb<\/strong> on your theme.<\/p>\n\n\n\n
Note<\/h3>\n\n\n\n
If you have Homepage\/Archive support enabled then Breadcrumb will have AMP links for Homepage\/Archives.<\/p>\n\n\n\n
That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\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