[Resolved] How to add Social Media Icon/Link Just below Author Box Bio?

[Suraj Katwal]

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

[David]

Hi there,

will those icons links be relevant to the author ?

[Suraj Katwal]

I am thinking to link to social media pages of respective websites.
Thank you

[Tom]

Hi there,

Are there multiple authors on the site? If so, I assume those social media links with differ depending on the author?

[Suraj Katwal]

I am going to implement it on my website, where I am only the Author.

Thank you.

[David]

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;
}

[Suraj Katwal]

Thank you for the code.
One More question
How can I add Schema Markup for Author?
I am using this code from the forum.

[Suraj Katwal]

Any update?

[Tom]

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.

[Suraj Katwal]

I have been using Yoast. So how to integrate Author Bio code with Schema.
Thank you

[David]

But the Author Box on your site already includes Schema markup ?

[Tom]

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/

[Suraj Katwal]

Got it.
Thank You

[Tom]

No problem 🙂

[Dominik]

what I have to do? if the links are different (each for a different author).

[Author]

Posts