Buy All 48 Premium WordPress Themes for $54.99

How to Add a Custom Social Icon in Header

Sustom Social Icon

In case you want to add a new custom social icon/image into Header, next to the built-in social icons (like the example above with kakao.com), it will require a small code change. Here is a guide how it can be done:

  1. Login to you Admin Panel
  2. Navigate to Left Menu -> Appearance -> Editor
  3. Open functions.php
  4. Below the following code:$socialSite = tishonator_read_customizer_option(’tishonator_social_vine’, ”);
    if ( !empty( $socialSite ) ) {
    tishonator_show_single_social_site( $separatorBefore, $separatorAfter, $socialSite,
    __( ‘Follow us on Vine’, ’tishonator’ ), ‘vine’.$iconSize, $openInNewWindow );
    }

    Insert:

    ?>
    <li>
    <a href=”http://example.com” target=”_blank”>
    <img¬† style=”position:absolute”
    src=”https://tishonator.com/dev/wp-content/uploads/kakao_account_login_btn_medium_narrow.png” />
    </a>
    </li>
    <?php

  5. Save changes

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply