Bonjour chers lecteurs du blog, aujourd'hui je veux vous parler des boutons. réseaux sociaux pour votre site. Parlons d'abord du social les boutons partageront, à savoir - - partageront dans le social. réseaux (qui publient des messages sur votre mur).

Navigation dans les pages :

Le service dispose d'un large éventail de paramètres pour afficher les boutons sociaux. réseaux. Vous pouvez en savoir plus à leur sujet en développant l'onglet ci-dessous :

Développer Description complète service share42

Comme déjà dit, share42 est service gratuit, qui ne publie pas son lien à proximité des icônes sociales. et peut générer des liens vers 43 réseaux sociaux, notamment pour :

Le service vous permet de définir différentes tailles pour les médias sociaux. boutons, vous pouvez spécifier :

1. 32х32px
2. 24x24px
3. 16x16px

Vous pouvez également définir vos propres images pour les réseaux sociaux, les rendre monochromes ou assorties à la couleur de votre site.

Encodage de caractères sociaux boutons

Vous pouvez sélectionner l'encodage de votre site dans la liste et le spécifier pour les boutons de réseaux sociaux. Sélection disponible :

• UTF-8
• Win-1251

Les boutons de médias sociaux peuvent être insérés dans n'importe quel site quel que soit le CMS, mais pour WordPress et Drupal, le service peut générer un lien prêt à l'emploi à insérer n'importe où dans votre modèle. Vous n'avez pas besoin d'écrire de code pour obtenir le lien de la page en cours et son titre avec description, share42 le fera pour vous.

Par exemple, le code d'intégration ressemble à ceci :

Le service permet de masquer le nombre de clics sur les réseaux sociaux. réseaux ou l'afficher. Plus de détails peuvent être consultés sur leur site Web: share42.com

[cacher]

Configuration étape par étape des boutons de médias sociaux wordpress

2. Nous choisissons la taille des services sociaux dont nous avons besoin. boutons pour wordpress :

3. En cliquant sur les services sociaux, nous sélectionnons ceux dont nous avons besoin, ils seront mis en évidence avec cet arrière-plan : En faisant glisser ces icônes au début, en maintenant le bouton gauche de la souris enfoncé, nous pouvons définir le bon ordre des icônes réseaux sociaux sur notre site Internet.

4. Spécifiez l'option d'affichage du bouton. Ici les options disponibles sont "horizontales" comme sur mon site et "flottantes verticales" - c'est quand social. les boutons sont placés à droite ou à gauche de la fenêtre du navigateur et sont toujours disponibles lors du défilement.

ou comme ceci :

5. Nous déchirons la page pour voir ce que nous avons: et si tout va bien, téléchargez le code sur notre PC à partir du lien à côté.

6. Nous lisons les instructions sur leur site Web, puis il décrit en détail ce qu'il faut faire avec le fichier téléchargé et comment placer et afficher les icônes de réseaux sociaux sur votre site WordPress.

Pour ceux qui ne sont pas intéressés par la conclusion du social horizontal. boutons à un certain endroit du modèle, je veux conseiller l'option avec un shortcode WP qui vous permettra d'afficher un bouton social au milieu d'un post / article ou tout autre endroit où vous pouvez insérer un shortcode.

7. Après avoir fait l'étape 6, ne vous précipitez pas pour afficher le code sur votre site, vous devez ouvrir le header.php de votre thème et y coller le script de connexion

sans appeler le bloc. Nous sauvons.

$rty="

";
retourne $rty ;
}
add_shortcode("icosoc", "icosoc"); ?>

!!! Important : J'ai téléchargé les fichiers téléchargés depuis share42 dans le dossier du thème, dans un dossier nommé share42, ce que dit ce chemin get_bloginfo("stylesheet_directory")."/share42/ !!!

9. Le shortcode pour afficher les boutons sociaux n'importe où est prêt, pour l'appeler, collez le code dans votre message.

Comment afficher différents boutons de médias sociaux wordpress sur un seul site

Supposons que vous vouliez voir des boutons horizontaux et verticaux sur votre site, ou des boutons horizontaux de différentes tailles. Pour ce faire, nous devons générer plusieurs codes différents et les coller sur notre site Web, tout en modifiant les noms des répertoires téléchargés, par exemple "share42_1" et "share42_2".

1. Ouvrez le dossier share42_2, trouvez-y le fichier "share42.js" et ouvrez-le dans n'importe quel éditeur de texte

nous sommes intéressés par 2 lignes, à savoir ce texte : div.share42init

Vous devez soigneusement le remplacer par : div.share42init2

2. Téléchargez les deux dossiers sur le serveur, à la racine de votre thème.

3. Nous connectons les deux fichiers dans le fichier header.php :

$rty="

";
retourne $rty ;
}
add_shortcode("icosoc", "icosoc");

fonction icosoc2())(
$rty="

";
retourne $rty ;
}
add_shortcode("icosoc2", "icosoc2"); ?>

