Skip to content

Solgaz/lightweight-social-icons

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

=== Lightweight Social Icons ===
Contributors: edge22
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=UVPTY2ZJA68S6
Tags: social icons, social media, social networking, social profiles, social icon widget
Requires at least: 3.5
Tested up to: 4.2.2
Stable tag: 0.3
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Looking to add simple social icons to your widget areas? Choose the size and color of your icons, and then choose from 30 different social profiles.

== Description ==

Lightweight Social Icons is an easy to use, lightweight social icon widget which lets you display your favorite social profile icons.

The icons use an icon font, meaning you can choose the size, border radius (roundess), color and hover color of your icons!

= Features include: =

* Choose your own order
* Icon size
* Border radius
* Background color
* Text/icon color
* Background color on hover
* Text/icon color on hover
* Open links in new window
* Enable/disable tooltips
* Alignment of icons

= Included icons: =

* Facebook
* Twitter
* Google+
* Instagram
* LinkedIn
* Pinterest
* Flickr
* Email
* RSS
* Stumbleupon
* Tumblr
* Vimeo
* YouTube
* Github
* Soundcloud
* DeviantArt
* Phone
* Skype
* Dribbble
* Foursquare
* Reddit
* Spotify
* Digg
* Vine
* Codepen
* Delicious
* JSFiddle
* Stack Overflow
* WordPress
* Dropbox

== Installation ==

There's two ways to install Lightweight Social Icons.

1. Go to "Plugins > Add New" in your Dashboard and search for: Lightweight Social Icons
2. Download the .zip from WordPress.org, and upload the folder to the `/wp-content/plugins/` directory via FTP.

In most cases, #1 will work fine and is way easier.

== Frequently Asked Questions ==

= How do I add a widget with my icons? =

* Make sure Lightweight Social Icons is activated.
* Navigate to "Appearance > Widgets" and look for the "Lightweight Social Icons" widget.
* Drag the widget into your desired widget area.

Once the widget is added to a widget area, you can expand it and fill in your profiles.

= What options does Lightweight Social Icons have? =

* Choose your own order
* Title (optional): Choose a title for your widget.
* Icon size: Choose the size of the icon font.
* Border radius: Choose the border radius of the icon. Border radius refers to the "roundness" of the button.
* Background color: The background color of the button.
* Text Color: The icon color.
* Background hover color: The background color of the button when you hover over it.
* Text hover color: The color of the icon when you hover over the button.
* Open link in a new window?: Choose to open all of the links in a new window/tab.
* Alignment: Choose to align the button to the left, center or right.

= How do I add my social profile URLs? =

In the select box on the left, choose your desired social media site.

To the right of the select box, enter in the URL of your profile on that specific social media site.

The "Skype" option takes your Skype username.

The "Phone" option takes your phone number.

= Can I assign different colors to each icon? =

Not at this time (without custom CSS of course). We're hoping to add this feature soon.

= Can I display my icons with a shortcode? =

Not by default, but you can use a plugin like this: https://wordpress.org/plugins/widget-shortcode/

It allows you to add the widget to an arbitrary widget area, and then you can call that widget using a shortcode elsewhere in your website.

== Screenshots ==

1. Set your options and choose which social profiles you want to show off.
2. All of the icons in a widget with tooltips enabled.
3. Smaller icons with a different color.

== Changelog ==

= 0.3 =
* Add display:block to ul container
* French translation added
* Contact can be email address or link to contact page
* Fix Skype button
* Optimize to work better in Customizer

= 0.2 =
* Minor changes made

= 0.1 =
* Initial release

== Upgrade Notice ==

= 0.3 =
* Add display:block to ul container
* French translation added
* Contact can be email address or link to contact page
* Fix Skype button
* Optimize to work better in Customizer

= 0.2 =
* Minor changes made

= 0.1 =
* Initial release

Packages

No packages published

Languages

  • PHP 62.2%
  • CSS 32.5%
  • JavaScript 5.3%