ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Search
  • Conditions d’utilisation
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
En lisant: Comment créer des captures d’écran de sites Web automatisées dans WordPress
Partager
Notification Montre plus
Dernières nouvelles
Ce crash de prix Switch OLED est trop beau pour être laissé de côté
Offres
Le talkie-walkie sur Apple Watch ne fonctionne pas ? 6 solutions faciles (2023)
Comment
Comment définir une disposition différente de l’écran d’accueil de l’iPhone au travail (2023)
Comment
Comment ajouter un rôle d’éditeur SEO dans WordPress
Tutoriels
Cette horloge Alexa à 20 £ est une bonne affaire pour la maison intelligente
Offres
Aa
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Aa
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
Search
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Suivez-nous
  • Conditions d’utilisation
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
ThemeLocal - Des conseils de blog qui fonctionnent comme par magie > Blog > WordPress > Plugins > Comment créer des captures d’écran de sites Web automatisées dans WordPress
Plugins

Comment créer des captures d’écran de sites Web automatisées dans WordPress

Dernière mise à jour: décembre 26, 2021 12:24
ThemeLocal il y a 1 an 5 minutes lecture minimale
Partager
5 minutes lecture minimale
Partager

Souhaitez-vous créer des captures d’écran automatisées de sites Web sur votre site WordPress ? Si vous ajoutez fréquemment des captures d’écran de sites Web à vos publications ou pages WordPress, l’automatisation du processus vous fera gagner du temps sur la capture manuelle de captures d’écran. Dans cet article, nous allons vous montrer comment créer des captures d’écran automatisées de sites Web dans WordPress.

Contents
Méthode 1 : Créer des captures d’écran automatiques de sites Web dans WordPress à l’aide du pluginMéthode 2 : Créez des captures d’écran automatisées en ajoutant du code à WordPress

Méthode 1 : Créer des captures d’écran automatiques de sites Web dans WordPress à l’aide du plugin

Cette méthode est plus simple et donc recommandée pour les débutants et les utilisateurs qui ne veulent pas s’occuper du code.

La première chose à faire est d’installer et d’activer le Captures du navigateur brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Le plugin fonctionne immédiatement et vous n’avez aucun paramètre à configurer.

Modifiez simplement un article/une page ou créez-en un nouveau. Vous remarquerez un nouveau bouton dans l’éditeur visuel pour ajouter des captures d’écran du site Web.

Bouton Captures du navigateur dans l'éditeur visuel WordPress

En cliquant dessus, une fenêtre contextuelle s’affichera dans laquelle vous pourrez saisir l’URL du site Web, le texte alternatif, le lien vers l’URL et la hauteur / largeur de la capture d’écran.

Entrez une URL pour générer une capture d'écran du site Web

Cliquez sur le bouton OK et le plugin ajoutera un shortcode à votre article WordPress. Vous pouvez maintenant prévisualiser votre article pour voir le plugin en action.

Si vous utilisez l’éditeur de texte dans WordPress ou si vous ne souhaitez pas utiliser le bouton dans l’éditeur visuel, vous pouvez également ajouter manuellement le shortcode vous-même.

[browser-shot url="https://www.wpbeginner.com"]

Par défaut, le plugin créera une capture d’écran de 600 x 600 pixels. Vous pouvez changer cela en ajoutant les attributs de largeur et de hauteur au shortcode.

[browser-shot url="https://www.wpbeginner.com" width="400" height="400"]

Il sera également automatiquement lié au site Web. Vous pouvez changer cela en ajoutant un attribut de lien au shortcode et en ajoutant le lien de votre choix.

[browser-shot url="https://www.wpbeginner.com" width="400" height="400" link="http://example.com"]

Si vous souhaitez ajouter une légende sous la capture d’écran, vous pouvez le faire en enveloppant le texte de la légende autour du shortcode.

[browser-shot url="https://www.wpbeginner.com"]Themelocal - WordPress Resource Site for Beginners[/browser-shot]

La légende utilisera les styles de légende de votre thème WordPress. Voici à quoi cela ressemblait sur notre site de démonstration :

Capture d'écran du site Web générée avec le plugin Browser Shots

Le plugin Browser Shots utilise l’API mshots de WordPress.com pour générer des captures d’écran à la volée. Ces images ne sont pas stockées dans votre médiathèque WordPress. Ils sont servis directement depuis les serveurs WordPress.com.

Consultez notre guide sur la différence entre WordPress.com et WordPress.org.

Méthode 2 : Créez des captures d’écran automatisées en ajoutant du code à WordPress

