Gå till innehållet

Hur man skapar skärm på Wordpress

Divi: det enklaste WordPress-temat att använda

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 tutorialen kommer vi att visa dig hur du skapar automatiserade webbplatsupptagningar på 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 en artikel / sida eller skapa en ny artikel / sida. Du kommer att märka en ny knapp i den visuella redigeraren för att lägga till skärmdumpar på webbplatsen.

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

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.

[webbläsar-url = »http: // www. blogpascher.com »] Skapa webbplats - WordPress-blogg, e-handelsbutik [/ browser-shot]
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.

Om du vill visa en skärmdump av en webbplatsinspelning 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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
5 aktier
del2
tweet
Enregistrer3