!!! Attention, j'ai changé les chemins vers les images, ainsi que la classe pour le second bloc en share42init2 !!!

4. C'est tout, nous avons maintenant deux codes abrégés pour appeler les boutons de médias sociaux sur le site wordpress.

PS J'ai complètement oublié, tous les sites WP ont la bibliothèque jQuery connectée par défaut, il n'est donc pas nécessaire de la connecter en plus.

Tous les boutons de médias sociaux wordpress vers la page d'accueil

Si vous avez besoin de faire tous les boutons des réseaux sociaux sur une page, par exemple, sur la principale, il vous suffit de le faire dans ce bloc

Remplacez data-url et date par data-title.

Supposons que je veuille diriger tous les boutons sociaux de mon site vers la page principale, pour cela je vais écrire le code suivant :

Veuillez noter que j'ai seulement changé l'url de données et la date du titre de données. Dans votre version du chemin de données, vous pouvez en avoir un légèrement différent. Je définis le chemin universellement, vous pouvez le spécifier avec un lien direct. (même si je ne le recommande pas)

Je suggère également de lire ces articles de la section SEO :

En ajoutant des boutons de médias sociaux à votre site Web à l'aide de plugins WordPress, vous choisissez un moyen simple et efficace d'augmenter vos partages. Vous pouvez placer des boutons de médias sociaux en haut, en bas ou sur les côtés des messages et ajouter des compteurs qui afficheront le nombre de reposts.

Mais avant de commencer, jetons un coup d'œil à quelques plugins premium très intéressants.

Boutons de partage social faciles

Descriptif | Manifestation

Ce plugin premium est disponible sur CodeCanyon.net pour 19 $. C'est l'un des plugins les plus polyvalents de son genre, grâce à un simple fait - le plugin vous permet de placer une barre avec des boutons pour les réseaux sociaux absolument partout où vous pourriez en avoir besoin.

Nous pensons que c'est le meilleur plugin pour les boutons sociaux, nous avons donc décidé de l'installer sur notre blog. Sous cet article, vous pouvez voir un exemple de boutons sociaux d'ESSB.

À l'aide du plugin, vous pouvez ajouter une barre d'icônes flottante, placer des boutons en haut/en bas du message, créer une barre d'icônes statique ou même flottante pour la version mobile. Vous pouvez également utiliser des déclencheurs pour ajouter des fonctionnalités pop-up et fly-in, par exemple.

Il convient de mentionner que le plugin dispose de plus de 25 modèles différents, parmi lesquels vous pouvez toujours choisir celui qui conviendra le mieux au design de votre site.

Monarque par thèmes élégants

Descriptif |Démo

Monarch est un plugin de médias sociaux payant fourni avec les plans Developer et Lifetime Access d'Elegant Theme. Ces plans incluent plus de 85 thèmes WordPress premium et tous les autres plugins de ce développeur. Malheureusement, la politique de l'entreprise est que vous ne pouvez pas acheter le plugin lui-même séparément. Vous payez pour le plan tarifaire complet et accédez simultanément à tous les plugins et thèmes premium du développeur.

Monarch est un plugin réactif qui vous permettra de placer des barres flottantes spectaculaires sur les côtés d'un message ou des barres horizontales statiques au début/à la fin d'un message. Monarch propose plus de 20 icônes de médias sociaux, des fonctionnalités de partage d'images, de pop-up et de survol, ainsi que de nombreuses possibilités de personnalisation pour le style et la conception.

Guerre sociale

Social Warfare est un plugin intéressant de Warfare Plugins. Elle n'est pas aussi polyvalente que les deux options précédentes car elle vous permet uniquement d'ajouter une barre flottante à votre site qui colle au bas de l'écran. Mais ce qui lui manque est compensé par d'excellentes options de prix et une pléthore d'autres fonctionnalités.

Le plugin fournit des analyses, la possibilité d'afficher le nombre de reposts uniquement après qu'un certain nombre de personnes partagent un message, et il existe également plus de 75 options de conception différentes. Vous pouvez utiliser le plugin pour ajouter une fonctionnalité click-to-tweet à vos messages.

Plugins de médias sociaux gratuits

Passons maintenant à notre liste des meilleurs plugins gratuits à surveiller en 2016.

Partage SumoMe

Le plugin SumoMe est surtout connu pour ses outils d'augmentation du trafic, mais ne soyez pas surpris de l'avoir inclus dans cette liste. La version gratuite du plug-in inclut l'application SumoMe Share, qui place une barre flottante ou statique pour les boutons de médias sociaux n'importe où sur votre site.

SumoMe Share Pro est livré avec des fonctionnalités supplémentaires. Par exemple, il existe une option pour supprimer la marque SumoMe de votre barre, vous pouvez suivre les balises UTM pour voir quels réseaux sociaux génèrent le plus de trafic, etc.

GetSocial

