How can I add an instagram link and pinterest link alongside the twitter and Facebook on my sites tab bar??
Thanks in advance!
Lisa
To add instagram link and pinterest link on the header of the DW Focus, Please do as the following:
Step1: Open the header.php file in the folder path “\wp-content\themes\dw-focus“, find the line 70 to 97.
Replace with the following code:
// Social links
$facebook = dw_get_option(‘dw_facebook’);
$twitter = dw_get_option(‘dw_twitter’);
$gplus = dw_get_option(‘dw_gplus’);
$linkedin = dw_get_option(‘dw_linkedin’);
$feedlink = dw_get_option(‘dw_feedlink’, true);
$loginlink = dw_get_option(‘dw_loginlink’, true);
$instagram =”test”;
$pinterest =”test”;
?>
<ul class=”social-links visible-desktop”>
<?php if( $facebook ) { ?>
<li class=”facebook”><a target=”_blank” href=”<?php echo $facebook; ?>” title=”<?php _e(‘Facebook’,’dw-focus’) ?>”><i class=”icon-facebook”></i></a></li>
<?php } ?>
<?php if( $twitter ) { ?><li class=”twitter”><a target=”_blank” href=”<?php echo $twitter; ?>” title=”<?php _e(‘Twitter’,’dw-focus’) ?>”><i class=”icon-twitter”></i></a></li>
<?php } ?>
<?php if( $gplus ) { ?><li class=”google-plus”><a target=”_blank” href=”<?php echo $gplus ?>” title=”<?php _e(‘Google Plus’,’dw-focus’) ?>”><i class=”icon-google-plus”></i></a></li>
<?php } ?>
<?php if( $linkedin ) { ?>
<li class=”linkedin”><a target=”_blank” href=”<?php echo $linkedin ?>” title=”<?php _e(‘Linked in’,’dw-focus’) ?>”><i class=”icon-linkedin”></i></a></li>
<?php } ?>
<?php if( $feedlink ) { ?>
<li class=”rss”><a href=”<?php bloginfo(‘rss2_url’); ?>” title=”<?php _e(‘Rss’,’dw-focus’) ?>”><i class=”icon-rss”></i></a></li>
<?php } ?>
<?php if( $instagram ) { ?><li class=”instagram”><a target=”_blank” href=”<?php echo $instagram ?>” title=”<?php _e(‘instagram’,’dw-focus’) ?>”><i class=”icon-instagram”></i></a></li>
<?php } ?>
<?php if( $pinterest ) { ?><li class=”pinterest”><a target=”_blank” href=”<?php echo $pinterest ?>” title=”<?php _e(‘pinterest’,’dw-focus’) ?>”><i class=”icon-pinterest”></i></a></li>
<?php } ?>
<?php if( $loginlink ) { ?><li class=”login”><a href=”<?php echo wp_login_url( get_permalink() ); ?>” title=”<?php _e(‘Login’,’dw-focus’) ?>”><i class=”icon-user”></i></a>
<?php } ?>
</ul><!– End social links –>
Step2: Open the customization.php file in the folder path “\wp-content\themes\dw-focus\inc“, find the line 294 then add the following code under line 294:
// instagram social
$wp_customize->add_setting(‘option_tree[dw_instagram]’, array(
‘default’ => ”,
‘capability’ => ‘edit_theme_options’,
‘type’ => ‘option’,
));
$wp_customize->add_control(‘dw_social_instagram’, array(
‘label’ => __(‘instagram’, ‘dw_focus’),
‘section’ => ‘dw_social_link’,
‘settings’ => ‘option_tree[dw_instagram]’,
));
// pinterest social
$wp_customize->add_setting(‘option_tree[dw_pinterest]’, array(
‘default’ => ”,
‘capability’ => ‘edit_theme_options’,
‘type’ => ‘option’,
));
$wp_customize->add_control(‘dw_social_pinterest’, array(
‘label’ => __(‘pinterest’, ‘dw_focus’),
‘section’ => ‘dw_social_link’,
‘settings’ => ‘option_tree[dw_pinterest]’,
));
Step3: Log in to Dashboard > Theme > Customize > Social Links then add your instagram link and pinterest link.
See the screenshot: http://prntscr.com/5d2lsd
Hope this helps !
I added the code now my site is blank??http://www.flightattendantsource.comHere is log-in: http://flightattendantsource.com/wp-login.phpun: Dominicstaffpw: Dominicstaff
Any update?? Site is still blank.
I have checked the header.php file, I saw you edited this file and confused with few line code. I have overridden the file. If you want to edit this file, please tell me detail I will help you resolve it. This is old code in the header.php file: http://snippi.com/s/0icw14m
Regards,
Thank for the help. Yes now my site is doing something really weird since you updated woo commerce plug-in….I had to put my site in maintenance mode. Below are the two issues:1. Please look at the product pages of my Woocommerce store. The entire page has been cut off. Something broke in the code which is not allowing it to load correctly.2. I cannot use the Customize section. The arrows do not drop down my options in the Appearance>Customize section. I am in the process of finding a new theme compatible with WooCommerce but in the mean time I need theses issues fixed. ( I have not deleted your account I would appreciate your help)Thanks,Lisa
Also, please remove log-in option.Here are links to my instagram and pinterest sites:http://instagram.com/flightattendantsourcehttp://www.pinterest.com/fasource/Thanks for your help!Lisa
Can you also make links in color like the fb and twitter link?Thanks so much for your help!Hope to get this complete soon :)Lisa
I have removed my e-commerce store. Could you please help with linking and adding color to my social links.Also, if you can help figure out why Customize section on my site does not work properly.Thanks for your help. I know your pretty busy.Lisa
Please login or Register to submit your answer
replied 10 years ago
Any luck with this question??
replied 9 years ago
The answer to this questions seems out of date. The header.php file doesn’t even have 97 lines. Is there a solution. I hope I’m not misreading something. Thanks!
replied 9 years ago
You can find my answer in the following question:
https://www.designwall.com/question/editing-widgets/
If you have any question. please create new question, I will check and help you resolve it.
Regards,