S
by Curtiss Grymala
1 (0 reviews)
Social Icons Widget
A developer-friendly plugin that allows you to add a widget with links to various social media profiles.
Tested up to WP 3.2 (Current: 6.9)
v0.1
Current Version v0.1
Updated 14 years ago
Last Update on 26 Aug, 2011
Synced 16 hours ago
Last Synced on
Rank
#16,180
-27 this week
Active Installs
100+
—
No change
KW Avg Position
N/A
—
No change
Downloads
19.1K
+2 today
Support Resolved
0%
—
No change
Rating
20%
Review 1 out of 5
1
(0 reviews)
Next Milestone 200
100+
200+
2,839
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 78 more installs to reach 200+
Rank Changes
Current
#16,180
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
1.0
0 reviews
Overall
20%
5
0
(0%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 0 of 0| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| No keyword data available yet. | ||||
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 0.1
- Last Updated
- Aug 26, 2011
- Requires WP
- 3.1+
- Tested Up To
- 3.2
- PHP Version
- N/A
- Author
- Curtiss Grymala
Support & Rating
- Rating
- ★ ☆ ☆ ☆ ☆ 1
- Reviews
- 0
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,735
Master Addons For Elementor - White Label, Free Widgets, Hover Effects, Conditions, & Animations
40K+ installs
#929
Qi Addons For Elementor
200K+ installs
#253
MW
MW WP Form
200K+ installs
#262
WPFront Scroll Top
200K+ installs
#270
Frequently Asked Questions
Common questions about Social Icons Widget
This plugin runs the array of services through a filter called social-icons-services before using that array. The list of services is an associative array using a string that's usable as a CSS class for the key and the proper name of the service as the value. You can remove services by unsetting them from the passed array or add services by simply appending them to the array. The entire array is sorted in alphabetical order according to the name of the service. The default array used by the plugin is: array( 'twitter' => __( 'Twitter' ), 'facebook' => __( 'Facebook' ), 'youtube' => __( 'YouTube' ), 'linkedin' => __( 'LinkedIn' ), 'google' => __( 'Google+' ), 'friendfeed' => __( 'FriendFeed' ), 'flickr' => __( 'Flickr' ), ); The widget control inputs require the values entered to be URLs, so you should not try to add list items that are supposed to accept input other than valid URLs.
There are four separate hooks used to filter the HTML output of the widget. They are as follows: social-icons-before-list - The HTML code that should be output to open the list (<ul class="social-icons-list"> by default) social-icons-after-list - The HTML code used to close the list (</ul> by default) social-icons-before-item - The HTML code used to open each list item. This code is printed using the printf() method to inject the appropriate service key as the class. Therefore, you should use %s in the code to indicate where the service key should be printed. The default code is <li class="%s"> social-icons-after-item - The HTML code used to close the list item (</li> by default)
The widget should be assigned a class of 'social-icons'. By default, the list itself will have a CSS class of 'social-icons-list', so you can apply any CSS styles you desire to that class. In addition, as mentioned above, each list item is assigned its own CSS class, consistent with the array key assigned to that item. The default CSS classes that will be used by the plugin are (the proper names of the services are shown in parentheses): twitter (Twitter) facebook (Facebook) youtube (YouTube) linkedin (LinkedIn) google (Google+) friendfeed (FriendFeed) flickr (Flickr) With those classes, you could do something like the following to hide the text of the links and replace that text with the appropriate icons (not included): .social-icons { position: absolute; bottom: 12px; left: 58px; width: 124px; height: 32px; margin: 0 auto; } .social-icons li { display: inline; } .social-icons li a { display: block; float: left; width: 0; height: 0; padding: 32px 32px 0 0; margin: 0 0 0 14px; font-size: 0; line-height: 0; overflow: hidden; background: url(images/social-icons.png); } .social-icons li.linkedin a { background-position: -46px 0; } .social-icons li.twitter a { background-position: -91px 0; } .social-icons li:first-child a { margin-left: 0; }
I found an older blog post with some links to a bunch of resources for free sets of social media icons. You can check it out and see if any of the examples shown there strike your fancy. I am not affiliated in any way with that blog or the author of the post.