Title: Customizer Social Icons
Author: timph
Published: <strong>November 25, 2016</strong>
Last modified: September 8, 2018

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/customizer-social-icons.svg)

# Customizer Social Icons

 By [timph](https://profiles.wordpress.org/timph/)

[Download](https://downloads.wordpress.org/plugin/customizer-social-icons.0.4.zip)

 * [Details](https://test.wordpress.org/plugins/customizer-social-icons/#description)
 * [Reviews](https://test.wordpress.org/plugins/customizer-social-icons/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/customizer-social-icons/#installation)
 * [Development](https://test.wordpress.org/plugins/customizer-social-icons/#developers)

 [Support](https://wordpress.org/support/plugin/customizer-social-icons/)

## Description

Customizer Social Icons aims to bring one of the most implemented features across
websites into your WordPress Customizer. It helps to bridge the gap of not having
a native Social Media Icon tool available in WordPress directly, and gives you the
features you need without the overhead of a clunky non-native interface.

You can control the style of icon, colors, size, and spacing of your icons to fit
your website’s needs hassle free inside of the WordPress Customizer. Any of your
social media network urls found in your menus will automatically be transformed 
into the corresponding social media icons for you.

Available Social Media Icons:

 * Facebook
 * Twitter
 * LinkedIn
 * Google+
 * Bitbucket
 * Snapchat
 * Gratipay
 * Reddit
 * Yelp
 * Vimeo
 * Codepen
 * Instagram
 * Trello
 * YouTube
 * Vine
 * Dribbble
 * JSFiddle
 * Tumblr
 * SlideShare
 * VK
 * Dropbox
 * Stack Overflow
 * Steam
 * Email
 * Weibo
 * Stack Exchange
 * Xing
 * Flickr
 * Pinterest
 * WordPress.org
 * WordPress.com
 * SoundCloud
 * RenRen
 * Foursquare
 * Stack Exchange
 * Github

## Screenshots

 * [[
 * **Add Social Media Icon** – Customizer Social Icons adds a new menu item type
   to the Customizer’s “Menus”. Each item displays it’s icon for a quicker reference
   of the social media icons.
 * [[
 * **Easily Find Networks** – The social media networks that are added are all built
   to be searchable within the Customizer’s “Add Items” > “Search menu items…” quick
   search.
 * [[
 * **Social Icons Section** – The “Social Icons” section will be added to your customizer,
   which contains some settings you can modify to adjust the appearance of your 
   social icons on your website.
 * [[
 * **Social Icon Appearance Controls** – You can manage how your social media icons
   appear in your website with the customizer controls.
 * [[
 * **Social Icon Styles** – Various Icon Styles are available to make the icons 
   fit better with your overall design.
 * [[
 * **Social Icon Sizes** – You can change the size of your social icons right in
   the customizer to give a different look to your chosen icons.

## Installation

You can use the built in installer and upgrader, or you can install the plugin
 
manually.

#### From your WordPress dashboard

 1. Visit ‘Plugins > Add New’
 2. Search for ‘Customizer Social Icons’
 3. Activate Customizer Social Icons from your Plugins page.

#### From WordPress.org

 1. Download Customizer Social Icons.
 2. Upload the .zip file in the ‘Plugins > Add New’ page, or copy the unzipped directory
    to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp,
    scp, etc…)
 3. Activate Customizer Social Icons from your Plugins page.

#### Once Activated

You’re ready to go! Visit the WordPress Customizer, and start adding Social Media
Icons to any of your menu locations!

## FAQ

  Installation Instructions

You can use the built in installer and upgrader, or you can install the plugin
 
manually.

#### From your WordPress dashboard

 1. Visit ‘Plugins > Add New’
 2. Search for ‘Customizer Social Icons’
 3. Activate Customizer Social Icons from your Plugins page.

#### From WordPress.org

 1. Download Customizer Social Icons.
 2. Upload the .zip file in the ‘Plugins > Add New’ page, or copy the unzipped directory
    to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp,
    scp, etc…)
 3. Activate Customizer Social Icons from your Plugins page.

#### Once Activated

You’re ready to go! Visit the WordPress Customizer, and start adding Social Media
Icons to any of your menu locations!

  Q: I don’t get it. What do I do?

**A**: Don’t worry! Customizing a site for a new and even experienced user can get
complicated and be frustrating. This plugin utilizes the native WordPress menus 
system to transform your social media links into social media icons. To get there
follow these steps:

 1.  Click on “Customize” to get to the WordPress Customizer.
 2.  Click on the tab that says “Menus”.
 3.  Next, click on “Menu Locations,” and you will see a new panel slide in that will
     display all of your theme’s available menu locations. The menu locations are locations
     your theme has designated as being locations you can stick a menu inside. These
     will be the locations you can add Social Media Icons to with this plugin.
 4.  Click on “Edit Menu” if you have a menu assigned to a location, or select a menu
     from the dropdown to add icons to that.
 5.  Press “Add Items,” and a panel will slide out with some options of things you 
     can add.
 6.  Select the tab that says “Social Media Icons.”
 7.  Choose the social media icon that you want to add to your menu.
 8.  The item is added to your menu, and will have the URL filled out with the social
     network’s website as a placeholder to add your username into.
 9.  Now you that you’ve added some social icons to your menu, you can modify the appearance
     of the icons in the “Social Icons” section in the customizer!

  Q: Can I add/remove social media icons for social network x, y, z?

**A**: Yes! This plugin has a configuration filter, so you can just inspect the ‘
networks’ array for how to prepare the data and filter to suit your needs!

  Q: How can I add this to my own theme and set defaults?

**A**: We recommend using the built in configuration filter for this plugin to make
any modifications to how you want your theme to handle social media icons. You are
able to override the default size, display of text with the icon, and set the icon
style to one of the five built in types.

## Reviews

![](https://secure.gravatar.com/avatar/59a33baa04f303ed4de01bf39755dc42892c2436e188482193a867d2aecb1d06?
s=60&d=retro&r=g)

### 󠀁[This Plugin Breaks the Customizer](https://wordpress.org/support/topic/this-plugin-breaks-the-customizer/)󠁿

 [cogdog](https://profiles.wordpress.org/cogdog/) January 2, 2018

Please see support thread. This plugin generates a javascript error that renders
the Customizer useuless (gray screen). Only by disabling this plugin does the Customizer
return to normal function.

![](https://secure.gravatar.com/avatar/731b7190cf9830d217ded7dae72f736a74a58eeefd4948821f9f0d15c2b933bc?
s=60&d=retro&r=g)

### 󠀁[Social Media icons made easy](https://wordpress.org/support/topic/social-media-icons-made-easy/)󠁿

 [Joe Cartonia](https://profiles.wordpress.org/joemoto/) January 12, 2017

Thank you for making it easy to manage social media icons.

![](https://secure.gravatar.com/avatar/b079f20931b2b7f24e06cda0cd874d9462c1541d196d91a91c92d5723bb6d903?
s=60&d=retro&r=g)

### 󠀁[Great, Works for me](https://wordpress.org/support/topic/great-works-for-me-2/)󠁿

 [Rafael Ramos](https://profiles.wordpress.org/rramo012/) December 5, 2016

Thanks and well done!

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/)

## Contributors & Developers

“Customizer Social Icons” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ timph ](https://profiles.wordpress.org/timph/)

[Translate “Customizer Social Icons” into your language.](https://translate.wordpress.org/projects/wp-plugins/customizer-social-icons)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/customizer-social-icons/),
check out the [SVN repository](https://plugins.svn.wordpress.org/customizer-social-icons/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/customizer-social-icons/)
by [RSS](https://plugins.trac.wordpress.org/log/customizer-social-icons/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.3

 * New Feature: Added color selections for icons in customizer.
 * Update: Changed control styles to look more modern.
 * Update: Added and checked compatibility for WordPress 4.7.
 * Update: Classes now use autoloader, expanded configs.

#### 0.2

 * Cleaning up extraneous filters. All filters should be handled by the single config
   filter now.
 * Added customizer controls for icon’s style, size, spacing, and whether or not
   to hide text.

#### 0.1

 * Initial commit.

## Meta

 *  Version **0.4**
 *  Last updated **8 years ago**
 *  Active installations **10+**
 *  WordPress version ** 4.3 or higher **
 *  Tested up to **4.9.29**
 *  Language
 * [English (US)](https://wordpress.org/plugins/customizer-social-icons/)
 * Tags
 * [customizer](https://test.wordpress.org/plugins/tags/customizer/)[social](https://test.wordpress.org/plugins/tags/social/)
   [social icons](https://test.wordpress.org/plugins/tags/social-icons/)[social media](https://test.wordpress.org/plugins/tags/social-media/)
   [social media icons](https://test.wordpress.org/plugins/tags/social-media-icons/)
 *  [Advanced View](https://test.wordpress.org/plugins/customizer-social-icons/advanced/)

## Ratings

 3.7 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/customizer-social-icons/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/customizer-social-icons/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/customizer-social-icons/reviews/)

## Contributors

 *   [ timph ](https://profiles.wordpress.org/timph/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/customizer-social-icons/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://paypal.me/timph)