GetSocial est un plugin de médias sociaux réactif gratuit. Il vous permet de placer une barre flottante sur le côté de votre poteau ou une barre statique en haut/en bas. Dans la version gratuite, vous trouverez également diverses options de conception.

Les développeurs ont également introduit une version premium du plugin (avec des frais mensuels). Vous y trouverez une fonction pour ajouter une barre flottante pour les versions mobiles et des options de conception supplémentaires, il y a une fonction cliquer pour tweeter. Dans la version payante, vous aurez également la possibilité de supprimer le compteur des boutons, responsable du nombre de reposts.

Boutons de partage AddToAny

AddToAny Share Buttons est l'un des plugins de médias sociaux WordPress les plus populaires avec plus de 200 000 installations actives. Ce plugin place de simples barres flottantes sur les côtés de votre message, ainsi qu'au début ou à la fin de celui-ci.

Avec ce plugin, vous pourrez modifier certaines fonctions, par exemple, définir la taille des icônes pour les réseaux sociaux, définir la distance entre le début de la page et la barre elle-même, etc. L'une des fonctionnalités les plus agréables et presque uniques de ce plugin est qu'il vous permet d'ajouter des icônes pour plus de 90 réseaux sociaux, communautés et services différents.

Boutons de partage personnalisés avec barre latérale flottante

Ce plugin vous permet également d'ajouter des barres de médias sociaux flottantes sur les côtés, au début et à la fin des publications. Ce n'est pas un plugin réactif et ses options de personnalisation sont limitées, mais c'est néanmoins une excellente alternative.

La version premium offre des fonctionnalités supplémentaires telles qu'un design réactif, la possibilité de masquer la barre flottante avec des icônes de médias sociaux sur la page d'accueil, un formulaire de contact réactif avec une fonction lightbox qui apparaît lorsque l'utilisateur clique sur l'icône Mail, etc.

Sharifier les boutons de partage social

C'est loin d'être le plugin le plus célèbre, mais sa conception réactive et agréable en fait l'un des meilleurs prétendants à notre liste des "Meilleurs plugins gratuits de 2016". C'est un plugin simple avec un design vraiment génial et soigné qui aura fière allure sur votre site.

Le principal inconvénient de ce plugin est qu'il n'y a aucune possibilité de créer des barres flottantes et vous ne pouvez pas ajouter de barres sur les côtés du poteau. Il manque également des barres pour les appareils mobiles, donc si nécessaire, vous devrez installer des plugins supplémentaires sur votre site.

Conclusion

Quel que soit le plugin de médias sociaux que vous choisissez, assurez-vous tout d'abord que sa conception correspond à la conception de votre site et que les icônes s'affichent harmonieusement à côté de la publication et ne nuisent pas au contenu principal.

Quels plugins de boutons sociaux utilisez-vous ?

Quelle autre charge ?
Le fait est que tout plugin de boutons sociaux charge un script (parfois plusieurs), qui se trouvent dans , ce qui signifie que tant que ce script et ces boutons ne sont pas chargés, le visiteur ne verra pas la page.

De plus, ces plugins aggravent les indicateurs Google Page Insight, et comme vous le savez, Google se concentre sur l'indicateur de vitesse lors du classement des pages, et en général, la vitesse affecte de nombreux indicateurs. Par conséquent, je recommande d'éviter les plugins!

Comment pouvez-vous installer des boutons sociaux WordPress sans plugins ?

Partons du complexe vers le simple. De plus, la première option ne crée absolument aucune charge, ce qui accélérera votre site et sera plus pratique pour les visiteurs.

Si vous avez WordPress et que votre site est lent, assurez-vous d'y aller - !

Installation des boutons CSS

Qu'est-ce qu'un bouton CSS ? - Il s'agit d'un bouton dynamique qui fonctionne uniquement avec les styles du fichier style.css. Nous utiliserons ces boutons pour reposter, montrons maintenant à quoi ils ressembleront.

Exemple 1:

Comment travaillent-ils? - .

Exemple #2 :

Comment travaillent-ils? - .

Attention : peut-être apporterai-je quelques modifications au code qui l'amélioreront (si quelqu'un ne l'aime pas) !

1. Ajoutez des styles au fichier style.css

Ce fichier est hébergé : votre site/wp-content/themes/nom du thème/style.css .

Ensuite, nous prenons les styles du premier ou du deuxième exemple et les transférons complètement à la fin du fichier style.css. Si votre modèle a commencé à fonctionner de travers ou ne s'affiche pas, le code n'a pas été complètement transféré !

2. Ajoutez le code du bouton au site

Si vous avez un blog WordPress régulier, comme moi, vous devez définir ces boutons à la fin des articles, et pour ce faire, nous devons trouver le fichier single.php.

Chemin d'accès au fichier single.php : votre site/wp-content/themes/nom du thème/single.php. Et expérimentez où il vaut mieux placer les boutons. Tout ce que vous avez à faire est de le mettre là-dedans.

2016-05-11