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 Yoast SEO
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 Yoast 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 Yoast does not automatically display them in the author bio, but don’t worry we will show you how to do that.
Related: How to properly install and setup Yoast SEO plugin on your website.
Once you have Yoast plugin setup, 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. For Twitter, you just need to enter the user handle without @ symbol.
For Facebook, you will need to enter the complete Facebook profile URL.
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( 'twitter', $post->post_author ); $facebook = get_the_author_meta( 'facebook', $post->post_author ); echo '<a href="https://twitter.com/' . $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 list of how to show an authors list with photos 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.
Thanks for the tip !
Now, the method to display it seems not working anymore. Instead, we need to use and
PHP and
doesn't work in comments so… use this : the_author_meta('twitter'); in a php area. Hope it will passed…Very goood and useful , thanks
How to make it visual icons??
Can anyone give better explanation?
// Retrieve a custom field value
$twitterHandle = get_the_author_meta(‘twitter’);
I think this is much better code to retrieve custom field value.
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.
@stephane.falzon You can just add another line that says:$contactmethods[‘skype’] = ‘Skype’;
Hi, first of all really thanx for your help!
Secondly, I try to add more field like ‘skype ID’ but I can’t add another.
I had to change one of the two field.
How I can do?
Thx
I add custom user field with this code:
function my_custom_userfields( $contactmethods ) {
$contactmethods[‘keyword_usr’] = ‘Keyword’;
return $contactmethods;
}
add_filter(‘user_contactmethods’,’my_custom_userfields’,10,1);
BUT it save the record with stripped html tag! how can i remove a strip tag filter?
i want save record allow html code.
For description profile i finded this code:
remove_filter(‘pre_user_description’, ‘wp_filter_kses’);
but for a new custom user field as ‘Keyword’, how can i solved?
thx and congrat for your blog!
Trau
What is the plugin’s name? I’d like to use it
Here is the code I used to properly retrieve and post the authors Twitter account:
I was having difficulty with the other method used in the post…ie, nothing was returned…the bit of code I included above did the trick.
NOTE: I simply list the twitter account as “@WHATEVERYOURTWITTERNAMEIS” in the user/author setup page in WP…and then I incorporated the Twitter @anywhere hovercard to get an awesome effect. I use it in all of my Author Bio boxes for each post.
seems it filtered out the code:
echo the_author_meta(‘twitter’);
remember, this code needs to be enclosed in:
just remove the spaces between .
I don’t know how to post the code properly…
where in the theme function page should i place this code??
You can use plugin. why do you code by useself?
There’s a Reason why you shouldn’t use Plugins.
1. Vulnerabilities
2. Incompatibility
3. Slows your Blog Down
To display the output of any field, better option is to use the_author_meta(‘twitter’)
I added the code that you suggest at the end of my functions.php and it added the 2 lines into my profile. The only thing is that every time I update anything, I get the white page of death. If I go back to the previous page, the update was successful. It just won’t bring me directly back to the page I just updated. I had to take out the code because it was too much of a PITA.
Any ideas what I did?
Post your functions.php in the comment. That is the only way we could provide solution to this problem.
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.