Menu Social Icons - Version 1.1.1

Version Description

Download this release

Release Info

Developer pdclark
Plugin Icon Menu Social Icons
Version 1.1.1
Comparing to
See all releases

Version 1.1.1

Files changed (9) hide show
  1. font-awesome-test.html +267 -0
  2. menu-social-icons.php +211 -0
  3. readme.txt +98 -0
  4. screenshot-1.png +0 -0
  5. screenshot-2.png +0 -0
  6. screenshot-3.png +0 -0
  7. screenshot-4.png +0 -0
  8. screenshot-5.png +0 -0
  9. screenshot-6.png +0 -0
font-awesome-test.html ADDED
@@ -0,0 +1,267 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div class="container">
2
+ <section>
3
+ <div class="row">
4
+ <div class="span4">
5
+ <ul class="unstyled">
6
+ <li><i class="icon-2x">&#xf000;</i> icon-glass <span class="muted">(&amp;#xf000;)</span></li>
7
+ <li><i class="icon-2x">&#xf001;</i> icon-music <span class="muted">(&amp;#xf001;)</span></li>
8
+ <li><i class="icon-2x">&#xf002;</i> icon-search <span class="muted">(&amp;#xf002;)</span></li>
9
+ <li><i class="icon-2x">&#xf003;</i> icon-envelope <span class="muted">(&amp;#xf003;)</span></li>
10
+ <li><i class="icon-2x">&#xf004;</i> icon-heart <span class="muted">(&amp;#xf004;)</span></li>
11
+ <li><i class="icon-2x">&#xf005;</i> icon-star <span class="muted">(&amp;#xf005;)</span></li>
12
+ <li><i class="icon-2x">&#xf006;</i> icon-star-empty <span class="muted">(&amp;#xf006;)</span></li>
13
+ <li><i class="icon-2x">&#xf007;</i> icon-user <span class="muted">(&amp;#xf007;)</span></li>
14
+ <li><i class="icon-2x">&#xf008;</i> icon-film <span class="muted">(&amp;#xf008;)</span></li>
15
+ <li><i class="icon-2x">&#xf009;</i> icon-th-large <span class="muted">(&amp;#xf009;)</span></li>
16
+ <li><i class="icon-2x">&#xf00a;</i> icon-th <span class="muted">(&amp;#xf00a;)</span></li>
17
+ <li><i class="icon-2x">&#xf00b;</i> icon-th-list <span class="muted">(&amp;#xf00b;)</span></li>
18
+ <li><i class="icon-2x">&#xf00c;</i> icon-ok <span class="muted">(&amp;#xf00c;)</span></li>
19
+ <li><i class="icon-2x">&#xf00d;</i> icon-remove <span class="muted">(&amp;#xf00d;)</span></li>
20
+ <li><i class="icon-2x">&#xf00e;</i> icon-zoom-in <span class="muted">(&amp;#xf00e;)</span></li>
21
+ <li><i class="icon-2x">&#xf010;</i> icon-zoom-out <span class="muted">(&amp;#xf010;)</span></li>
22
+ <li><i class="icon-2x">&#xf011;</i> icon-off <span class="muted">(&amp;#xf011;)</span></li>
23
+ <li><i class="icon-2x">&#xf012;</i> icon-signal <span class="muted">(&amp;#xf012;)</span></li>
24
+ <li><i class="icon-2x">&#xf013;</i> icon-cog <span class="muted">(&amp;#xf013;)</span></li>
25
+ <li><i class="icon-2x">&#xf014;</i> icon-trash <span class="muted">(&amp;#xf014;)</span></li>
26
+ <li><i class="icon-2x">&#xf015;</i> icon-home <span class="muted">(&amp;#xf015;)</span></li>
27
+ <li><i class="icon-2x">&#xf016;</i> icon-file <span class="muted">(&amp;#xf016;)</span></li>
28
+ <li><i class="icon-2x">&#xf017;</i> icon-time <span class="muted">(&amp;#xf017;)</span></li>
29
+ <li><i class="icon-2x">&#xf018;</i> icon-road <span class="muted">(&amp;#xf018;)</span></li>
30
+ <li><i class="icon-2x">&#xf019;</i> icon-download-alt <span class="muted">(&amp;#xf019;)</span></li>
31
+ <li><i class="icon-2x">&#xf01a;</i> icon-download <span class="muted">(&amp;#xf01a;)</span></li>
32
+ <li><i class="icon-2x">&#xf01b;</i> icon-upload <span class="muted">(&amp;#xf01b;)</span></li>
33
+ <li><i class="icon-2x">&#xf01c;</i> icon-inbox <span class="muted">(&amp;#xf01c;)</span></li>
34
+ <li><i class="icon-2x">&#xf01d;</i> icon-play-circle <span class="muted">(&amp;#xf01d;)</span></li>
35
+ <li><i class="icon-2x">&#xf01e;</i> icon-repeat <span class="muted">(&amp;#xf01e;)</span></li>
36
+ <li><i class="icon-2x">&#xf021;</i> icon-refresh <span class="muted">(&amp;#xf021;)</span></li>
37
+ <li><i class="icon-2x">&#xf022;</i> icon-list-alt <span class="muted">(&amp;#xf022;)</span></li>
38
+ <li><i class="icon-2x">&#xf023;</i> icon-lock <span class="muted">(&amp;#xf023;)</span></li>
39
+ <li><i class="icon-2x">&#xf024;</i> icon-flag <span class="muted">(&amp;#xf024;)</span></li>
40
+ <li><i class="icon-2x">&#xf025;</i> icon-headphones <span class="muted">(&amp;#xf025;)</span></li>
41
+ <li><i class="icon-2x">&#xf026;</i> icon-volume-off <span class="muted">(&amp;#xf026;)</span></li>
42
+ <li><i class="icon-2x">&#xf027;</i> icon-volume-down <span class="muted">(&amp;#xf027;)</span></li>
43
+ <li><i class="icon-2x">&#xf028;</i> icon-volume-up <span class="muted">(&amp;#xf028;)</span></li>
44
+ <li><i class="icon-2x">&#xf029;</i> icon-qrcode <span class="muted">(&amp;#xf029;)</span></li>
45
+ <li><i class="icon-2x">&#xf02a;</i> icon-barcode <span class="muted">(&amp;#xf02a;)</span></li>
46
+ <li><i class="icon-2x">&#xf02b;</i> icon-tag <span class="muted">(&amp;#xf02b;)</span></li>
47
+ <li><i class="icon-2x">&#xf02c;</i> icon-tags <span class="muted">(&amp;#xf02c;)</span></li>
48
+ <li><i class="icon-2x">&#xf02d;</i> icon-book <span class="muted">(&amp;#xf02d;)</span></li>
49
+ <li><i class="icon-2x">&#xf02e;</i> icon-bookmark <span class="muted">(&amp;#xf02e;)</span></li>
50
+ <li><i class="icon-2x">&#xf02f;</i> icon-print <span class="muted">(&amp;#xf02f;)</span></li>
51
+ <li><i class="icon-2x">&#xf030;</i> icon-camera <span class="muted">(&amp;#xf030;)</span></li>
52
+ <li><i class="icon-2x">&#xf031;</i> icon-font <span class="muted">(&amp;#xf031;)</span></li>
53
+ <li><i class="icon-2x">&#xf032;</i> icon-bold <span class="muted">(&amp;#xf032;)</span></li>
54
+ <li><i class="icon-2x">&#xf033;</i> icon-italic <span class="muted">(&amp;#xf033;)</span></li>
55
+ <li><i class="icon-2x">&#xf034;</i> icon-text-height <span class="muted">(&amp;#xf034;)</span></li>
56
+ <li><i class="icon-2x">&#xf035;</i> icon-text-width <span class="muted">(&amp;#xf035;)</span></li>
57
+ <li><i class="icon-2x">&#xf036;</i> icon-align-left <span class="muted">(&amp;#xf036;)</span></li>
58
+ <li><i class="icon-2x">&#xf037;</i> icon-align-center <span class="muted">(&amp;#xf037;)</span></li>
59
+ <li><i class="icon-2x">&#xf038;</i> icon-align-right <span class="muted">(&amp;#xf038;)</span></li>
60
+ <li><i class="icon-2x">&#xf039;</i> icon-align-justify <span class="muted">(&amp;#xf039;)</span></li>
61
+ <li><i class="icon-2x">&#xf03a;</i> icon-list <span class="muted">(&amp;#xf03a;)</span></li>
62
+ <li><i class="icon-2x">&#xf03b;</i> icon-indent-left <span class="muted">(&amp;#xf03b;)</span></li>
63
+ <li><i class="icon-2x">&#xf03c;</i> icon-indent-right <span class="muted">(&amp;#xf03c;)</span></li>
64
+ <li><i class="icon-2x">&#xf03d;</i> icon-facetime-video <span class="muted">(&amp;#xf03d;)</span></li>
65
+ <li><i class="icon-2x">&#xf03e;</i> icon-picture <span class="muted">(&amp;#xf03e;)</span></li>
66
+ <li><i class="icon-2x">&#xf040;</i> icon-pencil <span class="muted">(&amp;#xf040;)</span></li>
67
+ <li><i class="icon-2x">&#xf041;</i> icon-map-marker <span class="muted">(&amp;#xf041;)</span></li>
68
+ <li><i class="icon-2x">&#xf042;</i> icon-adjust <span class="muted">(&amp;#xf042;)</span></li>
69
+ <li><i class="icon-2x">&#xf043;</i> icon-tint <span class="muted">(&amp;#xf043;)</span></li>
70
+ <li><i class="icon-2x">&#xf044;</i> icon-edit <span class="muted">(&amp;#xf044;)</span></li>
71
+ <li><i class="icon-2x">&#xf045;</i> icon-share <span class="muted">(&amp;#xf045;)</span></li>
72
+ <li><i class="icon-2x">&#xf046;</i> icon-check <span class="muted">(&amp;#xf046;)</span></li>
73
+ <li><i class="icon-2x">&#xf047;</i> icon-move <span class="muted">(&amp;#xf047;)</span></li>
74
+ <li><i class="icon-2x">&#xf048;</i> icon-step-backward <span class="muted">(&amp;#xf048;)</span></li>
75
+ <li><i class="icon-2x">&#xf049;</i> icon-fast-backward <span class="muted">(&amp;#xf049;)</span></li>
76
+ <li><i class="icon-2x">&#xf04a;</i> icon-backward <span class="muted">(&amp;#xf04a;)</span></li>
77
+ <li><i class="icon-2x">&#xf04b;</i> icon-play <span class="muted">(&amp;#xf04b;)</span></li>
78
+ <li><i class="icon-2x">&#xf04c;</i> icon-pause <span class="muted">(&amp;#xf04c;)</span></li>
79
+ <li><i class="icon-2x">&#xf04d;</i> icon-stop <span class="muted">(&amp;#xf04d;)</span></li>
80
+ <li><i class="icon-2x">&#xf04e;</i> icon-forward <span class="muted">(&amp;#xf04e;)</span></li>
81
+ <li><i class="icon-2x">&#xf050;</i> icon-fast-forward <span class="muted">(&amp;#xf050;)</span></li>
82
+ <li><i class="icon-2x">&#xf051;</i> icon-step-forward <span class="muted">(&amp;#xf051;)</span></li>
83
+ <li><i class="icon-2x">&#xf052;</i> icon-eject <span class="muted">(&amp;#xf052;)</span></li>
84
+ <li><i class="icon-2x">&#xf053;</i> icon-chevron-left <span class="muted">(&amp;#xf053;)</span></li>
85
+ <li><i class="icon-2x">&#xf054;</i> icon-chevron-right <span class="muted">(&amp;#xf054;)</span></li>
86
+ <li><i class="icon-2x">&#xf055;</i> icon-plus-sign <span class="muted">(&amp;#xf055;)</span></li>
87
+ <li><i class="icon-2x">&#xf056;</i> icon-minus-sign <span class="muted">(&amp;#xf056;)</span></li>
88
+ </ul>
89
+ </div>
90
+ <div class="span4">
91
+ <ul class="unstyled">
92
+ <li><i class="icon-2x">&#xf057;</i> icon-remove-sign <span class="muted">(&amp;#xf057;)</span></li>
93
+ <li><i class="icon-2x">&#xf058;</i> icon-ok-sign <span class="muted">(&amp;#xf058;)</span></li>
94
+ <li><i class="icon-2x">&#xf059;</i> icon-question-sign <span class="muted">(&amp;#xf059;)</span></li>
95
+ <li><i class="icon-2x">&#xf05a;</i> icon-info-sign <span class="muted">(&amp;#xf05a;)</span></li>
96
+ <li><i class="icon-2x">&#xf05b;</i> icon-screenshot <span class="muted">(&amp;#xf05b;)</span></li>
97
+ <li><i class="icon-2x">&#xf05c;</i> icon-remove-circle <span class="muted">(&amp;#xf05c;)</span></li>
98
+ <li><i class="icon-2x">&#xf05d;</i> icon-ok-circle <span class="muted">(&amp;#xf05d;)</span></li>
99
+ <li><i class="icon-2x">&#xf05e;</i> icon-ban-circle <span class="muted">(&amp;#xf05e;)</span></li>
100
+ <li><i class="icon-2x">&#xf060;</i> icon-arrow-left <span class="muted">(&amp;#xf060;)</span></li>
101
+ <li><i class="icon-2x">&#xf061;</i> icon-arrow-right <span class="muted">(&amp;#xf061;)</span></li>
102
+ <li><i class="icon-2x">&#xf062;</i> icon-arrow-up <span class="muted">(&amp;#xf062;)</span></li>
103
+ <li><i class="icon-2x">&#xf063;</i> icon-arrow-down <span class="muted">(&amp;#xf063;)</span></li>
104
+ <li><i class="icon-2x">&#xf064;</i> icon-share-alt <span class="muted">(&amp;#xf064;)</span></li>
105
+ <li><i class="icon-2x">&#xf065;</i> icon-resize-full <span class="muted">(&amp;#xf065;)</span></li>
106
+ <li><i class="icon-2x">&#xf066;</i> icon-resize-small <span class="muted">(&amp;#xf066;)</span></li>
107
+ <li><i class="icon-2x">&#xf067;</i> icon-plus <span class="muted">(&amp;#xf067;)</span></li>
108
+ <li><i class="icon-2x">&#xf068;</i> icon-minus <span class="muted">(&amp;#xf068;)</span></li>
109
+ <li><i class="icon-2x">&#xf069;</i> icon-asterisk <span class="muted">(&amp;#xf069;)</span></li>
110
+ <li><i class="icon-2x">&#xf06a;</i> icon-exclamation-sign <span class="muted">(&amp;#xf06a;)</span></li>
111
+ <li><i class="icon-2x">&#xf06b;</i> icon-gift <span class="muted">(&amp;#xf06b;)</span></li>
112
+ <li><i class="icon-2x">&#xf06c;</i> icon-leaf <span class="muted">(&amp;#xf06c;)</span></li>
113
+ <li><i class="icon-2x">&#xf06d;</i> icon-fire <span class="muted">(&amp;#xf06d;)</span></li>
114
+ <li><i class="icon-2x">&#xf06e;</i> icon-eye-open <span class="muted">(&amp;#xf06e;)</span></li>
115
+ <li><i class="icon-2x">&#xf070;</i> icon-eye-close <span class="muted">(&amp;#xf070;)</span></li>
116
+ <li><i class="icon-2x">&#xf071;</i> icon-warning-sign <span class="muted">(&amp;#xf071;)</span></li>
117
+ <li><i class="icon-2x">&#xf072;</i> icon-plane <span class="muted">(&amp;#xf072;)</span></li>
118
+ <li><i class="icon-2x">&#xf073;</i> icon-calendar <span class="muted">(&amp;#xf073;)</span></li>
119
+ <li><i class="icon-2x">&#xf074;</i> icon-random <span class="muted">(&amp;#xf074;)</span></li>
120
+ <li><i class="icon-2x">&#xf075;</i> icon-comment <span class="muted">(&amp;#xf075;)</span></li>
121
+ <li><i class="icon-2x">&#xf076;</i> icon-magnet <span class="muted">(&amp;#xf076;)</span></li>
122
+ <li><i class="icon-2x">&#xf077;</i> icon-chevron-up <span class="muted">(&amp;#xf077;)</span></li>
123
+ <li><i class="icon-2x">&#xf078;</i> icon-chevron-down <span class="muted">(&amp;#xf078;)</span></li>
124
+ <li><i class="icon-2x">&#xf079;</i> icon-retweet <span class="muted">(&amp;#xf079;)</span></li>
125
+ <li><i class="icon-2x">&#xf07a;</i> icon-shopping-cart <span class="muted">(&amp;#xf07a;)</span></li>
126
+ <li><i class="icon-2x">&#xf07b;</i> icon-folder-close <span class="muted">(&amp;#xf07b;)</span></li>
127
+ <li><i class="icon-2x">&#xf07c;</i> icon-folder-open <span class="muted">(&amp;#xf07c;)</span></li>
128
+ <li><i class="icon-2x">&#xf07d;</i> icon-resize-vertical <span class="muted">(&amp;#xf07d;)</span></li>
129
+ <li><i class="icon-2x">&#xf07e;</i> icon-resize-horizontal <span class="muted">(&amp;#xf07e;)</span></li>
130
+ <li><i class="icon-2x">&#xf080;</i> icon-bar-chart <span class="muted">(&amp;#xf080;)</span></li>
131
+ <li><i class="icon-2x">&#xf081;</i> icon-twitter-sign <span class="muted">(&amp;#xf081;)</span></li>
132
+ <li><i class="icon-2x">&#xf082;</i> icon-facebook-sign <span class="muted">(&amp;#xf082;)</span></li>
133
+ <li><i class="icon-2x">&#xf083;</i> icon-camera-retro <span class="muted">(&amp;#xf083;)</span></li>
134
+ <li><i class="icon-2x">&#xf084;</i> icon-key <span class="muted">(&amp;#xf084;)</span></li>
135
+ <li><i class="icon-2x">&#xf085;</i> icon-cogs <span class="muted">(&amp;#xf085;)</span></li>
136
+ <li><i class="icon-2x">&#xf086;</i> icon-comments <span class="muted">(&amp;#xf086;)</span></li>
137
+ <li><i class="icon-2x">&#xf087;</i> icon-thumbs-up <span class="muted">(&amp;#xf087;)</span></li>
138
+ <li><i class="icon-2x">&#xf088;</i> icon-thumbs-down <span class="muted">(&amp;#xf088;)</span></li>
139
+ <li><i class="icon-2x">&#xf089;</i> icon-star-half <span class="muted">(&amp;#xf089;)</span></li>
140
+ <li><i class="icon-2x">&#xf08a;</i> icon-heart-empty <span class="muted">(&amp;#xf08a;)</span></li>
141
+ <li><i class="icon-2x">&#xf08b;</i> icon-signout <span class="muted">(&amp;#xf08b;)</span></li>
142
+ <li><i class="icon-2x">&#xf08c;</i> icon-linkedin-sign <span class="muted">(&amp;#xf08c;)</span></li>
143
+ <li><i class="icon-2x">&#xf08d;</i> icon-pushpin <span class="muted">(&amp;#xf08d;)</span></li>
144
+ <li><i class="icon-2x">&#xf08e;</i> icon-external-link <span class="muted">(&amp;#xf08e;)</span></li>
145
+ <li><i class="icon-2x">&#xf090;</i> icon-signin <span class="muted">(&amp;#xf090;)</span></li>
146
+ <li><i class="icon-2x">&#xf091;</i> icon-trophy <span class="muted">(&amp;#xf091;)</span></li>
147
+ <li><i class="icon-2x">&#xf092;</i> icon-github-sign <span class="muted">(&amp;#xf092;)</span></li>
148
+ <li><i class="icon-2x">&#xf093;</i> icon-upload-alt <span class="muted">(&amp;#xf093;)</span></li>
149
+ <li><i class="icon-2x">&#xf094;</i> icon-lemon <span class="muted">(&amp;#xf094;)</span></li>
150
+ <li><i class="icon-2x">&#xf095;</i> icon-phone <span class="muted">(&amp;#xf095;)</span></li>
151
+ <li><i class="icon-2x">&#xf096;</i> icon-check-empty <span class="muted">(&amp;#xf096;)</span></li>
152
+ <li><i class="icon-2x">&#xf097;</i> icon-bookmark-empty <span class="muted">(&amp;#xf097;)</span></li>
153
+ <li><i class="icon-2x">&#xf098;</i> icon-phone-sign <span class="muted">(&amp;#xf098;)</span></li>
154
+ <li><i class="icon-2x">&#xf099;</i> icon-twitter <span class="muted">(&amp;#xf099;)</span></li>
155
+ <li><i class="icon-2x">&#xf09a;</i> icon-facebook <span class="muted">(&amp;#xf09a;)</span></li>
156
+ <li><i class="icon-2x">&#xf09b;</i> icon-github <span class="muted">(&amp;#xf09b;)</span></li>
157
+ <li><i class="icon-2x">&#xf09c;</i> icon-unlock <span class="muted">(&amp;#xf09c;)</span></li>
158
+ <li><i class="icon-2x">&#xf09d;</i> icon-credit-card <span class="muted">(&amp;#xf09d;)</span></li>
159
+ <li><i class="icon-2x">&#xf09e;</i> icon-rss <span class="muted">(&amp;#xf09e;)</span></li>
160
+ <li><i class="icon-2x">&#xf0a0;</i> icon-hdd <span class="muted">(&amp;#xf0a0;)</span></li>
161
+ <li><i class="icon-2x">&#xf0a1;</i> icon-bullhorn <span class="muted">(&amp;#xf0a1;)</span></li>
162
+ <li><i class="icon-2x">&#xf0a2;</i> icon-bell <span class="muted">(&amp;#xf0a2;)</span></li>
163
+ <li><i class="icon-2x">&#xf0a3;</i> icon-certificate <span class="muted">(&amp;#xf0a3;)</span></li>
164
+ <li><i class="icon-2x">&#xf0a4;</i> icon-hand-right <span class="muted">(&amp;#xf0a4;)</span></li>
165
+ <li><i class="icon-2x">&#xf0a5;</i> icon-hand-left <span class="muted">(&amp;#xf0a5;)</span></li>
166
+ <li><i class="icon-2x">&#xf0a6;</i> icon-hand-up <span class="muted">(&amp;#xf0a6;)</span></li>
167
+ <li><i class="icon-2x">&#xf0a7;</i> icon-hand-down <span class="muted">(&amp;#xf0a7;)</span></li>
168
+ <li><i class="icon-2x">&#xf0a8;</i> icon-circle-arrow-left <span class="muted">(&amp;#xf0a8;)</span></li>
169
+ <li><i class="icon-2x">&#xf0a9;</i> icon-circle-arrow-right <span class="muted">(&amp;#xf0a9;)</span></li>
170
+ <li><i class="icon-2x">&#xf0aa;</i> icon-circle-arrow-up <span class="muted">(&amp;#xf0aa;)</span></li>
171
+ <li><i class="icon-2x">&#xf0ab;</i> icon-circle-arrow-down <span class="muted">(&amp;#xf0ab;)</span></li>
172
+ <li><i class="icon-2x">&#xf0ac;</i> icon-globe <span class="muted">(&amp;#xf0ac;)</span></li>
173
+ <li><i class="icon-2x">&#xf0ad;</i> icon-wrench <span class="muted">(&amp;#xf0ad;)</span></li>
174
+ </ul>
175
+ </div>
176
+ <div class="span4">
177
+ <ul class="unstyled">
178
+ <li><i class="icon-2x">&#xf0ae;</i> icon-tasks <span class="muted">(&amp;#xf0ae;)</span></li>
179
+ <li><i class="icon-2x">&#xf0b0;</i> icon-filter <span class="muted">(&amp;#xf0b0;)</span></li>
180
+ <li><i class="icon-2x">&#xf0b1;</i> icon-briefcase <span class="muted">(&amp;#xf0b1;)</span></li>
181
+ <li><i class="icon-2x">&#xf0b2;</i> icon-fullscreen <span class="muted">(&amp;#xf0b2;)</span></li>
182
+ <li><i class="icon-2x">&#xf0c0;</i> icon-group <span class="muted">(&amp;#xf0c0;)</span></li>
183
+ <li><i class="icon-2x">&#xf0c1;</i> icon-link <span class="muted">(&amp;#xf0c1;)</span></li>
184
+ <li><i class="icon-2x">&#xf0c2;</i> icon-cloud <span class="muted">(&amp;#xf0c2;)</span></li>
185
+ <li><i class="icon-2x">&#xf0c3;</i> icon-beaker <span class="muted">(&amp;#xf0c3;)</span></li>
186
+ <li><i class="icon-2x">&#xf0c4;</i> icon-cut <span class="muted">(&amp;#xf0c4;)</span></li>
187
+ <li><i class="icon-2x">&#xf0c5;</i> icon-copy <span class="muted">(&amp;#xf0c5;)</span></li>
188
+ <li><i class="icon-2x">&#xf0c6;</i> icon-paper-clip <span class="muted">(&amp;#xf0c6;)</span></li>
189
+ <li><i class="icon-2x">&#xf0c7;</i> icon-save <span class="muted">(&amp;#xf0c7;)</span></li>
190
+ <li><i class="icon-2x">&#xf0c8;</i> icon-sign-blank <span class="muted">(&amp;#xf0c8;)</span></li>
191
+ <li><i class="icon-2x">&#xf0c9;</i> icon-reorder <span class="muted">(&amp;#xf0c9;)</span></li>
192
+ <li><i class="icon-2x">&#xf0ca;</i> icon-list-ul <span class="muted">(&amp;#xf0ca;)</span></li>
193
+ <li><i class="icon-2x">&#xf0cb;</i> icon-list-ol <span class="muted">(&amp;#xf0cb;)</span></li>
194
+ <li><i class="icon-2x">&#xf0cc;</i> icon-strikethrough <span class="muted">(&amp;#xf0cc;)</span></li>
195
+ <li><i class="icon-2x">&#xf0cd;</i> icon-underline <span class="muted">(&amp;#xf0cd;)</span></li>
196
+ <li><i class="icon-2x">&#xf0ce;</i> icon-table <span class="muted">(&amp;#xf0ce;)</span></li>
197
+ <li><i class="icon-2x">&#xf0d0;</i> icon-magic <span class="muted">(&amp;#xf0d0;)</span></li>
198
+ <li><i class="icon-2x">&#xf0d1;</i> icon-truck <span class="muted">(&amp;#xf0d1;)</span></li>
199
+ <li><i class="icon-2x">&#xf0d2;</i> icon-pinterest <span class="muted">(&amp;#xf0d2;)</span></li>
200
+ <li><i class="icon-2x">&#xf0d3;</i> icon-pinterest-sign <span class="muted">(&amp;#xf0d3;)</span></li>
201
+ <li><i class="icon-2x">&#xf0d4;</i> icon-google-plus-sign <span class="muted">(&amp;#xf0d4;)</span></li>
202
+ <li><i class="icon-2x">&#xf0d5;</i> icon-google-plus <span class="muted">(&amp;#xf0d5;)</span></li>
203
+ <li><i class="icon-2x">&#xf0d6;</i> icon-money <span class="muted">(&amp;#xf0d6;)</span></li>
204
+ <li><i class="icon-2x">&#xf0d7;</i> icon-caret-down <span class="muted">(&amp;#xf0d7;)</span></li>
205
+ <li><i class="icon-2x">&#xf0d8;</i> icon-caret-up <span class="muted">(&amp;#xf0d8;)</span></li>
206
+ <li><i class="icon-2x">&#xf0d9;</i> icon-caret-left <span class="muted">(&amp;#xf0d9;)</span></li>
207
+ <li><i class="icon-2x">&#xf0da;</i> icon-caret-right <span class="muted">(&amp;#xf0da;)</span></li>
208
+ <li><i class="icon-2x">&#xf0db;</i> icon-columns <span class="muted">(&amp;#xf0db;)</span></li>
209
+ <li><i class="icon-2x">&#xf0dc;</i> icon-sort <span class="muted">(&amp;#xf0dc;)</span></li>
210
+ <li><i class="icon-2x">&#xf0dd;</i> icon-sort-down <span class="muted">(&amp;#xf0dd;)</span></li>
211
+ <li><i class="icon-2x">&#xf0de;</i> icon-sort-up <span class="muted">(&amp;#xf0de;)</span></li>
212
+ <li><i class="icon-2x">&#xf0e0;</i> icon-envelope-alt <span class="muted">(&amp;#xf0e0;)</span></li>
213
+ <li><i class="icon-2x">&#xf0e1;</i> icon-linkedin <span class="muted">(&amp;#xf0e1;)</span></li>
214
+ <li><i class="icon-2x">&#xf0e2;</i> icon-undo <span class="muted">(&amp;#xf0e2;)</span></li>
215
+ <li><i class="icon-2x">&#xf0e3;</i> icon-legal <span class="muted">(&amp;#xf0e3;)</span></li>
216
+ <li><i class="icon-2x">&#xf0e4;</i> icon-dashboard <span class="muted">(&amp;#xf0e4;)</span></li>
217
+ <li><i class="icon-2x">&#xf0e5;</i> icon-comment-alt <span class="muted">(&amp;#xf0e5;)</span></li>
218
+ <li><i class="icon-2x">&#xf0e6;</i> icon-comments-alt <span class="muted">(&amp;#xf0e6;)</span></li>
219
+ <li><i class="icon-2x">&#xf0e7;</i> icon-bolt <span class="muted">(&amp;#xf0e7;)</span></li>
220
+ <li><i class="icon-2x">&#xf0e8;</i> icon-sitemap <span class="muted">(&amp;#xf0e8;)</span></li>
221
+ <li><i class="icon-2x">&#xf0e9;</i> icon-umbrella <span class="muted">(&amp;#xf0e9;)</span></li>
222
+ <li><i class="icon-2x">&#xf0ea;</i> icon-paste <span class="muted">(&amp;#xf0ea;)</span></li>
223
+ <li><i class="icon-2x">&#xf0eb;</i> icon-lightbulb <span class="muted">(&amp;#xf0eb;)</span></li>
224
+ <li><i class="icon-2x">&#xf0ec;</i> icon-exchange <span class="muted">(&amp;#xf0ec;)</span></li>
225
+ <li><i class="icon-2x">&#xf0ed;</i> icon-cloud-download <span class="muted">(&amp;#xf0ed;)</span></li>
226
+ <li><i class="icon-2x">&#xf0ee;</i> icon-cloud-upload <span class="muted">(&amp;#xf0ee;)</span></li>
227
+ <li><i class="icon-2x">&#xf0f0;</i> icon-user-md <span class="muted">(&amp;#xf0f0;)</span></li>
228
+ <li><i class="icon-2x">&#xf0f1;</i> icon-stethoscope <span class="muted">(&amp;#xf0f1;)</span></li>
229
+ <li><i class="icon-2x">&#xf0f2;</i> icon-suitcase <span class="muted">(&amp;#xf0f2;)</span></li>
230
+ <li><i class="icon-2x">&#xf0f3;</i> icon-bell-alt <span class="muted">(&amp;#xf0f3;)</span></li>
231
+ <li><i class="icon-2x">&#xf0f4;</i> icon-coffee <span class="muted">(&amp;#xf0f4;)</span></li>
232
+ <li><i class="icon-2x">&#xf0f5;</i> icon-food <span class="muted">(&amp;#xf0f5;)</span></li>
233
+ <li><i class="icon-2x">&#xf0f6;</i> icon-file-alt <span class="muted">(&amp;#xf0f6;)</span></li>
234
+ <li><i class="icon-2x">&#xf0f7;</i> icon-building <span class="muted">(&amp;#xf0f7;)</span></li>
235
+ <li><i class="icon-2x">&#xf0f8;</i> icon-hospital <span class="muted">(&amp;#xf0f8;)</span></li>
236
+ <li><i class="icon-2x">&#xf0f9;</i> icon-ambulance <span class="muted">(&amp;#xf0f9;)</span></li>
237
+ <li><i class="icon-2x">&#xf0fa;</i> icon-medkit <span class="muted">(&amp;#xf0fa;)</span></li>
238
+ <li><i class="icon-2x">&#xf0fb;</i> icon-fighter-jet <span class="muted">(&amp;#xf0fb;)</span></li>
239
+ <li><i class="icon-2x">&#xf0fc;</i> icon-beer <span class="muted">(&amp;#xf0fc;)</span></li>
240
+ <li><i class="icon-2x">&#xf0fd;</i> icon-h-sign <span class="muted">(&amp;#xf0fd;)</span></li>
241
+ <li><i class="icon-2x">&#xf0fe;</i> icon-plus-sign-alt <span class="muted">(&amp;#xf0fe;)</span></li>
242
+ <li><i class="icon-2x">&#xf100;</i> icon-double-angle-left <span class="muted">(&amp;#xf100;)</span></li>
243
+ <li><i class="icon-2x">&#xf101;</i> icon-double-angle-right <span class="muted">(&amp;#xf101;)</span></li>
244
+ <li><i class="icon-2x">&#xf102;</i> icon-double-angle-up <span class="muted">(&amp;#xf102;)</span></li>
245
+ <li><i class="icon-2x">&#xf103;</i> icon-double-angle-down <span class="muted">(&amp;#xf103;)</span></li>
246
+ <li><i class="icon-2x">&#xf104;</i> icon-angle-left <span class="muted">(&amp;#xf104;)</span></li>
247
+ <li><i class="icon-2x">&#xf105;</i> icon-angle-right <span class="muted">(&amp;#xf105;)</span></li>
248
+ <li><i class="icon-2x">&#xf106;</i> icon-angle-up <span class="muted">(&amp;#xf106;)</span></li>
249
+ <li><i class="icon-2x">&#xf107;</i> icon-angle-down <span class="muted">(&amp;#xf107;)</span></li>
250
+ <li><i class="icon-2x">&#xf108;</i> icon-desktop <span class="muted">(&amp;#xf108;)</span></li>
251
+ <li><i class="icon-2x">&#xf109;</i> icon-laptop <span class="muted">(&amp;#xf109;)</span></li>
252
+ <li><i class="icon-2x">&#xf10a;</i> icon-tablet <span class="muted">(&amp;#xf10a;)</span></li>
253
+ <li><i class="icon-2x">&#xf10b;</i> icon-mobile-phone <span class="muted">(&amp;#xf10b;)</span></li>
254
+ <li><i class="icon-2x">&#xf10c;</i> icon-circle-blank <span class="muted">(&amp;#xf10c;)</span></li>
255
+ <li><i class="icon-2x">&#xf10d;</i> icon-quote-left <span class="muted">(&amp;#xf10d;)</span></li>
256
+ <li><i class="icon-2x">&#xf10e;</i> icon-quote-right <span class="muted">(&amp;#xf10e;)</span></li>
257
+ <li><i class="icon-2x">&#xf110;</i> icon-spinner <span class="muted">(&amp;#xf110;)</span></li>
258
+ <li><i class="icon-2x">&#xf111;</i> icon-circle <span class="muted">(&amp;#xf111;)</span></li>
259
+ <li><i class="icon-2x">&#xf112;</i> icon-reply <span class="muted">(&amp;#xf112;)</span></li>
260
+ </ul>
261
+ </div>
262
+ </div>
263
+ </section>
264
+
265
+ <style>
266
+ .span4{width:300px} ul.unstyled,ol.unstyled{margin-left:0;list-style:none} .row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px} .container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}
267
+ </style>
menu-social-icons.php ADDED
@@ -0,0 +1,211 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ Plugin Name: Menu Social Icons
4
+ Description: Change menu links to social sites to icons automatically. Uses <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">FontAwesome</a> and supports: Bitbucket, Dribbble, Dropbox, Flickr, Foursquare, Gittip, Instagram, RenRen, Stack Overflow, Trello, Tumblr, VK, Weibo, Xing, and YouTube.
5
+ Version: 1.1.1
6
+ Author: Brainstorm Media
7
+ Author URI: http://brainstormmedia.com
8
+ */
9
+
10
+ /**
11
+ * Copyright (c) 2013 Brainstorm Media. All rights reserved.
12
+ *
13
+ * Released under the GPL license
14
+ * http://www.opensource.org/licenses/gpl-license.php
15
+ *
16
+ * This is an add-on for WordPress
17
+ * http://wordpress.org/
18
+ *
19
+ * **********************************************************************
20
+ * This program is free software; you can redistribute it and/or modify
21
+ * it under the terms of the GNU General Public License as published by
22
+ * the Free Software Foundation; either version 2 of the License, or
23
+ * (at your option) any later version.
24
+ *
25
+ * This program is distributed in the hope that it will be useful,
26
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
27
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
28
+ * GNU General Public License for more details.
29
+ * **********************************************************************
30
+ */
31
+
32
+ add_action( 'template_redirect', create_function( '', 'global $storm_menu_social_icons; $storm_menu_social_icons = new Storm_Menu_Social_Icons();' ) );
33
+
34
+ class Storm_Menu_Social_Icons {
35
+
36
+ var $version = '1.1';
37
+
38
+ /**
39
+ * Should we hide the original menu text, or put the icon before it?
40
+ * Override with storm_social_icons_hide_text filter
41
+ *
42
+ * @var bool
43
+ */
44
+ var $hide_text = true;
45
+
46
+ /**
47
+ * Array linking social site URLs with CSS classes for icons
48
+ */
49
+ var $networks = array(
50
+ 'bitbucket.org' => array( 'class' => 'bitbucket', 'icon' => 'icon-bitbucket', 'icon-sign' => 'icon-bitbucket-sign' ),
51
+ 'dribbble.com' => array( 'class' => 'dribbble', 'icon' => 'icon-dribbble', 'icon-sign' => 'icon-dribbble' ),
52
+ 'dropbox.com' => array( 'class' => 'dropbox', 'icon' => 'icon-dropbox', 'icon-sign' => 'icon-dropbox' ),
53
+ 'facebook.com' => array( 'class' => 'facebook', 'icon' => 'icon-facebook', 'icon-sign' => 'icon-facebook-sign' ),
54
+ 'flickr.com' => array( 'class' => 'flickr', 'icon' => 'icon-flickr', 'icon-sign' => 'icon-flickr' ),
55
+ 'foursquare.com' => array( 'class' => 'foursquare', 'icon' => 'icon-foursquare', 'icon-sign' => 'icon-foursquare' ),
56
+ 'github.com' => array( 'class' => 'github', 'icon' => 'icon-github', 'icon-sign' => 'icon-github-sign' ),
57
+ 'gittip.com' => array( 'class' => 'gittip', 'icon' => 'icon-gittip', 'icon-sign' => 'icon-gittip-sign' ),
58
+ 'instagr.am' => array( 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
59
+ 'instagram.com' => array( 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
60
+ 'linkedin.com' => array( 'class' => 'linkedin', 'icon' => 'icon-linkedin', 'icon-sign' => 'icon-linkedin-sign' ),
61
+ 'pinterest.com' => array( 'class' => 'pinterest', 'icon' => 'icon-pinterest', 'icon-sign' => 'icon-pinterest-sign' ),
62
+ 'plus.google.com' => array( 'class' => 'google-plus', 'icon' => 'icon-google-plus', 'icon-sign' => 'icon-google-plus-sign' ),
63
+ 'renren.com' => array( 'class' => 'renren', 'icon' => 'icon-renren', 'icon-sign' => 'icon-renren' ),
64
+ 'stackoverflow.com' => array( 'class' => 'stackexchange', 'icon' => 'icon-stackexchange', 'icon-sign' => 'icon-stackexchange' ),
65
+ 'trello.com' => array( 'class' => 'trello', 'icon' => 'icon-trello', 'icon-sign' => 'icon-trello' ),
66
+ 'tumblr.com' => array( 'class' => 'tumblr', 'icon' => 'icon-tumblr', 'icon-sign' => 'icon-tumblr' ),
67
+ 'twitter.com' => array( 'class' => 'twitter', 'icon' => 'icon-twitter', 'icon-sign' => 'icon-twitter-sign' ),
68
+ 'vk.com' => array( 'class' => 'vk', 'icon' => 'icon-vk', 'icon-sign' => 'icon-vk' ),
69
+ 'weibo.com' => array( 'class' => 'weibo', 'icon' => 'icon-weibo', 'icon-sign' => 'icon-weibo' ),
70
+ 'xing.com' => array( 'class' => 'xing', 'icon' => 'icon-xing', 'icon-sign' => 'icon-xing' ),
71
+ 'youtu.be' => array( 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
72
+ 'youtube.com' => array( 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
73
+ );
74
+
75
+ /**
76
+ * Class to apply to the <li> of all social menu items
77
+ */
78
+ var $li_class = 'social-icon';
79
+
80
+ /**
81
+ * Size options available for icon output
82
+ * These are sizes that render as "pixel perfect" according to FontAwesome.
83
+ */
84
+ var $icon_sizes = array(
85
+ 'normal' => '',
86
+ 'large' => 'icon-large',
87
+ '2x' => 'icon-2x',
88
+ '3x' => 'icon-3x',
89
+ '4x' => 'icon-4x',
90
+ );
91
+
92
+ /**
93
+ * Size of the icons to display.
94
+ * Override with storm_social_icons_size filter
95
+ *
96
+ * @var string normal|large|2x|3x|4x
97
+ */
98
+ var $size = '2x';
99
+
100
+ /**
101
+ * Display normal icons, or icons cut out of a box (sign) shape?
102
+ * Override with storm_social_icons_type filter
103
+ *
104
+ * @var string icon|icon-sign
105
+ */
106
+ var $type = 'icon';
107
+
108
+ public function __construct() {
109
+
110
+ $this->size = apply_filters( 'storm_social_icons_size', $this->size );
111
+ $this->type = apply_filters( 'storm_social_icons_type', $this->type );
112
+ $this->hide_text = apply_filters( 'storm_social_icons_hide_text', $this->hide_text );
113
+
114
+ add_action( 'wp_print_scripts', array( $this, 'wp_enqueue_scripts' ) );
115
+ add_action( 'wp_print_scripts', array( $this, 'wp_print_scripts' ) );
116
+
117
+ add_filter( 'wp_nav_menu_objects', array( $this, 'wp_nav_menu_objects' ), 5, 2 );
118
+
119
+ // Shortcode for testing all fontawesome icons: [fontawesometest]
120
+ add_shortcode( 'fontawesometest', array( $this, 'shortcode_fontawesometest' ) );
121
+ add_action( 'fontawesometest', array( $this, 'fontawesometest' ) );
122
+
123
+ }
124
+
125
+ /**
126
+ * Load FontAwesome from NetDNA's Content Deliver Network (faster, likely to be cached)
127
+ * @see http://www.bootstrapcdn.com/#tab_fontawesome
128
+ */
129
+ public function wp_enqueue_scripts() {
130
+ global $wp_styles;
131
+
132
+ wp_enqueue_style( 'fontawesome', '//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css', array(), $this->version, 'all' );
133
+ wp_enqueue_style( 'fontawesome-ie', '//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome-ie7.min.css', array( 'fontawesome' ), $this->version );
134
+
135
+ // Add Internet Explorer conditional comment
136
+ $wp_styles->add_data( 'fontawesome-ie', 'conditional', 'IE 7' );
137
+ }
138
+
139
+ /**
140
+ * Hide text visually, but keep available for screen readers.
141
+ * Just 2 lines of stylesheet, so loading inline rather than adding another HTTP request.
142
+ */
143
+ public function wp_print_scripts() {
144
+ ?>
145
+ <style>
146
+ /* Accessible for screen readers but hidden from view */
147
+ .fa-hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
148
+ .fa-showtext { margin-right: 5px; }
149
+ </style>
150
+ <?php
151
+ }
152
+
153
+ /**
154
+ * Get icon HTML with appropriate classes depending on size and icon type
155
+ */
156
+ public function get_icon( $network ) {
157
+
158
+ $size = $this->icon_sizes[ $this->size ];
159
+ $icon = $network[ $this->type ];
160
+ $show_text = $this->hide_text ? '' : 'fa-showtext';
161
+
162
+ return "<i class='$size $icon $show_text'></i>";
163
+
164
+ }
165
+
166
+ /**
167
+ * Find social links in top-level menu items, add icon HTML
168
+ */
169
+ public function wp_nav_menu_objects( $sorted_menu_items, $args ){
170
+
171
+ foreach( $sorted_menu_items as &$item ) {
172
+ if ( 0 != $item->menu_item_parent ) {
173
+ // Skip submenu items
174
+ continue;
175
+ }
176
+
177
+ foreach( $this->networks as $url => $network ) {
178
+ if ( false !== strpos( $item->url, $url ) ) {
179
+
180
+ $item->classes[] = $this->li_class;
181
+ $item->classes[] = $network['class'];
182
+
183
+ if ( $this->hide_text ) {
184
+ $item->title = '<span class="fa-hidden">' . $item->title . '</span>';
185
+ }
186
+
187
+ $item->title = $this->get_icon( $network ) . $item->title ;
188
+ }
189
+ }
190
+ }
191
+
192
+ return $sorted_menu_items;
193
+
194
+ }
195
+
196
+ /**
197
+ * Test output of all FontAwesome icons
198
+ */
199
+ public function fontawesometest( $args ) {
200
+ include dirname( __FILE__ ) . '/font-awesome-test.html';
201
+ }
202
+
203
+ /**
204
+ * Shortcode to test output of all FontAwesome icons
205
+ */
206
+ public function shortcode_fontawesometest( $args ) {
207
+ ob_start();
208
+ $this->fontawesometest();
209
+ return ob_get_clean();
210
+ }
211
+ }
readme.txt ADDED
@@ -0,0 +1,98 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === Menu Social Icons ===
2
+ Contributors: brainstormmedia, pdclark
3
+ Plugin URI: https://github.com/brainstormmedia/menu-social-icons
4
+ Author URI: http://brainstormmedia.com
5
+ Tags: social, icons, menus, FontAwesome, social media, easy
6
+ Requires at least: 3.4
7
+ Tested up to: 3.5.2
8
+ Stable tag: 1.1.1
9
+
10
+ Add social icons to your WordPress menu items automatically.
11
+
12
+ == Description ==
13
+
14
+ This plugin changes social website links in any of your WordPress menus to use icons from FontAwesome.
15
+
16
+ No configuration is necessary, other having links to your social media profiles in the built-in WordPress menus. Add links to any of these social sites under `Appearance > Menus`, then enable the plugin.
17
+
18
+ http://www.youtube.com/watch?v=AS3hLeyV4S0
19
+
20
+ **Supported Sites**
21
+
22
+ * bitbucket.org
23
+ * dribbble.com
24
+ * dropbox.com
25
+ * facebook.com
26
+ * flickr.com
27
+ * foursquare.com
28
+ * github.com
29
+ * gittip.com
30
+ * instagram.com
31
+ * linkedin.com
32
+ * pinterest.com
33
+ * plus.google.com
34
+ * renren.com
35
+ * stackoverflow.com
36
+ * trello.com
37
+ * tumblr.com
38
+ * twitter.com
39
+ * vk.com
40
+ * weibo.com
41
+ * xing.com
42
+ * youtube.com
43
+
44
+ There are several configuration options that can be changed by adding filters to your theme's `functions.php` file.
45
+
46
+ **Available Options**
47
+
48
+ Show menu item text in addition to the icons:
49
+ `add_filter( 'storm_social_icons_hide_text', '__return_false' );`
50
+
51
+ Show an alternative icon style, where logos are cut out of signs.
52
+ `add_filter( 'storm_social_icons_type', create_function( '', 'return "icon-sign";' ) );`
53
+
54
+ Various sizes for icons. Pick one. (Default is 2x).
55
+
56
+ add_filter( 'storm_social_icons_size', create_function( '', 'return "normal";' ) );
57
+ add_filter( 'storm_social_icons_size', create_function( '', 'return "large";' ) );
58
+ add_filter( 'storm_social_icons_size', create_function( '', 'return "2x";' ) );
59
+ add_filter( 'storm_social_icons_size', create_function( '', 'return "3x";' ) );
60
+ add_filter( 'storm_social_icons_size', create_function( '', 'return "4x";' ) );
61
+
62
+ == Installation ==
63
+
64
+ 1. Search for "Menu Social Icons" under `WordPress Admin > Plugins > Add New`
65
+ 1. Activate the plugin.
66
+
67
+ == Screenshots ==
68
+
69
+ 1. Menu without the plugin activated.
70
+ 2. Plugin activated with default settings.
71
+ 3. Alternative "icon-sign" display.
72
+ 4. Hidden text disabled.
73
+ 5. "normal" icon size
74
+ 5. "4x" icon size
75
+
76
+ == Frequently Asked Questions ==
77
+
78
+ = Does this plugin install all of FontAwesome? =
79
+
80
+ Yes. The plugin installs the complete FontAwesome package. You can use any of the icons in your HTML.
81
+
82
+ = I don't see FontAwesome anywhere in the plugin! =
83
+
84
+ We load FontAwesome onto your site using NetDNA's [Bootstrap CDN](http://www.bootstrapcdn.com/#tab_fontawesome) service. This makes it load much faster for your users.
85
+
86
+ == Changelog ==
87
+
88
+ = 1.1 =
89
+ * Upgrade to FontAwesome 3.2.1
90
+ * Add lots of new site icons: bitbucket.org, dribbble.com, dropbox.com, flickr.com, foursquare.com, gittip.com, instagram.com, renren.com, stackoverflow.com, trello.com, tumblr.com, vk.com, weibo.com, xing.com, youtube.com
91
+
92
+ = 1.0 =
93
+ * Initial public release.
94
+
95
+ == Upgrade Notice ==
96
+
97
+ **1.1**
98
+ Add lots of new networks: bitbucket.org, dribbble.com, dropbox.com, flickr.com, foursquare.com, gittip.com, instagram.com, renren.com, stackoverflow.com, trello.com, tumblr.com, vk.com, weibo.com, xing.com, youtube.com
screenshot-1.png ADDED
Binary file
screenshot-2.png ADDED
Binary file
screenshot-3.png ADDED
Binary file
screenshot-4.png ADDED
Binary file
screenshot-5.png ADDED
Binary file
screenshot-6.png ADDED
Binary file