topic How to add an author name to blog posts in CMS Development

How to add an author name to blog posts

ldiethel — Mon, 13 Mar 2023 19:56:29 GMT

Hi, I am trying to edit my blog template to include the author name alongside their avatar/photo. My template already has this

<div class="blog-post__author">
{# <a href="{{ blog_author_url(group.id, content.blog_post_author.slug) }}">
{{ content.blog_post_author.display_name }}

but no name shows up. Where and what do I need to change to add the name?

Re: How to add an author name to blog posts

himanshurauthan — Tue, 14 Mar 2023 09:35:13 GMT

Hello @ldiethel

you need to modify the code you have shared.

<div class="blog-post__author"> <a href="{{ blog_author_url(group.id, content.blog_post_author.slug) }}"> <img src="{{ content.blog_post_author.profile_photo.url }}" alt="{{ content.blog_post_author.display_name }}" class="blog-post__author-avatar"> </a> <span class="blog-post__author-name">{{ content.blog_post_author.display_name }}</span> </div>

In the code above, we added a span element with the class blog-post__author-name to display the author's name. You can customize the span element's style to match your blog's design.

Also, make sure that the content.blog_post_author object contains a valid author name. If the author name is missing, it won't appear on the blog post.

Thanks & Regards
Himanshu Rauthan

Re: How to add an author name to blog posts

ldiethel — Tue, 14 Mar 2023 14:20:12 GMT

Thanks, Himanshu!!

When I add the code you supplied, I get this:

Am I doing something wrong or adding this snippet in the wrong spot?

Re: How to add an author name to blog posts

himanshurauthan — Wed, 15 Mar 2023 10:42:27 GMT

Hello @ldiethel

Make sure that you add the code in the correct place in your blog post template. The code snippet should be added within the existing div element with the class "blog-post__author".

Try adding the code snippet just after the closing tag for the anchor element (</a>), as shown in the modified code I provided earlier.

Also, make sure that you properly closed all the HTML tags in your template before adding the new code. Any unclosed tag can cause unexpected formatting issues.

If you're still having trouble, please share more details or the code of your blog post template, and I'll try to help you better.

Re: How to add an author name to blog posts

ldiethel — Wed, 15 Mar 2023 14:55:49 GMT

Thanks for your reply, I feel like I'm getting close! here is where I'm adding it, but still having the same issue as above. I appreciate your help!