Social media knoppen lean & mean

Een board om T&T's te plaatsen m.b.t. CMSMS, PHP of Smarty

Moderator: velden

Post Reply
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Social media knoppen lean & mean

Post by Gregor »

In een ander topic ging het over het gebruik van social media buttons en dat hier zoveel Javascript veelal omheen hangt en daarmee de laadtijd van de pagina's wordt verhoogd. Bij toeval kwam ik deze oplossing tegen. De code staat op jsfiddle. https://jsfiddle.net/kprusy95/
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: Social media knoppen lean & mean

Post by Rolf »

Bedankt voor het delen, Gregor.

Gebaseerd op de logica van https://www.cmscanbesimple.org/blog/bas ... d-metatags maak ik het altijd zo:

Code: Select all

<a href="https://www.facebook.com/share.php?u={$canonical_url}?t={$page_title|replace:' ':'%20'}" rel="nofollow" title="Facebook" target="_blank">
  <span class="btn btn_facebook"><span class="fa fa-facebook fa-fw"></span></span>
</a>
<a href="https://plus.google.com/share?url={$canonical_url}" rel="nofollow" title="Google+" target="_blank">
  <span class="btn btn_googleplus"><span class="fa fa-google-plus fa-fw"></span></span>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={$canonical_url}&title={$page_title|replace:' ':'%20'}" rel="nofollow" title="LinkedIn" target="_blank">
  <span class="btn btn_linkedin"><span class="fa fa-linkedin fa-fw"></span></span> 
</a>
<a href="https://twitter.com/home?status={$page_title|replace:' ':'%20'}:+{$canonical_url}" rel="nofollow" title="Twitter" target="_blank">
  <span class="btn btn_twitter"><span class="fa fa-twitter fa-fw"></span></span>
</a>
Ik wil er altijd nog eens een blogje over maken... zal ik binnenkort toch eens doen :)
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Post Reply

Return to “Tips en Trucs”