How WordPress really works Behind the Scenes (Infographic)

maybe you have wondered exactly how WordPress is proven to work behind the scenes? For some users, this indicates easy because you type a Address plus web page lots in few seconds, but there is a great deal that happens behind the scenes. Inside guide, we will walk you through exactly how WordPress really works behind the scenes, and now we have developed a straightforward to follow along with infographic aswell.

How WordPress Functions Behind the Scenes

Why You Should Understand How WordPress Works?

WordPress can be an available source software, which means any one can learn its rule and write their very own apps (plugins) and templates (themes) because of it.

Learning just how WordPress works and how are you affected behind the scenes can help you know very well what you are able to do with it. You are able to learn about increasing WordPress performance and write better rule for your own tasks.

This guide will walk you through the entire procedure detail by detail. We will begin with when a individual requests a full page and end whenever that web page is fully loaded.

Prepared? Let’s get going.

Simply click to see the Behind the Scenes WordPress Infographic

You’ll be able to follow our written tutorial below for lots more details.

1. Load wp-config.php File

The wp-config.php could be the WordPress setup file. It sets worldwide factors for the WordPress website possesses your WordPress database information. This is actually the first file WordPress lots for obvious reasons. Find out more about wp-config.php file and exactly how to modify it.

2. Setup Standard Constants

After loading wp-config.php file, WordPress will proceed to set default constants. This consists of information like default WordPress upload location, maximum file sizes, along with other default constants set in wp-config.php file.

3. Load advanced-cache.php File

If advanced-cache.php file exists on your own site, then WordPress will load it next. This file will act as a drop-in file and it is employed by several popular plugins particularly WordPress caching plugins. In case the website is by using this file, then you’ll definitely view a new product regarding plugins screen called Drop-ins.

advanced-cache.php file showing up as drop-in

4. Load wp-content/db.php File

WordPress enables designers to create their own database abstraction levels and load them in a db.php file placed within the wp-content folder. It’s popular by WordPress caching plugins to improve database performance. If the website has this file present, then WordPress will load it.

5. Connect MySQL and choose Database

WordPress are in possession of sufficient information to proceed further. It’s going to proceed to connect to the MySQL server and select the database.

If WordPress struggles to connect to the database, then you will start to see the “Error establishing database connection” error and WordPress will quit right here.

If everything works fine, then it’ll move on to next actions.

6. Load object-cache.php or wp-includes/cache.php File

WordPress will now try to find object-cache.php file. If it cann’t occur, then WordPress will move on to load wp-includes/cache.php file.

7. Load wp-content/sunrise.php File

If it is a multisite system, then WordPress will now search for sunrise.php file if it exists in wp-content folder.

8. Load Localization Library

WordPress will now load l10n.php library in wp-includes folder. This file loads WordPress localization system, lots translations, sets locales, etc. See our guide on how to utilize WordPress in other languages.

9. Load Multisite Plugins

In case it is a multisite community, then WordPress will now load the multisite plugins. Find out about just how plugins work on WordPress multisite community.

system activated plugins

10. Do Action ‘muplugins_loaded’

The action muplugins_loaded has become run by WordPress. This step can be obtained only to network triggered plugins for a WordPress multisite.

11. Load Active Plugins

WordPress will now load all active plugins on the internet site. It can that by looking inside active_plugins entry within the choices dining table of one’s WordPress database. This allows WordPress to ignore plugins which are set up on your website although not triggered.

12. Load pluggable.php File

The pluggable.php file contains functions that may be redefined by WordPress plugins. WordPress will now see if the functions inside this file are already defined by another plugin. Otherwise, it will define those functions itself.

13. Do Action ‘plugins_loaded’

WordPress will now run the action ‘plugins_loaded’. It allows developers to hook their functions to run in the end active plugins have been loaded.

14. Load Rewrite Rules

WordPress will now load the rewrite guidelines. These rewrite rules help WordPress use Search Engine Optimization friendly URLs.

