Add LinkedIn & YouTube social icon in head

Hi,

I am looking to add a LinkedIn and YouTube social icon after the Facebook and twitter icons in the header.

I have seen the other questions posted in this help section, however it doesn’t seem to work. The site fails to load after the changes.

If you could please explain exactly what needs to be done in simple terms that would be great as i’m not that advanced.

Thanks,

Darryl

3 Answers

DominicStaff
answered 11 years ago

Hi !

Thank you for choosing our product.

this module is having some issues and we are uner the development stage to update and fix the issues. Please hang on with us.

Regards,

Dominic

Jeremy White
replied 11 years ago

Any progress on this issue? I’d like to add a YouTube social icon in the header as well.

Thanks!

DominicStaff
answered 11 years ago

To add a YouTube social icon in the header on the site. Please do as the following:
Step1: Open the header.php file. Please add the following code to the line 81

 $youtube  = dw_get_option('dw_youtube');

And add the following code to the line 103

 <?php if( $youtube ) { ?><li class="youtube"><a target="_blank" href="<?php echo $youtube ?>" title="<?php _e('youtube','dw-focus') ?>"><i class="icon-youtube-sign"></i></a></li>
<?php } ?>

See the screenshot:
Step2: Please open the customization.php file then add the following code to the line 270

 // Youtube social
    $wp_customize->add_setting('option_tree[dw_youtube]', array(
        'default'        => '',
        'capability'     => 'edit_theme_options',
        'type'           => 'option',
 
    ));
 
    $wp_customize->add_control('dw_social_youtube', array(
        'label'      => __('youtube', 'dw_focus'),
        'section'    => 'dw_social_link',
        'settings'   => 'option_tree[dw_youtube]',
    ));

See the screenshot:

Step3: Log in to Dashboard > Theme > Customize > Social Links then add your link here.
See the screenshot:

Hope this helps !

Mohammed Chaudhry
replied 11 years ago

…thank you for the clear tutorial.

now, from where can i get the image/icon for the youtube link?

Mohammed Chaudhry
replied 11 years ago

…thank you for the clear tutorial.

now, from where can i get the image/icon for the youtube link?

DominicStaff
answered 11 years ago

After adding the youtube link in the Social link. You can add the following code to the “Header Script”

 <style>
.social-links .youtube a {
    background: #...;
}
</style>

If you still face there issue, You can send me your site for further checking.

Mohammed Chaudhry
replied 11 years ago

Hi Dominic – when you say “header script”, do you mean the header.php file?

Dominic Staff
replied 11 years ago

To add this code. Please log in to Dashboard > Theme > Customize > General Settings> Header script.