• Great theme! Thank you.

    At the end of the posts it shows icons for:
    Facebook, Twitter & Google+

    I would like it to be like the top of the post:
    Twitter, Instagram and a Feed.

    How do I go about accomplishing that?

    Thanks for any help.

    David

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,
    At the end of each posts these social icons are meant to be used as sharers.
    This means that your visitor will share your post to social media. Instagram does not have a sharing service and the RSS feed will be identical in all posts!

    So, open entry-content.php and move
    <?php get_template_part( 'part', 'social-sharing' ); ?>

    after
    <article id="entry-<?php the_ID(); ?>" <?php post_class( 'entry ' . $post_class ); ?> itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost">

    Then add this

    article .socials {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    article .socials li {
        display: inline-block;
        float: none;
    }
    article .socials li a {
        margin-left: 6px;
        margin-right: 6px;
    }
    .entry-meta {
        clear: left;
    }

    in your custom CSS box under Appearance ? Customize ??Additional CSS.

    Finally open part-social-sharing.php and remove
    <li><a href="<?php echo esc_url( $gplus ); ?>" <?php echo $target; ?> class="social-icon"><i class="fa fa-google-plus"></i></a></li>
    and

    		<li><a href="<?php echo esc_url( $facebook ); ?>" <?php echo $target; ?> class="social-icon"><i class="fa fa-facebook"></i></a></li>
    

    and add
    <li><a href="your-feed" <?php echo $target; ?> class="social-icon"><i class="fa fa-rss"></i></a></li>

    after

    		<li><a href="<?php echo esc_url( $twitter ); ?>" <?php echo $target; ?> class="social-icon"><i class="fa fa-twitter"></i></a></li>
    

    Try installing the WP Editor plugin to enhance the default editor, or use the default editor if you have the latest WordPress version and navigate to the /themes/olsen-light/ folder to find the file.

    Thread Starter dspaedt

    (@dspaedt)

    Thank you so much for the reply! I didn’t realize these were “sharers” but I understand now. I enabled Jet Packs “sharing” because it has an email share button. However, I don’t like the looks of the Jetpack version.

    Is there anyway I can add an email “sharer” to the Olsen Theme after the G+ sharer; similar to how Jetpack has done it. The Olsen icons look so much nicer and are cleaner. If this is possible, I will then just disable the Jetpack “sharers”.

    Also a Reddit sharer would be nice but it’s not necessary. I just wish I could have the original theme shares with an added email sharer. Thanks in advance for any help. David.

    https://www.filmbeginnings.com

    Hi there,
    Try adding this line

    
    <li><a href="mailto:?subject=Check%20this%20out&body=<?php echo get_permalink(); ?>" class="social-icon"><i class="fa fa-envelope"></i></a></li>

    below this one

    
    <li><a href="<?php echo esc_url( $gplus ); ?>" class="social-icon"><i class="fa fa-google-plus"></i></a></li>

    in the part-social-sharing.php file.
    Let me know if this works

    Thread Starter dspaedt

    (@dspaedt)

    Thanks! I’m pretty sure it worked.

    The Jetpack version creates a popup and you enter an email address and hit send, which is pretty nice.

    The version you provided auto-opens outlook (on my machine) and from there you’d have to enter an email address and then copy and paste in the link. This is not as clean, because for example, I don’t use outlook I use gmail and then you have to copy and paste the link.

    But the version you provided does look cleaner and reminds them that they can email this post to someone if they want.

    Thank you so much for your help. I appreciate it.

    David

    Hi there,
    This is a generic HTML solution which will actually use your browser settings (https://support.mozilla.org/el/kb/change-program-used-open-email-links) to open a default mail client or service. I am guessing your can change than in Chrome or any other browsers also!

    I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!

    Thread Starter dspaedt

    (@dspaedt)

    Done! Thanks again.

    You are welcome! ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Social Media Icons at End of a Post’ is closed to new replies.