15. Instantiate $wp_query, $wp_rewrite, $wp

At this time WordPress loads these objects:

$wp_query: The international example that holds WP_Query class. It tells WordPress what content is requested in an average WordPress question format.

$wp_rewrite: The global example that holds your WP_Rewrite class. It includes your rewrite guidelines and functions which tell WordPress which Address to make use of to display the requested content.

$wp: The worldwide instance for the WP course containing functions which will parse your demand and perform the key question.

16. Do Action ‘setup_theme’

WordPress will now proceed to run ‘setup_theme’ action. This step runs before your WordPress theme is loaded.

17. Load Child Theme’s functions.php File

The functions.php file acts as plugin and is utilized in WordPress themes to include theme specific features to your site. If you use a child theme, then WordPress will now load your youngster theme’s functions.php file.

Otherwise, it will just load your active theme’s functions.php file.

18. Load Parent Theme’s functions.php File

If you use a kid theme, then WordPress will now load your moms and dad theme’s functions.php file.

19. Do Action ‘after_setup_theme’

This step runs after WordPress has setup the theme and loaded theme functions. It is the first action open to themes.

20. Setup Current User Object

Now, WordPress lots the existing user object. Permits WordPress to handle the demand prior to the user’s part and abilities.

21. Do Action ‘init’

WordPress has up to now packed all important information it requires. Now it fires the ‘init’ action.

This course of action permits designers to incorporate code which should be executed after WordPress has packed all earlier mentioned information.

22. Do Action ‘widget_init’

The widget_init action allows designers to register widgets and run code they needed seriously to run at the moment.

23. Run wp()

WordPress now calls wp() function that is located in wp-includes/functions.php file. It creates the WordPress question globals $wp, $wp_query, $wp_the_query after which calls $wp->main.

24. Parse Request

Now WordPress has all the information it needs to parse the consumer request. It starts by checking the rewrite guidelines to complement the user’s demand.

And then runs query adjustable filters, demand action hook, and delivers header demand.

25. Run Query

If no content matches the query, then WordPress will set is_404 variable.

Otherwise, WordPress goes onto load query factors.

It’ll then run WP_Query->get_posts().

Then, it fires DO_ACTION_REF_ARRAY ‘pre_get_posts’ action with WP_Query object.

WordPress will now run apply_filters to wash up question and run some final checks.

Now it fetches articles from database and applies articles_results and the_posts filters.

The question part ends with WordPress coming back the posts.

26. Do Action ‘template_redirect’

WordPress will now run the template_redirect action. This hook runs right before WordPress determines which template web page to load.

27. Load Feed Template

In the event that requested content is just a rss, then WordPress lots the feed template.

28. Load Template

WordPress will now try to find the template file predicated on WordPress template hierarchy. After that it loads the template which often has a WordPress loop.

29. Do Action ‘shutdown’

Right before ending all PHP execution, WordPress fires the last action called shutdown.

WordPress stops working here. It offers run the rule and generated user’s requested web page.

Now, your web web hosting server replies to user’s request by giving them the internet web page produced by WordPress. These pages contains HTML, CSS, and Javascript code, which tells user’s browser how exactly to display it on display screen.

Amazing isn’t it? All these things happen within milliseconds. If you work with one of these brilliant best WordPress web hosting services, then ideally your page will load in several moments.

Develop this short article helped you find out how WordPress works behind the scenes. You may even desire to see our step-by-step guide on how best to improve WordPress speed and performance for beginners.

If you liked this article, then please sign up for our YouTube Channel for WordPress video tutorials. There are also us on Twitter and Facebook.

How to Add Custom Meta Boxes in WordPress Posts and Post Types

Do you want to create custom meta boxes for your WordPress posts, pages, and custom post types? Custom meta boxes are commonly used to provide a better user interface for adding custom fields (meta data) into your content. In this article, we will explain what is a custom meta box, and how you can easily add custom meta boxes in WordPress posts and post types.

