Lisa Judkins
asked 8 years ago

How can I add an instagram link and pinterest link alongside the twitter and Facebook on my sites tab bar??
 
Thanks in advance!
 
Lisa

Lisa Judkins
replied 8 years ago

Any luck with this question??

timewelch
replied 7 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!

dominic Staff
replied 7 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,

1 Answers
DominicStaff
answered 8 years ago

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 !

Lisa Judkins
replied 8 years ago

I added the code now my site is blank??http://www.flightattendantsource.comHere is log-in: http://flightattendantsource.com/wp-login.phpun: Dominicstaffpw: Dominicstaff

Lisa Judkins
replied 8 years ago

Any update?? Site is still blank.

Dominic Staff
replied 8 years ago

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,

Lisa Judkins
replied 8 years ago

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

Lisa Judkins
replied 8 years ago

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

Lisa Judkins
replied 8 years ago

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

Lisa Judkins
replied 8 years ago

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

Powered by DW Question & Answer Pro