maak je geautomatiseerde screenshots in WordPress? Als u regelmatig schermafbeeldingen van sites toevoegt aan uw WordPress-berichten / -pagina's, bespaart het automatiseren van het proces u tijd die u handmatig aan schermafbeeldingen besteedt.
In deze zelfstudie laten we u zien hoe u geautomatiseerde opnames maakt van de Site web WordPress.
1-methode: maak automatische vastleggingen met een plug-in
Deze methode is eenvoudiger daarom aanbevolen voor beginners en gebruikers die geen code willen gebruiken.
Het eerste dat u hoeft te doen, is de plug-in installeren en activeren " Browser Shots ". Zie onze stapsgewijze handleiding voor meer informatie hoe een WordPress-plug-in te installeren.
De plug-in werkt meteen en er zijn geen instellingen om te configureren.
Bewerk gewoon een bericht/pagina of maak een nieuw bericht/pagina aan. U zult een nieuwe knop op de visuele editor opmerken om schermafbeeldingen toe te voegen van de Site web.
Als u erop klikt, wordt een venster geopend waarin u de site-URL, alt-tekst, een link van de afbeeldings-URL en de hoogte / breedte van de schermafbeelding kunt invoeren.
Klik op de knop "OK" en de plug-in zal een shortcode aan je WordPress-bericht toevoegen. U kunt nu een voorbeeld van uw bericht bekijken om de plug-in in actie te zien.
Als u de WordPress-teksteditor gebruikt en deze nieuwe knop in de visuele editor niet wilt gebruiken, kunt u deze shortcode ook zelf handmatig toevoegen.
[browser-shot url = "https://blogpascher.com"]
Standaard maakt de plug-in een screenshot van 600 x 600 pixels. U kunt dit wijzigen door de attributen breedte en hoogte toe te voegen aan de shortcode.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ hoogte = "400 ″]
Hij krijgt ook een link naar de betreffende pagina. U kunt dat veranderen door een linkkenmerk toe te voegen aan de shortcode en elke gewenste link toe te voegen.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]
Als u een bijschrift aan de schermafbeelding wilt toevoegen, kunt u dit doen door de tekst om de shortcode te wikkelen.
[browser-shot url=”http://www. blogpascher.com »] Website creatie – WordPress-blog, boetiek ecommerce [/browser-opname]
De Browser Shot-plug-in gebruikt " mshots »WordPress.com API om direct screenshots te genereren. Deze afbeeldingen worden niet opgeslagen in uw WordPress-mediabibliotheek. Ze worden rechtstreeks vanaf de WordPress.com-servers gegenereerd.
2-methode: vangst maken door een code toe te voegen
Voor deze methode moet u code toevoegen aan uw WordPress-bestanden. Het wordt niet aanbevolen voor beginners. We hebben u laten zien hoe u een plug-in op WordPress maakt, zodat u deze kunt gebruiken om deze code toe te voegen.
functie bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // width "h" =>' 450 '// hoogte), $ atts)); $ img = ' '; retourneer $ img; } add_shortcode ("screen", "bpc_screenshots");
Net als de eerder genoemde plug-in gebruikt deze code ook de API " mshots Van WordPress.com om direct screenshots te genereren.
Om een schermafdruk te bekijken van een Site web vastleggen in uw WordPress-berichten en -pagina's, moet u de shortcode als volgt invoeren:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Vervang de URL- en Alt-velden met uw eigen waarden.
Standaard genereert deze code een screenshot van 600 x 450 pixels. U kunt dit wijzigen door uw eigen hoogte- en breedtekenmerken aan de shortcode toe te voegen.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
Dat is alles voor deze tutorial. Ik hoop dat je screenshots op je website kunt maken. Aarzel niet om ons te contacteren in geval van problemen.