How to add custom meta boxes in WordPress posts

What is a Custom Meta Box in WordPress?

Custom meta box is a more user friendly interface to add custom fields (meta data) in your posts, pages, and other custom post types.

WordPress comes with an easy to use interface that helps you create content like posts and pages, or custom psot types.

Normally, each content type consists of the actual content and its metadata. Metadata is information related to that content like date and time, author name, title, and more. You can also add your own meta data by using custom fields.

Custom fields

However, adding metadata using the default custom fields box is not very intuitive. This is where custom meta boxes come in.

WordPress allows developers to create and add their own custom meta boxes on post edit screens. That’s how most popular plugins add different options on your post edit screens.

For example, the SEO title and meta description box inside Yoast SEO plugin is a custom meta box:

Category SEO Title and Meta description in Yoast SEO

Having said that, let’s see how you can easily add custom meta boxes in WordPress posts and post types.

Creating Custom Meta Boxes in WordPress

First, thing you need to do is install and activate the Advanced Custom Fields plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin adds a new menu item labeled ‘Custom Fields’ to your WordPress admin bar. Clicking on it will take you to the custom fields page.

This page will be empty since you haven’t created any custom fields yet. Go ahead and click on the ‘Add New’ button to continue.

Add new custom fields group

You will be taken to the ‘Add New Field Group’ page.

Here you need to provide a title for your field group. This title will be used as the title of your meta box.

After that you can start adding your fields. Simply click on the ‘+ Add Field’ button to add your first field.

Add your fist field

This will bring up the field settings form. First you need to provide a label for your field. This label will be displayed in your meta box before the field.

Creating a new field for your custom meta box

After that you need to select the field type. Advanced Custom Fields plugin allows you to choose from a whole range of options. This includes text, textarea, radio buttons, checkboxes, full WYSIWYG editor, images, and more.

Next, you need to provide field instructions. These instructions will tell users what to add into the field.

Below that, you will find other options for your field. You need to carefully review these options and adjust them to match your needs.

Field settings

Next, click on the close field button to collapse the field.

If you need to add more fields to your metabox, then click on the ‘+ Add Field’ button to add another field.

Close field and add another

Once you are done adding fields, you can scroll down to the location section. This is where you can define when and where you want your meta box to be displayed.

Location rules

Advanced Custom Fields comes with a handful of predefined rules for you to choose from. For example, you can select post types, post category, taxonomy, page parent, and more.

Next, comes the meta box options settings.

First you need to choose the order number. If you have multiple field groups defined for one location, then you can select the order number for them to be displayed. If you are unsure, then leave it as 0.

Meta box options

Next, you need to choose the meta box position on the page. You can choose to show it after the content, before the content, or in the right column.

Below that, you will need to choose a style for your meta box. You can choose it to be like all other WordPress meta boxes, or you can choose it to be seamless (without any meta box).

If you are unsure, then select Standard (WP Meta box) option.

Lastly, you will see a list of fields normally displayed on a post edit screen. If you want to hide a particular field on your post edit screen, then you can check it here. If you are not sure, then its best to leave them unchecked.

Once you are done, click on the publish button to make your field group live.

Publish your field group

Congratulations, you have successfully created your custom meta box for your WordPress post or post type.

Depending on your settings, you can now visit your post or post type to see your custom meta box in action.

Custom metabox preview

You can use this custom meta box to add meta data into your posts or post types. This data will be stored in your WordPress database when you save or publish the post.

Displaying Your Custom Meta Box Data in WordPress Theme

So far we have successfully created a custom meta box and displayed it on our post edit screen. The next step is to display the data stored in those fields on your WordPress theme.

First, you need to edit the custom field group you created earlier. On the ‘Edit Field Group’ page, you will see your custom fields, and their names.

Field names

You will need these fields names to display them on your website.

