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.
beto says
How can I display that on mobile versions ????
WPBeginner Support says
If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.
Admin
Manoj Solanki says
How to disable the theme author box to use this plugin ?
Brandie says
How can users add their social media links themselves?
Right now I can add it for my authors, but they cannot edit it themselves.
Ricardo Martins says
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.
Touraj Aminfar says
Very goood and useful , thanks
Abdelrahman Helmi says
How to make it visual icons??
BImal says
Can anyone give better explanation?
Vito says
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
Aamir says
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..
Editorial Staff says
Ask them about the related hooks that you can use to make it happen.
Admin
stephane.falzon says
I try but it did not work and now it’s good. I do not understand why, but thx.
thegooch says
What is the plugin’s name? I’d like to use it
richard says
where in the theme function page should i place this code??
rayne says
How do I add a dropdown instead of a text field?
Editorial Staff says
For that you would have to write a mini-plugin calling the function and telling it to add the dropdown box.
Admin
Enk. says
A little more in details, how can we get it working like we only write ‘wpbeginner’ in fields and it links automatically ?
Editorial Staff says
Sure, more details added in the post.
Admin
Luke says
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.
Editorial Staff says
You have to use a if then statement for that specific field in the database.
Admin
Nicole says
Could you elaborate on how to write the if then statement for this?
Editorial Staff says
If / Then statement are basics of PHP. This tutorial was added for developers. We would recommend looking at the PHP Tutorials site.
John (Human3rror) says
very cool. i’m using it.