tech-mtaani tech-mtaani
  • Home
  • How-To Guides
  • Business Software
    • Social Media Tools
    • Landing Pages
    • Website Builders
    • Email Marketing
    • CRM SOFTWARE
    • Web Hosting
  • Reviews
  • General News
  • WHAT-IS
Reading: How to add social media icons in top bar in a WordPress page website
Share
Subscribe Now
Tech-MtaaniTech-Mtaani
Aa
Search
  • Home
  • How-To Guides
  • Business Software
    • Social Media Tools
    • Landing Pages
    • Website Builders
    • Email Marketing
    • CRM SOFTWARE
    • Web Hosting
  • Reviews
  • General News
  • WHAT-IS
Follow US
Copyright © 2014-2023 Ruby Theme Ltd. All Rights Reserved.
Tech-Mtaani > Blog > HOW-TO GUIDES > How to add social media icons in top bar in a WordPress page website
HOW-TO GUIDES

How to add social media icons in top bar in a WordPress page website

admin By admin June 4, 2023 4 Min Read
SHARE

There are a few ways to add social media icons in the top bar of a WordPress page website. One way is to use the built-in WordPress menu system. Another way is to use a social media plugin.

Using the built-in WordPress menu system

  1. Go to Appearance > Menus in the WordPress admin area.
  2. Click Create New Menu.
  3. Give your menu a name and click Create Menu.
  4. In the Menu Structure section, click Add Item.
  5. Select Social Media from the Menu Item Type dropdown.
  6. Select the social media icon you want to add from the list.
  7. Enter the URL for your social media profile in the URL field.
  8. Click Add to Menu.
  9. Repeat steps 6-8 to add more social media icons to your menu.
  10. When you’re finished, click Save Menu.

Your social media icons will now be added to the top bar of your website.

Using a social media plugin

There are many social media plugins available for WordPress. One popular plugin is called Social Media Icons.

To add social media icons to your website using a plugin, simply install and activate the plugin. Once the plugin is activated, you’ll need to configure it. The configuration process will vary depending on the plugin you’re using.

Once the plugin is configured, you’ll be able to add social media icons to your website. The process for adding social media icons will vary depending on the plugin you’re using.

Which method should you use?

The method you use to add social media icons to your website will depend on your needs and preferences. If you’re comfortable using the built-in WordPress menu system, then that’s a great option. If you want more control over the appearance of your social media icons, then you might want to use a social media plugin.

How to add social media icons in top bar in a WordPress using customizer

Here are the steps on how to add social media icons in the top bar in WordPress using the Customizer:

  1. Go to Appearance > Customize.
  2. Click on Menus.
  3. Click on Create New Menu.
  4. In the Menu Name field, enter a name for your social media menu.
  5. Check the Social Menu checkbox.
  6. Click on Create Menu.
  7. In the Menu Items section, click on Add Menu Item.
  8. In the Select Menu Item dropdown, select Social Media.
  9. Select the social media icons that you want to add to your menu.
  10. Click on Add to Menu.
  11. Once you have added all of the social media icons that you want, click on Save Menu.
  12. In the Customizer, go to Header > Top Bar.
  13. In the Social Media section, select the Social Media Menu that you created in step 7.
  14. Click on Publish.

Your social media icons will now be displayed in the top bar of your WordPress website.

Here are some additional tips for adding social media icons in the top bar in WordPress using the Customizer:

  • You can change the order of the social media icons by dragging and dropping them.
  • You can also add a title and description to each social media icon.
  • You can change the size and color of the social media icons.
  • You can also add a link to each social media icon.

Sign Up For Daily Newsletter

Be keep up! Get the latest breaking news delivered straight to your inbox.
By signing up, you agree to our Terms of Use and acknowledge the data practices in our Privacy Policy. You may unsubscribe at any time.
Share This Article
Facebook Twitter Copy Link Print
Previous Article How to add pricing columns in a WordPress page website
Next Article How to Customize Colors on Your WordPress Website
Leave a comment

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Facebook Like
Twitter Follow

Subscribe Now

Subscribe to our newsletter to get our newest articles instantly!

Most Popular
The use of blockchain technology for data security and privacy
October 12, 2023
The use of blockchain technology for non-fungible tokens (NFTs)
October 12, 2023
The use of blockchain technology for decentralized finance (DeFi)
October 12, 2023
The use of blockchain technology for digital identity and credentials
October 12, 2023
The ethical implications of blockchain technology
October 12, 2023

You Might Also Like

How to delete all WooCommerce products at once using SQL code

1 Min Read

How to Remove the Sidebar in WordPress (6 Easy Methods)

5 Min Read
404-page-error
HOW-TO GUIDES

How to Improve Your 404 Page Template in WordPress (2 Ways)

2 Min Read

How to Create a Custom HomePage in WordPress

3 Min Read

Always Stay Up to Date

Subscribe to our newsletter to get our newest articles instantly!

tech-mtaani tech-mtaani

We provide tips, tricks, and advice for improving websites and doing better search.

Latest News

  • Home
  • How-To Guides
  • Business Software
    • Social Media Tools
    • Landing Pages
    • Website Builders
    • Email Marketing
    • CRM SOFTWARE
    • Web Hosting
  • Reviews
  • General News
  • WHAT-IS

Resouce

  • About Us
  • Contact Us
  • Privacy Policy

Get the Top 10 in Search!

Looking for a trustworthy service to optimize the company website?
Request a Quote
Newsletter Signup

Subscribe to our weekly newsletter below and never miss the latest news or an exclusive offer.

Enter your email address

Thanks, I’m not interested

Welcome Back!

Sign in to your account

Lost your password?