Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #6310

    Hello,

    New to this as you can tell, but hope you can advise.

    Love the shortcut buttons, but wanted to add a linkedin button to shortcut to my profile, and have that next to other shortcuts on the bar.

    Is there a button for Linkedin or can you help me add a link for linkedin.

    Thankyou again.

    #53714

    Hey,

    it depends on if you’d like to add your Linkedin icon to your header(top of the page) or your footer (bottom of the page)

    To add the icon to the header you can open your header.php file and look for

    <ul class="social_bookmarks">
    <?php
    //text snuippet (eg phone number)
    if($phone = avia_get_option('phone_snippet')) echo "<li class='phone'>".$phone."</li>";

    //contact icon
    $contact_page_id = avia_get_option('email_page');
    if (function_exists('icl_object_id')) $contact_page_id = icl_object_id($contact_page_id, 'page', true); //wpml prepared
    if($contact_page_id) echo "<li class='mail'><a href='".get_permalink($contact_page_id)."'>".__('Send us Mail', 'avia_framework')."</a></li>";

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";

    ?>
    <li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>"><?php _e('Subscribe to our RSS Feed', 'avia_framework')?></a></li>

    <li class='search_site'><a href="#"><?php _e('Search Site', 'avia_framework')?></a>

    <?php
    /*
    * display the theme search form
    * the tempalte file that is called is searchform.php in case you want to edit it
    */
    get_search_form();
    ?>

    </li>

    </ul>
    <!-- end social_bookmarks-->

    Depending on the order you’d like to display your icons you can add

    <li class="linkedin"><a href="LINKTOYOURLINKEDINPAGE">My LinkedIn Account</a></li>

    The “My linkedIn Account” will be the tooltip text that appears when you hover the icon. The LINKTOYOURLINKEDINPAGE is obviously the link to your LinkedIn page. To add the actual image you can open up your minimal-skin.css found in your css folder.

    Find

    .social_bookmarks .mail a{background: transparent url(../images/skin-minimal/icons-social-mail.png) 0 0  no-repeat;}

    now add

    .social_bookmarks .linkedin a{background: transparent url(../images/skin-minimal/LINKEDINIMAGE.png) 0 0 no-repeat;}

    The above will display the icon found in /images/skin-minimal/LINKEDINIMAGE.PNG – you can either upload your image there or replace the entire url between brackets by a link to your icon.

    To add your icon to your footer you can open your footer.php and do the same in here:

    <!-- ####### SOCKET CONTAINER ####### -->
    <div class='container_wrap' id='socket'>
    <div class='container'>
    <span class='copyright'>&copy; <?php _e('Copyright','avia_framework'); ?> - <a href='<?php echo home_url('/'); ?>'><?php echo get_bloginfo('name');?></a> - <a href='http://www.kriesi.at'>Wordpress Theme by Kriesi.at</a></span>

    <ul class="social_bookmarks">
    <?php
    echo "<li class='phone'><a href='#top'>".__('scroll to top','avia_framework')."</a></li>";

    //contact icon
    $contact_page_id = avia_get_option('email_page');
    if (function_exists('icl_object_id')) $contact_page_id = icl_object_id($contact_page_id, 'page', true); //wpml prepared
    if($contact_page_id) echo "<li class='mail'><a href='".get_permalink($contact_page_id)."'>".__('Send us Mail', 'avia_framework')."</a></li>";

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";

    ?>

    <li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>"><?php _e('Subscribe to our RSS Feed', 'avia_framework')?></a></li>

    </ul>
    <!-- end social_bookmarks-->

    If you can’t figure out where to put it please specify where exactly you’d like your image to be. Hope I could help :)

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Add Linkedin logo button, like facebook, email, RSS buttons on header and footer’ is closed to new replies.