Chargement asynchrone des boutons de partage de médias sociaux dans WordPress
Il est important de partager vos affaires sur les réseaux sociaux. Et le temps de chargement de la page! Ce court tutoriel vous montrera comment charger asynchrone les boutons de partage des médias sociaux dans un thème WordPress et accélérer la page. Que signifie le chargement asynchrone? Cela signifie que les boutons de partage social sont chargés et fonctionnent sur votre page pendant que la page est rendue, ce qui signifie que les visiteurs de votre site Web ont besoin de moins d’attente pour voir votre contenu. Avantages: meilleure tutelle recommandée par meks 
Cela augmente la vitesse de la page (temps de chargement). Votre site n’a pas besoin d’attendre la réponse d’un autre serveur (réseau social). Votre site est entièrement autonome, ce qui signifie que si Facebook ou Twitter est actuellement inactif ou surchargé, votre contenu sera toujours disponible pour vos visiteurs. Vos visiteurs n’ont pas à attendre et n’ont pas à visiter d’autres sites. Augmentez le taux de saut et votre référencement! Si vous affichez votre article sur un site Web, vos visiteurs sont plus susceptibles de partager votre article. Augmenter le nombre de projets partagés, ce qui signifie plus de visiteurs! Dans cet exemple, nous expliquerons comment implémenter cette technologie dans un thème WordPress. Ce tutoriel décrit le chargement asynchrone des boutons de partage Facebook, Twitter, LinkedIn, Pinterest et Google +.
Voir aussi: charger JavaScript Étape 1: créer un fichier javascript sur une page WordPress spécifique seulement, par exemple, nous l’appelons share. JS et l’insérer dans le dossier JS dans le dossier racine du sujet. Les codes sont les suivants:
Script pour charger asynchrone les boutons partagés
(fonction (W, D, s)
Fonction go () {
Var JS, fjs = D. getelementsbytagname [0], Load = function (URL, id) {
If (d.getelementbyid (ID)) {return;}
Js = D. createlement (s); J
S. src = URL; JS. Id = ID;
FSS. Noeud parent. Insérer avant (JS, fjs);
};
Facebook
Charger (\
Google +
Chargement (‘) https:\/\/apis.google.com\/js\/plusone.js \
Twitter
Chargement (\
Ligne DIN
Chargement (\
Pinterest
Chargement (\
}
If (w.addeventlistener) {w.addeventlistener (\
Чтонепрогравить программожнонепрограмможоно.
} (fenêtre, document, script);
| 12345678910111213141516171819202122232425 | \/* Script pour charger asynchrone les boutons partagés * \/ (fonction (W, D, s) {fonction go () {var JS, fjs = d.getelementsbytagname (s) [0], Load = function (URL, id) {if (d.getelementbyid (ID)) {return;} Js = D. Créer un élément; JS. Src = URL; JS. Id = ID; FSS. Noeud parent. Insérer avant (JS, fjs); }; \/ Chargement Facebook (\ Étape 2: mettre en file d’attente les fichiers partagés. C’est un morceau de code qui doit être ajouté au fichier de fonction. PHP pour le sujet: Mettez le script en file d’attente dans la fonction sujet. Php * \/ Fonction meks _ Load scripts () { Ceci ne chargera le fichier JS que pour vos messages individuels, Si vous voulez utiliser le même contenu pour la page, utilisez plutôt « is _ Singular () ». Ou, si vous voulez Archiver la page en même temps, supprimer complètement l’instruction \ Si (IS _ Single () { WP _ enqueue script (‘meks async share’, trailingslahit (get Template Directory Uri ())). ‘ Js \/ share. JS’, array (‘jquery’); } } Ajouter _ action (\ |
| \ |
\
\
- \
- <a class="twitter-share-button" data-count="vertical" data-via="mekshq" data-url="& Moyenne
- <script type="IN/Share" data-counter="top" data-url="
- 12345678910111213141516171819202122234252627 <div class="fb-like" data-send="false" data-layout="box_count" data- data-show-faces="false" data-href="
& Description: = Pin button count Layout = \
\
C’est tout! Plus de passes! Voir aussi: Switching variable to WordPress get _ Template part () Function Live example? Vous pouvez voir toutes ces émissions en direct sur notre site de présentation thématique safarica WordPress. Vos commentaires et vos idées sont les bienvenus!