Skip to main content
Mar 03, 2017

SilverStripe je zaista odlican i puno nagrađivan CMS (sistem za upravljanje sadržajem) za kreiranje neverovatnih web sajtova.

Želeo sam da dodam dugmad za deljenje sadržaja na društvenim mrežama na blog strani i za tu potrebu pronašao nekoliko gotovih modula. Ali iz nekog razloga odlučio sam da dodam svoj kod bez instalacije dodatnih modula.

Jedini deo koda ispod koji sadrži SilverStripe tagove je zapravo deo za deljenje na Facebook-u. $AbsoluteLink daje punu adresu strane za deljenje, {$BaseHref}{$ThemeDir} obezbeđuje putanju do direktorijuma teme gde je potrebno staviti facebook ikonicu.

Tako da ako želite da imate social "Share This" dugmad u SilverStripu na svom sajtu kopirajte kod ispod u template stranu (.ss) gde god bi Share This dugmad trebalo da se pojave.

<!-- Social Share This Buttons for SilverStripe -->
<div>
    <h3>If you like the article please share it with others!</h3>
    
    <!-- Facebook -->
    <a href="http://www.facebook.com/sharer.php?u=$AbsoluteLink" title="Facebook Share" rel="nofollow" target="_blank">
        <img alt="Facebook" src="{$BaseHref}{$ThemeDir}/images/facebook.png"/>
    </a>
    <!-- /Facebook -->
    &nbsp;
    
    <!-- Google+1 -->
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone annotation="none"></g:plusone>
    
    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <!-- /Google+1 -->
    &nbsp;
    
    <!-- LinkedIn -->
    <script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
    <script type="IN/Share"></script>
    <!-- /LinkedIn -->
    &nbsp;
    
    <!-- Twitter -->
    <a href="https://twitter.com/share" data-count="none">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    <!-- /Twitter -->
</div>
<!-- /Social Share This Buttons for SilverStripe -->

Naravno, možete da organizujete dugmad po svojoj volji, iznad je samo naveden primer.

Dugmad za deljenje sadržaja na SilverStripe CMS-u možete videti u akciji ispod tako da ako vam je članak bio od koristi podelite sa drugima ;)