Cette méthode nécessite que vous ajoutiez du code à vos fichiers WordPress. Il n’est pas recommandé pour les débutants. Si vous êtes à l’aise pour coller des extraits du Web dans WordPress, vous pouvez utiliser cette méthode.

Ajoutez simplement ce code au fichier functions.php de votre thème ou à un plugin spécifique au site.

function wpb_screenshots($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'https://www.wpbeginner.com',
"alt" => 'screenshot',
"w" => '600', // width
"h" => '450' // height
), $atts));
 
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=" . $h . "" />';

return $img;
}
add_shortcode("screen", "wpb_screenshots");

Semblable au plugin que nous avons mentionné précédemment, ce code utilise également l’API WordPress.com mshots pour générer des captures d’écran à la volée.

Pour afficher une capture d’écran de site Web dans vos articles et pages WordPress, vous devrez entrer le shortcode comme ceci :

[screen url=”http://wpbeginner.com” alt=”Themelocal”]

Remplacez les champs URL et Alt par vos propres valeurs.

Par défaut, ce code générera une capture d’écran de 600 x 450 pixels. Vous pouvez changer cela en ajoutant vos propres attributs de hauteur et de largeur au shortcode.

[screen url=”http://wpbeginner.com” alt=”Themelocal” w=”400″ h=”400″]

C’est tout, nous espérons que cet article vous a aidé à apprendre comment créer des captures d’écran automatisées de sites Web dans WordPress. Vous pouvez également consulter notre guide sur la façon d’automatiser WordPress et les médias sociaux avec IFTTT.

Vous pourriez aussi aimer

Comment définir une disposition différente de l’écran d’accueil de l’iPhone au travail (2023)

Comment ajouter un rôle d’éditeur SEO dans WordPress

Comment changer l’arrière-plan sur iPhone en fonction de l’heure de la journée (2023)

8 meilleurs outils d’optimisation de contenu en ligne pour WordPress (en 2023)

Meilleurs plugins WordPress de réalité augmentée

MARQUÉ: automatisées, captures, Comment, créer, dans, décran, des, sites, Web, WordPress
ThemeLocal décembre 26, 2021
Partagez cet article
Facebook Twitter Pinterest Whatsapp Whatsapp
Partager
Qu-est-ce que tu penses?
Aimer0
Triste0
Heureux0
Somnolent0
Fâché0
Sans commentaires0
Clin d-œil0
Article précédent Comment utiliser les médias sociaux pour augmenter les abonnés aux e-mails dans WordPress
Article suivant 25 des meilleurs hacks de Google Docs que les marketeurs doivent savoir
Laissez un commentaire

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Poste populaire

Acer Swift 1 avis
Avis techniques
Une PS5 Pro pourrait enfin tenir la promesse non tenue de Sony
Avis techniques
NordVPN Standard vs NordVPN Complete : quel forfait vous convient le mieux ?
Contre
Examen: YubiKey 5C NFC de Yubico fonctionne bien avec la fonction de clés de sécurité d’Apple
Avis techniques
Samsung Galaxy A54 vs Google Pixel 7 : quel téléphone vous convient le mieux ?
Contre
Premières impressions : Samsung Galaxy A54 5G Premières impressions : Un S23 moins cher ? Examen
Avis techniques

También podría gustarte

Comment

Comment définir une disposition différente de l’écran d’accueil de l’iPhone au travail (2023)

il y a 10 heures 5 minutes lecture minimale
Tutoriels

Comment ajouter un rôle d’éditeur SEO dans WordPress

il y a 13 heures 8 minutes lecture minimale
Comment

Comment changer l’arrière-plan sur iPhone en fonction de l’heure de la journée (2023)

il y a 16 heures 7 minutes lecture minimale
Showcase

8 meilleurs outils d’optimisation de contenu en ligne pour WordPress (en 2023)

il y a 2 jours 14 minutes lecture minimale
Plugins

Meilleurs plugins WordPress de réalité augmentée

il y a 3 jours 12 minutes lecture minimale
Comment

Comment remplacer les capuchons du joystick sur le DualSense Edge

il y a 4 jours 3 minutes lecture minimale
Comment

Comment obtenir ChatGPT sur votre Apple Watch

il y a 4 jours 3 minutes lecture minimale
Comment

Comment charger un film dans un appareil photo Instax Mini

il y a 4 jours 2 minutes lecture minimale
Montre plus
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Suivez-nous

© 2022 Themelocal. Tous les droits sont réservés.

  • Conditions d’utilisation
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous

Removed from reading list

Annuler
Welcome Back!

Sign in to your account

Mot de passe perdu?