WordPress.org

Support

Support » Themes and Templates » Expound » [Resolved] Social media icons in menu

[Resolved] Social media icons in menu

  • Hello Konstantin,

    First of all I would like to thank you for a job well done. Using expound and love it!

    Could you please help me on the following: I’m trying to add social media icons into my menu like here (http://wpmag.ru/2013/zhurnalnaya-tema-expound-dlya-wordpress-com/) but I encountered few problems.

    1. First one – even though my images are round, hover appears to be squared.

    2. Second and most important – when I change the size of my website – minimize, drag it etc those icons get messed up.

    I’m a real newbie to coding and wordpress and I was using following coding tutorial:
    http://nathaningram.com/tutorials/easy-social-icons-in-the-wordpress-navigation-menu/

    I would really like to make my icons identical to those of wpmag.ru. I like the shape, hover and how they’re positioned. Could you please help me with this one? But please mind that I’m new to coding 🙂 Thank you!

Viewing 10 replies - 1 through 10 (of 10 total)
  • I’m also interested in doing this to my site as well. Any help will be appreciated.

    Thanks!

    esmi

    @esmi

    Forum Moderator

    @elained05: It is impolite to interrupt another poster’s ongoing thread. It causes significant problems for the forum’s volunteers and prevents us from being able to track issues by topic. Please post your own topic.

    Here’s the code from WPMag.ru:

    add_action( 'expound_navigation_after', 'wpmag_navigation_after' );
    function wpmag_navigation_after() {
            ?>
            <ul class="social">
                    <li class="twitter"><a target="_blank" href="http://twitter.com/wpmagru">Twitter</a></li>
                    <li class="facebook"><a target="_blank" href="http://facebook.com/wpmagru">Facebook</a></li>
                    <li class="feed"><a target="_blank" href="http://wpmag.ru/feed/">Feed</a></li>
                    <li class="vkontakte"><a target="_blank" href="http://vk.com/wpmag">Vkontakte</a></li>
                    <li class="google-plus"><a target="_blank" href="https://plus.google.com/108553372817411783434?rel=author">Google+</a></li>
            </ul>
            <?php
    }

    Hope that helps!

    Hey Konstantin – You are so helpful, thank you for heavily supporting your theme.

    I am so sorry, I am barely technical compared to most. Which plugin do you recommend for code insertion? THANK YOU!!

    In the WordPress Appearance tools, do you see ‘Editor’ at the bottom of the list of options?

    @ddrywall – Yes, I had tried to insert the code via the editor last night to no success

    No code insertion plugins, don’t use functions.php and also never use the built-in code editors – always use FTP instead. If you want to insert a code snippet, create an empty plugin, insert the snippet and activate it on your site. Here’s more: http://codex.wordpress.org/Writing_a_Plugin

    Good luck!

    Thank you, I created the plugin and that worked great. Thanks for the WP education, I’m new but eager to learn!!

    Hi Konstantin

    I have been trying to cause my social media menu icons (2) to open in a new window or tab. Clicked on the screen options and checked in the Link Target Option & the CSS Classes. But they don’t remain checked.

    I am also experiencing troubles with the I like Facebook widget, it is shown on the page but as a blank rectangle, no info on it.

    Could you please bring some light into what I am missing or not doing right?
    Many thanks

    That’s very interesting Konstatin, cos I put my code into a child theme css area, but are you saying that one can avoid FTP by using blank plugins, I haven’t tried that, but that’s interesting! Could this solve the problem of adding footer functions to functions.php resulting in blank shut down of site? Obviously I may use FTP eventually, but I’m trying not to complicate things as it’s all working.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Social media icons in menu’ is closed to new replies.
Skip to toolbar