Advanced Custom Fields allows you to do that in two different ways.

First, you can use a shortcode to display a custom field into your post.

[acf field="article_byline"]

You can also display them by adding code into your WordPress theme files. If you haven’t done this before, then take a look at our beginner’s guide on how to copy and paste code in WordPress.

You will need to edit the theme file where you want to display the data from these fields. For example, single.php, content.php, page.php, and so on.

You will need to make sure that you add the code inside the WordPress loop. The easiest way to make sure that you are entering the code inside the loop is to look for a line in your code that looks like this:

<?php while ( have_posts() ) : the_post(); ?>

You can paste your code after this line and before the line that ends the loop:

<?php endwhile; // end of the loop. ?>

Your custom field code would look something like this:

<h2 class="article-byline"><?php the_field('article_byline'); ?></h2>

This code will display the data entered into the article byline field of our custom meta box.

Notice how we wrapped the code in a h2 heading with a CSS class. This will help us format and style the custom field later by adding custom CSS into our theme.

Here is another example:

<blockquote class="article-pullquote"> <?php the_field('article_pullquote'); ?> </blockquote> 

Don’t forget to replace the field names with your own field names.

You can now visit the post where you have already entered the data into your custom fields. You would be able to see your custom meta data displayed.

Custom fields displayed on a website

Advanced Custom Fields is a very powerful plugin with a lot of options. This tutorial only scratches the surface. If you need more help, then don’t forget to check out the plugin’s documentation on how to further extend it.

We hope this article helped you learn how to add custom meta boxes in WordPress posts and post types. You may also want to see our step by step guide on how to boost WordPress speed and performance for beginners.

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 to Uninstall and Reinstall WordPress

Recently, one of our users asked us the way they can uninstall and reintsall WordPress? Reinstalling WordPress can solve issues when all other troubleshootings tips fail. In this essay, we are going to demonstrate how exactly to properly uninstall and reinstall WordPress without losing important computer data or Search Engine Optimization.

how exactly to uninstall and reinstall WordPress

When Should You Reinstall WordPress?

Reinstalling WordPress should not function as first option. Most frequent WordPress mistakes are often fixable, and also this could save you from the hassle of reinstalling WordPress.

If you fail to find out the reason for a concern, then follow the instructions within our WordPress troubleshooting guide. It can help you pin-point the matter and find a solution.

In the event of a hacked WordPress website, you can test the guidelines in our guide on how best to clean a hacked WordPress site.

If everything else fails, then uninstalling and reinstalling a fresh copy of WordPress can be used while the final measure.

Action 0. Create a crisis Backup

If your wanting to do anything, you should first produce a complete backup of the existing WordPress website. You can make use of a WordPress backup plugin to do this. Make certain you store your backup files on your pc or even a cloud storage space service like Bing Drive or Dropbox.

We shall never be making use of this back-up to reinstall WordPress, however it’s good to have in case one thing goes wrong.

Step 1. Export Your WordPress Content

Initial thing you must do is export your WordPress content by making a WordPress export file. This file will contain your entire articles, pages, categories, tags, and comments.

Restoring a WordPress website applying this export file allows you to abandon data created by WordPress plugins.

This is how you’ll produce a WordPress export file.

First, register towards WordPress admin area after which go to Tools » Export page. Select all content and select ‘Download Export File’ key.

install WordPress export file

When you yourself have plenty of registered users in your web site, you might want to export them too. See our guide on how best to easily import/export users in WordPress.

Step 2. Download wp-content Folder

All your WordPress themes, plugins, pictures, and uploads are stored inside /wp-content/ folder in your website.

Let’s down load this article to your computer, to enable you to put it to use later on to reinstall WordPress.

Connect to your WordPress website having an FTP client or File Manager in cPanel. Once connected, select the wp-content folder and down load it to your computer.

install wp-content folder

After getting the wp-content folder, you’re prepared to uninstall WordPress.

