Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Is it possible to make a theme with an option of configuring social icons with links through the custom header control panel?

I googled it and found nothing that could help me, any help on that topic will be very appreciated

UPDATE
What I'm trying to achieve is that in the theme control panel (preferably inside the header panel and without using an external plugin) the user will be able to set which social icons will appear and to configure them.

share|improve this question
1  
Could you give a bit more information on what exactly you want? If your sole question is if this is possible or not, the answer is "yes". You might want to check this out wordpress.org/extend/plugins/simple-social-icons (or any similair plugin) and just add a widget area in your header. The Simple Social Icons plugin is an easy to use, customizable way to display icons that link visitors to your various social profiles. Please explain a bit more on what your trying to achieve / realize. If your want to try the above solution (with the widgets) let me know and I will explain further –  Aleks Jul 3 '12 at 8:28
    
@Aleks thanx, I've updated the question –  ilyo Jul 3 '12 at 9:07
add comment

1 Answer

up vote 2 down vote accepted

I did something similar on my site a while back. I'm sure you can tweak it to fit your needs.

Under each article I have an author box with social media icons that link to their accounts.

In content-single.php

<?php if ( get_the_author_meta('twitter') ) : ?>
    <a href="http://www.twitter.com/<?php the_author_meta('twitter'); ?>" title="Twitter"><img src="<?php bloginfo( 'url' ) ?>/images/twitter.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('facebook') ) : ?>
    <a href="http://www.facebook.com/<?php the_author_meta('facebook'); ?>" title="Facebook"><img src="<?php bloginfo( 'url' ) ?>/images/facebook.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('gplus') ) : ?>
    <a href="http://plus.google.com/<?php the_author_meta('gplus'); ?>" title="Google Plus"><img src="<?php bloginfo( 'url' ) ?>/images/google.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('linkedin') ) : ?>
    <a href="http://www.linkedin.com/in/<?php the_author_meta('linkedin'); ?>" title="Linkedin"><img src="<?php bloginfo( 'url' ) ?>/images/linkedin.png" /></a>
<?php endif; ?>

In functions.php

function social_media_icons( $contactmethods ) {
    // Add social media
    $contactmethods['twitter'] = 'Twitter';
    $contactmethods['facebook'] = 'Facebook';
    $contactmethods['gplus'] = 'Google Plus';
    $contactmethods['linkedin'] = 'Linkedin';

    return $contactmethods;
}
add_filter('user_contactmethods','social_media_icons',10,1);

This adds extra fields in your user profile settings (wp-admin/profile.php or wp-admin/user-edit.php?user_id=1). When you fill them out the social media icons appear. If the fields are left blank, nothing gets displayed.

Hope this helps!

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.