Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active October 29, 2015 14:53
Show Gist options
  • Save srikat/11391704 to your computer and use it in GitHub Desktop.
Save srikat/11391704 to your computer and use it in GitHub Desktop.
How to replace, reorder and add new icons in Simple Social Icons. http://sridharkatakam.com/replace-reorder-add-new-icons-simple-social-icons/
<?php
//* Do NOT include the opening php tag
//* Make Font Awesome available
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' );
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_profiles', 'custom_simple_social_default_profiles' );
function custom_simple_social_default_profiles() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xe80d;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
'bloglovin' => '&#xf0fe;',
);
$profiles = array(
'dribbble' => array(
'label' => __( 'Dribbble URI', 'ssiw' ),
'pattern' => '<li class="social-dribbble"><a href="%s" %s>' . $glyphs['dribbble'] . '</a></li>',
),
'email' => array(
'label' => __( 'Email URI', 'ssiw' ),
'pattern' => '<li class="social-email"><a href="%s" %s>' . $glyphs['email'] . '</a></li>',
),
'facebook' => array(
'label' => __( 'Facebook URI', 'ssiw' ),
'pattern' => '<li class="social-facebook"><a href="%s" %s>' . $glyphs['facebook'] . '</a></li>',
),
'flickr' => array(
'label' => __( 'Flickr URI', 'ssiw' ),
'pattern' => '<li class="social-flickr"><a href="%s" %s>' . $glyphs['flickr'] . '</a></li>',
),
'github' => array(
'label' => __( 'GitHub URI', 'ssiw' ),
'pattern' => '<li class="social-github"><a href="%s" %s>' . $glyphs['github'] . '</a></li>',
),
'gplus' => array(
'label' => __( 'Google+ URI', 'ssiw' ),
'pattern' => '<li class="social-gplus"><a href="%s" %s>' . $glyphs['gplus'] . '</a></li>',
),
'instagram' => array(
'label' => __( 'Instagram URI', 'ssiw' ),
'pattern' => '<li class="social-instagram"><a href="%s" %s>' . $glyphs['instagram'] . '</a></li>',
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'ssiw' ),
'pattern' => '<li class="social-linkedin"><a href="%s" %s>' . $glyphs['linkedin'] . '</a></li>',
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'ssiw' ),
'pattern' => '<li class="social-pinterest"><a href="%s" %s>' . $glyphs['pinterest'] . '</a></li>',
),
'rss' => array(
'label' => __( 'RSS URI', 'ssiw' ),
'pattern' => '<li class="social-rss"><a href="%s" %s>' . $glyphs['rss'] . '</a></li>',
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'ssiw' ),
'pattern' => '<li class="social-stumbleupon"><a href="%s" %s>' . $glyphs['stumbleupon'] . '</a></li>',
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'ssiw' ),
'pattern' => '<li class="social-tumblr"><a href="%s" %s>' . $glyphs['tumblr'] . '</a></li>',
),
'twitter' => array(
'label' => __( 'Twitter URI', 'ssiw' ),
'pattern' => '<li class="social-twitter"><a href="%s" %s>' . $glyphs['twitter'] . '</a></li>',
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'ssiw' ),
'pattern' => '<li class="social-vimeo"><a href="%s" %s>' . $glyphs['vimeo'] . '</a></li>',
),
'youtube' => array(
'label' => __( 'YouTube URI', 'ssiw' ),
'pattern' => '<li class="social-youtube"><a href="%s" %s>' . $glyphs['youtube'] . '</a></li>',
),
'bloglovin' => array(
'label' => __( 'Bloglovin URI', 'ssiw' ),
'pattern' => '<li class="social-bloglovin"><a href="%s" %s>' . $glyphs['bloglovin'] . '</a></li>',
),
);
return $profiles;
}
.simple-social-icons ul li.social-bloglovin a {
font-family: FontAwesome;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_profiles', 'custom_simple_social_default_profiles' );
function custom_simple_social_default_profiles() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xe80d;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
);
$profiles = array(
'dribbble' => array(
'label' => __( 'Dribbble URI', 'ssiw' ),
'pattern' => '<li class="social-dribbble"><a href="%s" %s>' . $glyphs['dribbble'] . '</a></li>',
),
'email' => array(
'label' => __( 'Email URI', 'ssiw' ),
'pattern' => '<li class="social-email"><a href="%s" %s>' . $glyphs['email'] . '</a></li>',
),
'facebook' => array(
'label' => __( 'Facebook URI', 'ssiw' ),
'pattern' => '<li class="social-facebook"><a href="%s" %s>' . $glyphs['facebook'] . '</a></li>',
),
'flickr' => array(
'label' => __( 'Flickr URI', 'ssiw' ),
'pattern' => '<li class="social-flickr"><a href="%s" %s>' . $glyphs['flickr'] . '</a></li>',
),
'github' => array(
'label' => __( 'GitHub URI', 'ssiw' ),
'pattern' => '<li class="social-github"><a href="%s" %s>' . $glyphs['github'] . '</a></li>',
),
'gplus' => array(
'label' => __( 'Google+ URI', 'ssiw' ),
'pattern' => '<li class="social-gplus"><a href="%s" %s>' . $glyphs['gplus'] . '</a></li>',
),
'instagram' => array(
'label' => __( 'Instagram URI', 'ssiw' ),
'pattern' => '<li class="social-instagram"><a href="%s" %s>' . $glyphs['instagram'] . '</a></li>',
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'ssiw' ),
'pattern' => '<li class="social-linkedin"><a href="%s" %s>' . $glyphs['linkedin'] . '</a></li>',
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'ssiw' ),
'pattern' => '<li class="social-pinterest"><a href="%s" %s>' . $glyphs['pinterest'] . '</a></li>',
),
'rss' => array(
'label' => __( 'RSS URI', 'ssiw' ),
'pattern' => '<li class="social-rss"><a href="%s" %s>' . $glyphs['rss'] . '</a></li>',
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'ssiw' ),
'pattern' => '<li class="social-stumbleupon"><a href="%s" %s>' . $glyphs['stumbleupon'] . '</a></li>',
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'ssiw' ),
'pattern' => '<li class="social-tumblr"><a href="%s" %s>' . $glyphs['tumblr'] . '</a></li>',
),
'twitter' => array(
'label' => __( 'Twitter URI', 'ssiw' ),
'pattern' => '<li class="social-twitter"><a href="%s" %s>' . $glyphs['twitter'] . '</a></li>',
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'ssiw' ),
'pattern' => '<li class="social-vimeo"><a href="%s" %s>' . $glyphs['vimeo'] . '</a></li>',
),
'youtube' => array(
'label' => __( 'YouTube URI', 'ssiw' ),
'pattern' => '<li class="social-youtube"><a href="%s" %s>' . $glyphs['youtube'] . '</a></li>',
),
'bloglovin' => array(
'label' => __( 'Bloglovin URI', 'ssiw' ),
'pattern' => '<li class="social-bloglovin"><a href="%s" %s><img src="' . get_stylesheet_directory_uri() . '/images/simple-social-icons/bloglovin.png" /></a></li>',
),
);
return $profiles;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_css', 'custom_simple_social_default_css' );
function custom_simple_social_default_css() {
$cssfile = get_stylesheet_directory_uri() . '/css/simple-social-icons.css';
return $cssfile;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_glyphs', 'custom_simple_social_default_glyphs' );
function custom_simple_social_default_glyphs() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xe80d;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
);
return $glyphs;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_glyphs', 'custom_simple_social_default_glyphs' );
function custom_simple_social_default_glyphs() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xf081;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
);
return $glyphs;
}
.simple-social-icons ul li.social-twitter a {
font-family: FontAwesome;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_profiles', 'custom_simple_social_default_profiles' );
function custom_simple_social_default_profiles() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xe80d;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
);
$profiles = array(
'dribbble' => array(
'label' => __( 'Dribbble URI', 'ssiw' ),
'pattern' => '<li class="social-dribbble"><a href="%s" %s>' . $glyphs['dribbble'] . '</a></li>',
),
'email' => array(
'label' => __( 'Email URI', 'ssiw' ),
'pattern' => '<li class="social-email"><a href="%s" %s>' . $glyphs['email'] . '</a></li>',
),
'facebook' => array(
'label' => __( 'Facebook URI', 'ssiw' ),
'pattern' => '<li class="social-facebook"><a href="%s" %s>' . $glyphs['facebook'] . '</a></li>',
),
'flickr' => array(
'label' => __( 'Flickr URI', 'ssiw' ),
'pattern' => '<li class="social-flickr"><a href="%s" %s>' . $glyphs['flickr'] . '</a></li>',
),
'github' => array(
'label' => __( 'GitHub URI', 'ssiw' ),
'pattern' => '<li class="social-github"><a href="%s" %s>' . $glyphs['github'] . '</a></li>',
),
'gplus' => array(
'label' => __( 'Google+ URI', 'ssiw' ),
'pattern' => '<li class="social-gplus"><a href="%s" %s>' . $glyphs['gplus'] . '</a></li>',
),
'instagram' => array(
'label' => __( 'Instagram URI', 'ssiw' ),
'pattern' => '<li class="social-instagram"><a href="%s" %s>' . $glyphs['instagram'] . '</a></li>',
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'ssiw' ),
'pattern' => '<li class="social-linkedin"><a href="%s" %s>' . $glyphs['linkedin'] . '</a></li>',
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'ssiw' ),
'pattern' => '<li class="social-pinterest"><a href="%s" %s>' . $glyphs['pinterest'] . '</a></li>',
),
'rss' => array(
'label' => __( 'RSS URI', 'ssiw' ),
'pattern' => '<li class="social-rss"><a href="%s" %s>' . $glyphs['rss'] . '</a></li>',
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'ssiw' ),
'pattern' => '<li class="social-stumbleupon"><a href="%s" %s>' . $glyphs['stumbleupon'] . '</a></li>',
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'ssiw' ),
'pattern' => '<li class="social-tumblr"><a href="%s" %s>' . $glyphs['tumblr'] . '</a></li>',
),
'twitter' => array(
'label' => __( 'Twitter URI', 'ssiw' ),
'pattern' => '<li class="social-twitter"><a href="%s" %s>' . $glyphs['twitter'] . '</a></li>',
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'ssiw' ),
'pattern' => '<li class="social-vimeo"><a href="%s" %s>' . $glyphs['vimeo'] . '</a></li>',
),
'youtube' => array(
'label' => __( 'YouTube URI', 'ssiw' ),
'pattern' => '<li class="social-youtube"><a href="%s" %s>' . $glyphs['youtube'] . '</a></li>',
),
);
return $profiles;
}
<?php
//* Do NOT include the opening php tag
add_filter( 'simple_social_default_profiles', 'custom_simple_social_default_profiles' );
function custom_simple_social_default_profiles() {
$glyphs = array(
'dribbble' => '&#xe800;',
'email' => '&#xe80b;',
'facebook' => '&#xe802;',
'flickr' => '&#xe80a;',
'github' => '&#xe80c;',
'gplus' => '&#xe801;',
'instagram' => '&#xe809;',
'linkedin' => '&#xe806;',
'pinterest' => '&#xe803;',
'rss' => '&#xe805;',
'stumbleupon' => '&#xe808;',
'tumblr' => '&#xe807;',
'twitter' => '&#xe80d;',
'vimeo' => '&#xe80e;',
'youtube' => '&#xe804;',
);
$profiles = array(
'dribbble' => array(
'label' => __( 'Dribbble URI', 'ssiw' ),
'pattern' => '<li class="social-dribbble"><a href="%s" %s>' . $glyphs['dribbble'] . '</a></li>',
),
'email' => array(
'label' => __( 'Email URI', 'ssiw' ),
'pattern' => '<li class="social-email"><a href="%s" %s>' . $glyphs['email'] . '</a></li>',
),
'twitter' => array(
'label' => __( 'Twitter URI', 'ssiw' ),
'pattern' => '<li class="social-twitter"><a href="%s" %s>' . $glyphs['twitter'] . '</a></li>',
),
'facebook' => array(
'label' => __( 'Facebook URI', 'ssiw' ),
'pattern' => '<li class="social-facebook"><a href="%s" %s>' . $glyphs['facebook'] . '</a></li>',
),
'flickr' => array(
'label' => __( 'Flickr URI', 'ssiw' ),
'pattern' => '<li class="social-flickr"><a href="%s" %s>' . $glyphs['flickr'] . '</a></li>',
),
'github' => array(
'label' => __( 'GitHub URI', 'ssiw' ),
'pattern' => '<li class="social-github"><a href="%s" %s>' . $glyphs['github'] . '</a></li>',
),
'gplus' => array(
'label' => __( 'Google+ URI', 'ssiw' ),
'pattern' => '<li class="social-gplus"><a href="%s" %s>' . $glyphs['gplus'] . '</a></li>',
),
'instagram' => array(
'label' => __( 'Instagram URI', 'ssiw' ),
'pattern' => '<li class="social-instagram"><a href="%s" %s>' . $glyphs['instagram'] . '</a></li>',
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'ssiw' ),
'pattern' => '<li class="social-linkedin"><a href="%s" %s>' . $glyphs['linkedin'] . '</a></li>',
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'ssiw' ),
'pattern' => '<li class="social-pinterest"><a href="%s" %s>' . $glyphs['pinterest'] . '</a></li>',
),
'rss' => array(
'label' => __( 'RSS URI', 'ssiw' ),
'pattern' => '<li class="social-rss"><a href="%s" %s>' . $glyphs['rss'] . '</a></li>',
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'ssiw' ),
'pattern' => '<li class="social-stumbleupon"><a href="%s" %s>' . $glyphs['stumbleupon'] . '</a></li>',
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'ssiw' ),
'pattern' => '<li class="social-tumblr"><a href="%s" %s>' . $glyphs['tumblr'] . '</a></li>',
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'ssiw' ),
'pattern' => '<li class="social-vimeo"><a href="%s" %s>' . $glyphs['vimeo'] . '</a></li>',
),
'youtube' => array(
'label' => __( 'YouTube URI', 'ssiw' ),
'pattern' => '<li class="social-youtube"><a href="%s" %s>' . $glyphs['youtube'] . '</a></li>',
),
);
return $profiles;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment