skapar du automatiserade skärmdumpar i WordPress? Om du ofta lägger till skärmdumpar på webbplatsen i dina WordPress-inlägg / sidor sparar du automatiskt processen manuellt på skärmdumpar genom att automatisera processen.

I den här handledningen kommer vi att visa dig hur du skapar automatiska fångar av webbplats Wordpress.

capture automatiserad Wordpress

1-metod: Skapa automatiska inspelningar med ett plugin

Denna metod är lättare därför rekommenderas för nybörjare och användare som inte vill använda kod.

Det första du behöver göra är att installera och aktivera plugin " webbläsaren Shots ". För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Plugin fungerar direkt och det finns inga inställningar att konfigurera.

Redigera bara ett inlägg/sida eller skapa ett nytt inlägg/sida. Du kommer att märka en ny knapp på den visuella redigeraren för att lägga till skärmdumpar av webbplats.

skärmdump av WordPress-webbplatsenOm du klickar på det visas ett fönster där du kan ange webbadressen, alt-texten, en länk till bildens webbadress och höjd / bredd på skärmdumpen.

webbläsaren Alternativ skott

Klicka på "OK" -knappen för att lägga till en kortkod i ditt WordPress-inlägg. Du kan nu förhandsgranska ditt inlägg för att se plugin i handling.

Om du använder WordPress-textredigeraren och inte vill använda den här nya knappen i den visuella redigeraren kan du också lägga till den här kortkoden manuellt också.

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

Som standard skapar plugin-skärmen en skärmdump på 600 x 600 pixlar. Du kan ändra detta genom att lägga till bredd- och höjdattributen till kortkoden.

[webbläsar-url = »http: // www. blogpascher.com "width =" 400 ″ höjd = "400 ″]

Han kommer också att ha en länk till den aktuella sidan. Du kan ändra det genom att lägga till ett länkattribut på kortkoden och lägga till valfri länk.

[webbläsar-url = »http: // www. blogpascher.com "width =" 400 ″ höjd = "400 ″ länk =" http://exempel.com "]

Om du vill lägga till en bildtext på skärmdumpen kan du göra det genom att lägga in texten runt kortkoden.

[browser-shot url="http://www. blogpascher.com »] Skapande av webbplats – WordPress blogg, affär e-handel [/webbläsarbild]
blogpascher skärmdump

Browser Shot-plugin använder " mshots »WordPress.com API för att skapa skärmdumpar i farten. Dessa bilder lagras inte i ditt WordPress-mediebibliotek. De genereras direkt från WordPress.com-servrarna.

2-metod: Skapa fångst genom att lägga till en kod

Den här metoden kräver att du lägger till kod i dina WordPress-filer. Det rekommenderas inte för nybörjare. Vi visade hur du skapar ett plugin på WordPress, så du kan använda den för att lägga till den här koden.

funktion bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' skärmdump ',' w '=>' 600 ', // bredd "h" =>' 450 '// höjd), $ atts)); $ img = '  '; returnera $ img; } add_shortcode ("skärm", "bpc_screenshots");

I likhet med det plugin som nämnts tidigare använder denna kod också API: n " mshots Från WordPress.com för att skapa skärmdumpar i farten.

För att se en skärmdump av en webbplats fånga i dina WordPress-inlägg och sidor, måste du ange kortkoden enligt följande:

[skärm url = "https://blogpascher.com" alt = "BlogPasCher"]

Byt ut URL fält och Alt med dina egna värderingar.

Som standard genererar den här koden en skärmdump på 600 x 450 pixlar. Du kan ändra detta genom att lägga till dina egna attribut för höjd och bredd i kortkoden.

[skärm url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]

Det är ungefär allt för den här tutorialen. Jag hoppas att du kommer att kunna ta skärmdumpar på din webbplats. Tveka inte att kontakta oss vid problem.