Do you want to display your author’s Twitter and Facebook links on their WordPress profile page? By default, WordPress user profile page does not have any fields to add Facebook or Twitter profiles. In this article, we will show you how to easily display author’s Twitter and Facebook profile links in WordPress.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
1. Add Twitter and Facebook Profiles with Author Bio Box
This method is easier and is recommended for all users.
First, you need to install and activate the Author Bio Box plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit the Settings » Author Bio Box page in your WordPress admin to configure plugin settings.
First you need to select where you want to display the author bio box. The plugin can automatically show the author bio box below posts only or below posts and on homepage.
After that you can select background color, text color, gravatar size, border, etc.
Don’t forget to click on the save changes button to store your settings.
Next, you need to go to the Users » All Users page. Here you need to click on the edit link below the user account.
This will bring you to the user’s profile page. You will notice that there are new social profile fields available on this page.
Now you just need to enter the author’s Facebook, Twitter, or any other social media profile URLs in the respective fields.
Once you are done, click on the update profile link.
You can now view any posts written by that user, and you will see their author bio box with icons for their Twitter, Facebook, and other social media profiles.
Registered users on your WordPress site can also edit their own profiles to add links for their Facebook and Twitter pages. You can also send an email to all registered users on your website and ask them to update their profiles.
2. Display Twitter and Facebook Profiles with AIOSEO
This method is for advanced users because it will require you to edit WordPress theme files. If you haven’t done this before, then check out our guide on how to copy and paste code in WordPress.
If you are already using All in One SEO plugin on your website, then you are in luck as it can be used to add Twitter and Facebook profile fields in author’s profile page.
The problem is that AIOSEO does not automatically display them in the author bio. But don’t worry, we will show you how to do that.
Once you have AIOSEO plugin set up, you need to head over to the Users » All Users page, and then click on the edit link below the author name.
On the user’s profile page, you will notice new Facebook and Twitter profile fields. Enter the full URL into each field.
Once you are done, click on the update profile button to store your changes.
Now you need to display these fields as links in your theme.
You can do this by adding the following code to your theme files where you want to display the author profile links.
<?php $twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author ); $facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author ); echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>'; ?>
Save your changes and view a post on your website.
Here is how it looked on our demo website.
We hope this article helped you learn how to display author’s Twitter and Facebook profile links in WordPress. You may also want to see our guide on how to display recent tweets or how to display your Facebook timeline in WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
How can I display that on mobile versions ????
If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.
How to disable the theme author box to use this plugin ?
How can users add their social media links themselves?
Right now I can add it for my authors, but they cannot edit it themselves.
Hi! I’m from Brazil! You frequently help me! Thank you!
So… I did not have success to add Facebook on my Author Box. Could you help me?
My Instagram and my website are showing, but Facebook not.
Very goood and useful , thanks
How to make it visual icons??
Can anyone give better explanation?
I would like to apply this to the page of the publication of the post, and insert text tags for each post. similar to the custom fields but with this style is that possible?
Thanks
i am trying to include author google plus profile link in the template..
i have successfully added custum field to add google plus link in user profile of evry author but not able to include in the template …
i am using headway v3 ..
as its not posiible to edit files like author.php in headway i tried inserting the code directly in postpages by creating a Custum Code block but GooglePLus; ?> does not work…
please help..
Ask them about the related hooks that you can use to make it happen.
I try but it did not work and now it’s good. I do not understand why, but thx.
What is the plugin’s name? I’d like to use it
where in the theme function page should i place this code??
How do I add a dropdown instead of a text field?
For that you would have to write a mini-plugin calling the function and telling it to add the dropdown box.
A little more in details, how can we get it working like we only write ‘wpbeginner’ in fields and it links automatically ?
Sure, more details added in the post.
Thank you for this.
Stupid question: What’s the code if you want to show only the info that’s displayed in user profile.
For example, when I add these in the user profile and don’t enter data, it still shows the icon.
You have to use a if then statement for that specific field in the database.
Could you elaborate on how to write the if then statement for this?
If / Then statement are basics of PHP. This tutorial was added for developers. We would recommend looking at the PHP Tutorials site.
very cool. i’m using it.