Step 3. Properly Uninstall WordPress

To uninstall WordPress, you’ll want to connect with your WordPress site employing a FTP client or File Manager in cPanel. You then have to delete all WordPress files.

You don’t should delete your WordPress database. Most WordPress contains allow you to produce as much databases and usernames as you need.

Instead of deleting the prevailing database, you can produce a new one having a new username and password.

Generate new database, you will need to login towards cPanel account and click on MySQL Databases icon.

MySQL Databases

This may provide you with toward add new database page.

First, you need to enter a name for the new database and click on create database button.

develop a new database

From then on, scroll down seriously to add ‘MySQL Users’ area and put in a new user. You will have to enter a password, and then select ‘Create User’ key.

include New MySQL user

Now you need to include the consumer on database you created earlier in the day. Scroll right down to ‘Add individual to database’ section and find the username and database you created earlier.

include individual to database

Click the ‘Add’ key to keep.

Your database is ready to be utilized when you reinstall WordPress.

Now that you have got successfully uninstalled WordPress, let’s see how to reinstall it and restore your internet site.

Step four. Fresh Install WordPress

You will need to download a new copy of WordPress from WordPress.org web site.

install WordPress

After getting WordPress, you need to unzip the down load file.

You will discover a WordPress folder within it. Open the WordPress folder, and you may see all the WordPress files.

Now, you’ll want to upload these files to your website having an FTP customer.

Upload WordPress files

After uploading the WordPress files, go ahead and see your site. WordPress will now request you to enter your database information.

include database info

You’ll want to enter the name of database, username, and password you created earlier in the day. Your host information will in all probability be localhost.

Once you are done filling in the information and knowledge, click on the submit button to carry on.

WordPress will now make an effort to hook up to your database. Upon successful connection, it will explain to you successful message. Now you can go through the ‘Run Install’ button to continue.

Run WordPress installation

Next step, WordPress will ask you to offer your website information like site title, description, admin email and password.

Site information

After filling out the information and knowledge, select ‘Install WordPress’ button to carry on.

WordPress will now finish the installation. Go right ahead and log in to the WordPress admin area utilizing the password you entered early in the day.

An individual will be logged into WordPress, you need to delete the standard content.

Head over to articles and delete the ‘Hello World’ post. Go to the ‘Comments’ section and delete the standard comment. Finally, head to Pages and delete the sample page.

You’ve got successfully reinstalled a fresh copy of WordPress.

Now let’s move on to restoring your articles.

Step 5. Restore Uploads, Graphics, and Theme

First, you will have to restore your uploads, images, and theme situated inside the wp-content folder you downloaded earlier.

To accomplish this, you need to connect to your internet site utilizing an FTP customer and go to /wp-content/ folder.

Next, you’ll want to find the /wp-content/uploads/ folder from your own computer and upload it to your site.

Upload the uploads folder

When you yourself have made changes to your WordPress theme or child theme files, then you can certainly upload them now. Your theme folders are observed within the /wp-content/themes/ folder.

Action 6. Import Content

Now let’s import your articles, pages, categories, tags, alongside content.

First, you will need to go to Tools » Import page after which click ‘Install Now’ website link under WordPress.

Install WordPress importer

WordPress will now download and install the WordPress importer. You then must click on the ‘Run Importer’ website link.

This will provide you with to WordPress importer web page where you need to click on the ‘Choose File’ button and select the XML file you downloaded during our step 1.

Importing WordPress XML file

Click ‘Upload file and import’ switch to continue.

WordPress will ask you if you wish to produce brand new writers and designate the articles for them or if you would like to designate all articles to your current user account.

Import settings

When it is a single author WordPress website, then you can certainly designate all posts to your self. Otherwise, do nothing and WordPress will import the authors.

You also must make sure which you check out the box under ‘Import Attachments’. This can allow WordPress to properly import the pictures in your /wp-content/uploads/ folder toward WordPress media collection.

