WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Jasps
    Member
    Posted 10 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 10 months ago #

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

    Thanks!

  3. esmi
    Forum Moderator
    Posted 10 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 10 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 9 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 9 months ago #

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

  7. sykospark
    Member
    Posted 9 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 9 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 9 months ago #

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

  10. lydiacuervo
    Member
    Posted 2 months ago #

    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

  11. vanessajw
    Member
    Posted 2 months ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.