This article is for AMP Theme Framework users.
About this Component
Related Post Component is for displaying the related posts for the single in your AMP theme.
How to use:
Following are the steps to use this component.
To initiate the support for the component in your theme just add the following code to the “functions.php” of the AMP Theme Framework directory.
// Related Posts add_amp_theme_support('AMP-related-posts');
This was the back-end part where we’ve just initiated, now to make it appear in the front-end follow the next step.
To add the Related Post we need to call it.
example: add the following code in “single.php” of the AMP Theme Framework directory.
<?php amp_related_posts(); ?>
with this, you’re successfully able to set Related Post on your theme.
But By default, it will show Image and Excerpt in Related Posts. If you don’t want image or excerpt in Related Posts then you can hide them using the Arguments.
Example: Add the following code to show Related Posts without Image and Excerpt.
$args = array('show_image'=>false, 'show_excerpt'=>false); amp_related_posts($args);
You can also call separate parts of Related Posts inside the Query.
// Query $my_query = related_post_loop_query(); // Title ampforwp_related_post(); // Image ampforwp_get_relatedpost_image(); // Excerpt and Author ampforwp_get_relatedpost_content();
But Wait, There’s more!
You can even crop the image according to your need.
ampforwp_get_relatedpost_image('full',array( 'image_crop'=>'true', 'image_crop_width'=>220, 'image_crop_height'=>134) );
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.
How to disable this option?
Hello guys I really apreciate what you are doing with this plugin.
I have a question about this template for displaying related posts.
Is there a way to overwrite this template in a custom theme framework?
its showing 500 error after add this function
// Related Posts
Hi Anuj Sharma,
Will you please contact our support team – https://ampforwp.com/support/ and they will help you to fix the issue.