Archived topic
How to add Social Media Icon/Link Just below Author Box Bio?
15 replies · Started by Suraj Katwal on March 30, 2020
Is there any way to add Social Media Icon (SVG Icons) just below the author box bio?
I have used the Author Box in Single blog post. Links in the private field.
I am using Hook Method.
Thank you
Hi there,
will those icons links be relevant to the author ?
I am thinking to link to social media pages of respective websites.
Thank you
Hi there,
Are there multiple authors on the site? If so, I assume those social media links with differ depending on the author?
I am going to implement it on my website, where I am only the Author.
Thank you.
In the Author box HTML add this after author-summary closing </div>
<div class="author-icons">
<a href="url"><img src="url-to-svg-image"></a>
<a href="url"><img src="url-to-svg-image"></a>
<a href="url"><img src="url-to-svg-image"></a>
</div>
Then just add your links and urls to the images you want to use for your icons.
Might need a little CSS to tweak the icons eg.
.author-icons a {
margin-right: 0.25em;
}
.author-icons a img {
width: 30px;
height: 30px;
}
Thank you for the code.
One More question
How can I add Schema Markup for Author?
I am using this code from the forum.
Any update?
Hi there,
Sorry we didn't get back to you sooner!
I would suggest using a JSON-LD option. There are lots of plugins that handle it, including major search engine plugins like Yoast SEO.
I have been using Yoast. So how to integrate Author Bio code with Schema.
Thank you
But the Author Box on your site already includes Schema markup ?
If you're using Yoast, they will add the necessary author JSON-LD on the page.
If you want to add microdata to the box itself, this might help: https://kinsta.com/blog/schema-markup-wordpress/
Got it.
Thank You
No problem :)
what I have to do? if the links are different (each for a different author).