Hi @smokingblends
Unfortunately, those guides are too generic, and it depends on the theme’s implementation of templates and templates part. In this case, Storefront uses a template part to display the post, and that is the reason the_content()
is not present there.
Furthermore, editing the theme files is not a safe and future-proof option; each update would revert your changes. If you want to do many modifications, I would advise you to create a child theme. (sorry, just noticed you are already using a child theme)
For this specific situation, the safest way would be to use the storefront_single_post_bottom
action, which will get fired after the post content (just like the post nav and comments).
I have rewriten the guide’s example to use this action instead (you can paste it at the end of your child theme functions.php file):
add_action('storefront_single_post_bottom', function() {
?>
<div class="about-author">
<div class="about-author-image">
<?php echo get_avatar(get_the_author_meta('ID'), 250); ?>
</div>
<div class="about-author-text">
<h3>About <?php echo get_the_author_meta( 'display_name'); ?></h3>
<?php echo wpautop(get_the_author_meta('description')); ?>
<a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>">View all posts by <?php the_author(); ?></a>
</div>
</div>
<style>/* insert custom css here */</style>
<?php
}, 1);
Please note, that it might need tweaking to look good. I left an indication where custom css to address styling could be added.