Go right ahead and click the Submit key to continue.

WordPress will now begin importing content from the XML file towards fresh WordPress install.

When completed, you’ll be able to to see your articles by visiting your website.

Action 7. Install WordPress Plugins (1 by 1)

After successfully importing content towards reinstalled WordPress site, you are able to move on to installing plugins.

You need to install all plugins one at a time after which trigger them. You may want to by hand setup plugins to modify their settings.

That’s all, you have got successfully uninstalled and reinstalled WordPress. You can now review your internet site and setup things because they had been before like your navigation menus, sidebar widgets, contact page, and more.

We hope this article helped you learn to uninstall and reinstall WordPress. You may even want to see our ultimate thorough WordPress safety guide.

If you liked this informative article, then please sign up for our YouTube Channel for WordPress video tutorials. You can also find united states on Twitter and Facebook.

How to Create a Custom WordPress Widget

Do you want to create your own custom widgets in WordPress? Widgets allow you to drag and drop elements into any sidebar or widget ready area of your website. In this article, we will show you how to easily create a custom WordPress widget.

Creating a custom WordPress widget

What is a WordPress Widget?

WordPress widgets contain pieces of code that you can add to your website’s sidebars or widget ready areas. Think of them as modules that you can use to add different elements by using a simple drag and drop interface.

By default, WordPress comes with a standard set of widgets that you can use with any WordPress theme. See our beginner’s guide on how to add and use widgets in WordPress.

WordPress widgets

WordPress also allows developers to create their own custom widgets. Many WordPress themes and plugins come with their own custom widgets that you can add to your sidebars.

For example, you can add a contact form, a custom login form, or a photo gallery to a sidebar without writing any code.

Having said that, let’s see how to easily create your own custom widgets in WordPress.

Creating a Custom Widget in WordPress

Before we get started, it would be best if you create a site-specific plugin where you will be pasting the widget code from this tutorial.

You can also paste the code in your theme’s functions.php file. However, it will only be available when that particular theme is active.

In this tutorial, we will create a simple widget that just greets visitors. Take a look at this code and then paste it in your site-specific plugin to see it in action.

 // Register and load the widget
function wpb_load_widget() { register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' ); // Creating the widget class wpb_widget extends WP_Widget { function __construct() {
parent::__construct( // Base ID of your widget 'wpb_widget', // Widget name will appear in UI
__('WPBeginner Widget', 'wpb_widget_domain'), // Widget description
array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain' ), ) );
} // Creating widget front-end public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] ); // before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title']; // This is where you run the code and display the output
echo __( 'Hello, World!', 'wpb_widget_domain' );
echo $args['after_widget'];
} // Widget Backend public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'New title', 'wpb_widget_domain' );
}
// Widget admin form
?>

After adding the code you need to head over to Appearance » Widgets page. You will notice the new WPBeginner Widget in the list of available widgets. You need to drag and drop this widget to a sidebar.

Custom WordPress widget added to a sidebar

Now you can visit your website to see it in action.

Previewing your custom widget

Now let’s study the code again.

First we registered the ‘wpb_widget’ and loaded our custom widget. After that we defined what that widget does, and how to display the widget back-end.

Lastly, we defined how to handle changes made to the widget.

Now there are a few things that you might want to ask. For example, what’s the purpose wpb_text_domain?

WordPress uses gettext to handle translation and localization. This wpb_text_domain and __e tells gettext to make a string available for translation. See how you can find translation ready WordPress themes.

If you are creating a custom widget for your theme, then you can replace wpb_text_domain with your theme’s text domain.

We hope this article helped you learn how to easily create a custom WordPress widget. You may also want to see our list of the most useful WordPress widgets for your site.

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

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

Edit author profile

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.

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.

post_author );
$facebook = get_the_author_meta( 'facebook', $post->post_author );
echo 'Twitter | Facebook';
?> 

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