Aimez-vous la façon dont les sites de médias sociaux tels que Facebook et Twitter affichent des aperçus de liens lorsque vous collez un lien dans votre statut ? Ne serait-il pas agréable de pouvoir ajouter des fonctionnalités de cartes de contenu similaires sur votre site ? Dans cet article, nous allons vous montrer comment ajouter des liens sous forme de cartes de contenu dans WordPress.
Qu’est-ce qu’une carte de contenu ?
Très similaires aux Twitter Cards ou Facebook Link Preview, les cartes de contenu vous permettent d’afficher un résumé du lien que vous partagez sur votre site.
Pensez-y comme à l’intégration d’un tweet ou d’une vidéo dans votre contenu, sauf que maintenant vous intégrez en quelque sorte d’autres articles.
Tout comme l’image dans l’aperçu ci-dessus. Examinons le fonctionnement des cartes de contenu.
Comment fonctionnent les cartes de contenu ?
Les cartes de contenu utilisent des métadonnées de graphique ouvert pour extraire les informations de lien. Si vous ne connaissez pas les métadonnées de graphique ouvert, vous devez consulter notre guide sur la façon d’ajouter des métadonnées de graphique ouvert Facebook dans WordPress.
Facebook a lancé le protocole graphique ouvert et il est maintenant utilisé par des millions de sites Web à travers le monde. Il permet aux propriétaires de sites de fournir des informations structurées sur un article.
Ces données sont utilisées par Facebook, Twitter, etc. pour afficher des informations lorsque quelqu’un partage le lien sur sa plateforme.
En raison de la popularité et de la portée du réseau social de Facebook, la plupart des sites Web ont des métadonnées de graphique ouvert dans leurs articles.
Les cartes de contenu sont également fournies avec une belle solution de repli pour les sites Web qui n’ont pas de métadonnées de graphique ouvert. Si vous ajoutez un tel lien, il utilisera l’image d’espace réservé par défaut pour l’image en vedette et affichera le titre de la page liée.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire.
Comment ajouter des cartes de contenu dans WordPress ?
La première chose à faire est d’installer et d’activer le Cartes de contenu brancher. Lors de l’activation, vous pouvez créer un nouveau message ou modifier un message existant.
Sur l’écran de l’éditeur de publication, vous remarquerez un nouveau bouton dans éditeur visuel étiqueté CC.
En cliquant dessus, vous verrez une fenêtre contextuelle d’ajout de carte de contenu.
Fournissez simplement le lien vers la page que vous souhaitez intégrer en tant que carte de contenu, cochez la case cible si vous souhaitez ouvrir le lien dans une nouvelle fenêtre, et cliquez sur le bouton OK pour insérer le lien dans votre message.
Vous remarquerez que le lien se transformera immédiatement en une zone de contenu. Il affichera une image pour l’article, le titre, la description et le nom du site Web.
L’image de l’article est affichée directement à partir du lien que vous avez partagé et n’est pas stockée sur votre site WordPress.
Vous pouvez également ajouter la carte de contenu à l’aide d’un shortcode comme celui-ci :
[contentcards url="http://wpbeginner.com"]
Après avoir ajouté des cartes de contenu à votre publication, vous pouvez l’enregistrer et la prévisualiser. Notez que les cartes de contenu sont entièrement réactives et auront fière allure sur tous les appareils.
Convertir automatiquement les liens en cartes de contenu pour des sites spécifiques
Si vous souhaitez simplement créer des cartes de contenu pour des sites spécifiques, vous pouvez le faire dans les paramètres du plug-in. Aller à Paramètres » Cartes de contenu et ajoutez les noms de domaine que vous souhaitez ajouter à la liste blanche.
Les sites que vous ajoutez ici agiront comme YouTube Embeds dans WordPress. Tout ce que vous aurez à faire est d’ajouter un lien et le plugin le convertira automatiquement en une carte de contenu.
Changer l’apparence des cartes de contenu
Le plugin est livré avec deux skins par défaut pour les cartes de contenu qui peuvent être modifiés à partir de la page des paramètres du plugin.
Vous pouvez également modifier l’apparence des cartes de contenu en copiant les fichiers d’habillage par défaut dans votre répertoire de thème ou de thème enfant.
Les fichiers de skin se trouvent dans /wp-content/plugins/content-cards/skins/default/
dossier. Vous aurez besoin d’un client FTP pour télécharger les fichiers sur votre ordinateur, puis les télécharger à nouveau dans votre répertoire de thème ou de thème enfant.
Après cela, vous pouvez modifier ces fichiers à l’aide de n’importe quel éditeur de texte brut. Si vous trouvez qu’il est difficile d’éditer et de changer CSS, vous pouvez essayer CSS Hero. C’est un plugin facile à utiliser qui vous permet de modifier CSS à l’aide d’une simple interface graphique.
Nous espérons que cet article vous a aidé à ajouter de belles cartes de contenu pour les liens externes dans WordPress. Vous pouvez également consulter notre guide sur la façon de créer facilement des galeries d’images réactives dans WordPress avec Envira.