Suite à mon problème de surcharge SQL qui a entrainé la coupure du site du coté de mon hébergeur, je me suis mis en tête d’optimiser mon site. J’ai fait un peu de ménage du coté de la base Mysql qui a « maigri » de moitié en supprimant les log d’un plugin. Histoire de délester la base, il me fallait aussi optimiser les requêtes pour l’affichage des pages. Et du coup, je suis notamment parti en guerre contre les plugins inutiles ou superflus. le problème des plugins qui se rajoutent en « surcouche » de worpdress, c’est qu’ils ne sont pas toujours optimisés ou codés de façon optimale. Ma première victime : Add this, un plugin qui permet de partager les articles via les réseaux sociaux. Ces astuces ne sont bien entendu valable que pour les sites wordpress hébergés par vos propres soins.
Mes motivations :
- Il me met un peu le bordel en me mettant des erreurs du panneau d’administration,
- hormis Tweeter et Facebook, les autres partages ne sont pas ou peu utilisés,
- Les boutons peuvent être intégrés directement dans le code des articles.
Pour cela, il faut modifier le code des articles (single.php) et des pages (pages.php). Avant toute modification, il y a des précautions à prendre! Il faut bien sur créer un thème enfant sur lequel vous ferez les modifications. (cf mon tuto). Je donne quelques exemples de code, mais pas d’inquiétudes, vous avez également les liens vers les pages dédiées sur les réseaux sociaux qui vous permettront d’obtenir le code en fonction du bouton souhaité.
Code pour Tweeter :
href="https://twitter.com/share" data-via="chezmat" data-lang="fr">Tweeter
ce qui donne :
Tweeter
Plus de détails sur les boutons possibles sur Tweeter.
Code pour Facebook :
Ce qui donne :
Plus de détails sur les boutons possibles sur Facebook.
Code pour Google + :
Ce qui donne :
Plus de détails sur les formats possibles des boutons sur Google +.
Reste maintenant à intégrer ce code sur les articles et les pages. Pour cela, dans votre panneau d’administration, allez sur « apparence » puis « éditeur » et cliquez sur « article seul » en bas de la liste. Sur mon thème, je dois insérer le code juste après cette ligne :
atom()->post->pagination(); ?>
Mais dans votre cas, si votre thème n’est pas « Mystique », cela peut-être différent. N’oubliez pas de documenter votre code avant de l’insérer avec une petite ligne explicative (avant et après le code) :
<!-- Partages réseaux sociaux -->
Toujours utile en cas de relecture! Voici ce que cela donne :
Il ne vous reste plus qu’a sauvegarder et ouvrir une page pour vérifier le résultat. Si vous êtes satisfait, il ne vous reste plus qu’a répéter l’opération sur les pages (Page.php).
J’ai décidé également de me débarrasser des plugins qui permettent de disposer d’un bouton « j’aime » pour votre page facebook et celui pour s’abonner à votre compte tweeter . Pour cela, c’est encore plus simple puisqu’il s’agit de rajouter un widget « texte » avec le code qui va bien! En plus, Facebook et Twitter donnent directement le code à mettre! Attention, dans ce cas là, il faut un compte Facebook et Twitter pour que cela fonctionne.
Facebook :
XXXXXXXXXXX"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div data-href="http://www.facebook.com/fandeChezmat" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div> <br />
J’ai supprimé mon « appId » que j’ai remplacé par des XXX, mais sinon, le code est fonctionnel. Plus de détails et de formats de boutons ici.
Twitter :
href="https://twitter.com/chezmat" data-show-count="true" data-lang="fr">Follow @chezmat</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?ver=20111117";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Il faut simplement remplacer l’adresse au début par celle de votre compte twitter. Plus de détails et de format de boutons ici.
Visuellement, une fois le code placé dans widget texte, cela donne ce que vous voyez à droite sous le menu « réseaux sociaux » :
Voila trois plugins de moins en quelques minutes, ça vaut le coup, non??
J’ai également opté pour intégré directement les boutons de partage dans le code, LinkedIn compris même s’il n’est pas beaucoup utilisé…
Généralement j’évite un maximum d’utiliser des plugins, je préfère mettre les mains dans le code pour éviter de ralentir le blog.
En dehors d’un plugin contre le spam et d’un pour le SEO (et Keywordluv) je ne crois pas en utiliser d’autres.
Bonjour Armand,
Je suis cette tendance également, mais j’ai encore pas mal de plugins actifs! Mais tout le monde n’a pas forcément les compétences pour faire sans. Et dans ce cadre, les plugins sont une mine pour les néophytes! Mais à un moment, il faut apprendre à s’en passer le plus possible. J’y travaille et j’ai d’autres tutoriels à venir sur ce sujet!!
Oui il vaut mieux connaître un peu le HTML/CSS voire le PHP avant d’entrer dans le code c’est sûr… Après pour un blog WordPress, sur SEOmix il y a de bonnes ressources pour les néophytes. ;-)
Ce n’est pas toujours évident de trouver une alternative facile à mettre en place, mais quand on peut se passer de plugin autant le faire ! Souvent il suffit d’un petit bout de code dans le fichier functions.php
Il faut le faire progressivement, en prenant çà et là des astuces comme je le fais. Pour les choses simples avec quelques lignes de code simple, c’est accessible à tous (faut juste trouver le bon endroit ou le mettre, car « lire » du code n’est pas toujours simple). Mais ça fait aussi parti du coté fun d’un site. Faut juste prendre ses précautions pour pas tout péter!!
Un jour que j’aurais du temps libre, je me mettrais sans doute plus sérieusement au code! Pour le moment, ma priorité reste contenu du site (et un peu de monétisation..).