News Manager (updated)

[TeeJay]

@TrueWarrior

I'm a little bit late but I somehow didn't notice the pagination going further, so this is my tutorial... hope it helps... someone.


There are multiple ways ho to do it.

The inevitable part is getting the Share Button code from here. You can easily generate it and customize it appearance.

Then you have to paste the code somewhere

• Option 1 - bad solution - paste the code your posts' template in /plugins/news_manager/inc/site.php, that's where you find the template for your posts; but I don't really recommend this way - it's hardcoding, you have to do it again with each update of News Manager
  
• Option 2 - using components, a bit more complicated for the first look, but it's actually not, it's the best solution you can easily manage yourself follow these few simple steps
  
• Go to your News Manager settings in the backend, allow custom settings and write there
  Code:

  single componentbottompost author_social
• Still in the backend, go to Theme => Edit components
  
• Create a new component called "author_social" and paste there the code you generated in the first step
  

Btw, you can name the component anyhow you want, but it has to match the name given in News Manager settings, my choice was "author_social". I use multiple share buttons (twitter, g+, fb share and like) there. If you wanted to have the same share buttons as I do, just paste into the "author_social" component a little bit more of code you can also generate somewhere on the internet, this is the code I use:

Code:

<div id="sharing">
  <div id="facebook">
    <!-- Facebook Sharing -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="<?php nm_post_url(); ?>" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
    <div class="fb-share-button" data-href="<?php nm_post_url(); ?>" data-type="button"></div>
  </div>
  <div id="twitter">
    <!-- Twitter Sharing -->
    <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div>
  <div id="google">    
    <!-- Google+ Sharing -->
    <div class="g-plus" data-action="share" data-annotation="bubble"></div>
    <script type="text/javascript">
      window.___gcfg = {lang: 'en-GB'};
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/platform.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
  </div>
</div>

This is how it looks with a little bit of styling

Feel free to check News Manager posts on my website in my signature below.

Good luck