{"id":3508,"date":"2017-09-08T15:49:10","date_gmt":"2017-09-08T15:49:10","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=3508"},"modified":"2020-05-07T06:49:27","modified_gmt":"2020-05-07T06:49:27","slug":"author-box","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/author-box\/","title":{"rendered":"Author Box"},"content":{"rendered":"\n

This article is for\u00a0AMP Theme Framework<\/a>\u00a0users.<\/p>\n\n\n\n

About this Component<\/h3>\n\n\n\n

Author Box is the component responsible for displaying the author information like name, avatar (image) and some description about the author.<\/p>\n\n\n\n

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

The following are the steps to implement this component.<\/p>\n\n\n\n

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

To initiate the support for the component in our theme we need to add the following code to the functions.php of the theme files.<\/p>\n\n\n\n

\/\/Author box\n add_amp_theme_support('AMP-author-box');<\/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 display the author box we now need to call it where we need.
example: add the following code in single.php of the theme files.<\/p>\n\n\n\n
<?php amp_author_box(); ?><\/pre><\/div>\n\n\n\n
with this, you’re successfully able to call and display on your theme.<\/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