WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Display Author’s Twitter and Facebook on the Profile Page

How to Display Author’s Twitter and Facebook on the Profile Page

Last updated on February 10th, 2021 by Editorial Staff
173 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Display Author’s Twitter and Facebook on the Profile Page

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.

How to Add Author's Twitter & Facebook in WordPress Profile Page

Video Tutorial

Subscribe to WPBeginner

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.

Author bio box

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.

Edit author profile

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.

Enter your social profile URLs

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.

Author bio box with social 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.

Edit author profile

On the user’s profile page, you will notice new Facebook and Twitter profile fields. Enter the full URL into each field.

Facebook and Twitter fields in user profile

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.

Author social profile links

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.

173 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

23 Comments

Leave a Reply
  1. beto says:
    Aug 2, 2019 at 1:14 pm

    How can I display that on mobile versions ????

    Reply
    • WPBeginner Support says:
      Aug 5, 2019 at 10:44 am

      If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.

      Reply
  2. Manoj Solanki says:
    May 8, 2018 at 1:49 am

    How to disable the theme author box to use this plugin ?

    Reply
  3. Brandie says:
    Jun 20, 2017 at 8:00 pm

    How can users add their social media links themselves?

    Right now I can add it for my authors, but they cannot edit it themselves.

    Reply
  4. Ricardo Martins says:
    Mar 20, 2017 at 7:35 pm

    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.

    Reply
  5. Touraj Aminfar says:
    Sep 24, 2016 at 3:45 pm

    Very goood and useful , thanks

    Reply
  6. Abdelrahman Helmi says:
    Mar 10, 2014 at 9:54 am

    How to make it visual icons??

    Reply
    • BImal says:
      Apr 17, 2015 at 7:06 am

      Can anyone give better explanation?

      Reply
  7. Vito says:
    Jan 24, 2013 at 9:03 am

    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

    Reply
  8. Aamir says:
    Jan 13, 2013 at 1:24 pm

    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..

    Reply
    • Editorial Staff says:
      Jan 19, 2013 at 8:01 pm

      Ask them about the related hooks that you can use to make it happen.

      Reply
  9. stephane.falzon says:
    Sep 18, 2011 at 6:10 pm

    I try but it did not work and now it’s good. I do not understand why, but thx.

    Reply
  10. thegooch says:
    Jun 27, 2011 at 9:49 am

    What is the plugin’s name? I’d like to use it

    Reply
  11. richard says:
    Feb 10, 2011 at 9:23 am

    where in the theme function page should i place this code??

    Reply
  12. rayne says:
    Jan 15, 2010 at 10:50 am

    How do I add a dropdown instead of a text field?

    Reply
    • Editorial Staff says:
      Jan 15, 2010 at 2:42 pm

      For that you would have to write a mini-plugin calling the function and telling it to add the dropdown box.

      Reply
  13. Enk. says:
    Dec 30, 2009 at 3:27 pm

    A little more in details, how can we get it working like we only write ‘wpbeginner’ in fields and it links automatically ?

    Reply
    • Editorial Staff says:
      Dec 30, 2009 at 10:15 pm

      Sure, more details added in the post.

      Reply
  14. Luke says:
    Dec 30, 2009 at 12:35 am

    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.

    Reply
    • Editorial Staff says:
      Dec 30, 2009 at 3:10 pm

      You have to use a if then statement for that specific field in the database.

      Reply
      • Nicole says:
        Apr 15, 2011 at 1:29 pm

        Could you elaborate on how to write the if then statement for this?

        Reply
        • Editorial Staff says:
          Apr 15, 2011 at 3:58 pm

          If / Then statement are basics of PHP. This tutorial was added for developers. We would recommend looking at the PHP Tutorials site.

  15. John (Human3rror) says:
    Dec 29, 2009 at 1:52 pm

    very cool. i’m using it.

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
Smash Balloon
Smash Balloon
Add Custom Social Media Feeds in WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
SendinBlue Coupon Code
Sendinblue Coupon
Get Sendinblue, a powerful marketing automation toolkit for small businesses, for FREE.
Beaver Builder Coupon Code
Beaver Builder Coupon
Get the best possible price on this easy drag-and-drop page builder plugin. From just $99 in 2020.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.