WordPress.org

Ready to get started?Download WordPress

Forums

Expound
[resolved] Social media icons in menu (9 posts)

  1. Jasps
    Member
    Posted 6 months ago #

    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!

  2. Elained05
    Member
    Posted 6 months ago #

    I'm also interested in doing this to my site as well. Any help will be appreciated.

    Thanks!

  3. esmi
    Theme Diva & Forum Moderator
    Posted 6 months ago #

    @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.

  4. Konstantin Kovshenin
    Member
    Theme Author

    Posted 6 months ago #

    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!

  5. sykospark
    Member
    Posted 6 months ago #

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

  6. dDrywall
    Member
    Posted 6 months ago #

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

  7. sykospark
    Member
    Posted 6 months ago #

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

  8. Konstantin Kovshenin
    Member
    Theme Author

    Posted 6 months ago #

    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!

  9. sykospark
    Member
    Posted 6 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.