lager du automatiserte skjermbilder i WordPress? Hvis du ofte legger til skjermbilder på nettstedet ditt i WordPress-innleggene / -sidene dine, sparer du deg tid på skjermbilder manuelt ved å automatisere prosessen.

I denne opplæringen vil vi vise deg hvordan du lager automatiserte opptak av nettstedet Web WordPress.

fangst automatisert WordPress

1 Metode: Lag automatiske bilder med en plugin

Denne metoden er lettere anbefales derfor for nybegynnere og brukere som ikke vil bruke kode.

Det første du trenger å gjøre er å installere og aktivere pluginet " leserens Shots ". For mer informasjon, se vår trinnvise guide hvordan du installerer en WordPress-plugin.

Plugin fungerer med en gang, og det er ingen innstillinger å konfigurere.

Bare rediger et innlegg/side eller lag et nytt innlegg/side. Du vil legge merke til en ny knapp på den visuelle editoren for å legge til skjermbilder av nettstedet Web.

skjermdump av WordPress-nettstedetVed å klikke på den vises et vindu der du kan legge inn nettadressen, alt-teksten, en lenke til bildens url og høyden / bredden på skjermbildet.

leseralternativer skudd

Klikk på "OK" -knappen, og pluginet vil legge til en kortkode i WordPress-innlegget ditt. Du kan nå forhåndsvise innlegget ditt for å se pluginet i aksjon.

Hvis du bruker WordPress tekstredigerer og ikke vil bruke denne nye knappen i den visuelle redigereren, kan du også legge til denne kortkoden manuelt selv.

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

Som standard vil pluginet lage et skjermbilde på 600 x 600 piksler. Du kan endre dette ved å legge til bredde- og høydeattributtene til kortkoden.

[nettleser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]

Han vil også ha en lenke til den aktuelle siden. Du kan endre det ved å legge til et lenkeattributt på kortkoden og legge til en hvilken som helst lenke du ønsker.

[nettleser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]

Hvis du vil legge til en bildetekst på skjermbildet, kan du gjøre det ved å pakke teksten rundt kortkoden.

[nettleser-shot url="http://www. blogpascher.com »] Oppretting av nettsted – WordPress-blogg, butikk e-handel [/nettleserbilde]
blogpascher-skjermbilde

Browser Shot-pluginen bruker " mshots »WordPress.com API for å generere skjermbilder på farten. Disse bildene lagres ikke i WordPress-mediebiblioteket ditt. De genereres direkte fra WordPress.com-serverne.

2-metode: Lag fangst ved å legge til en kode

Denne metoden krever at du legger til kode i WordPress-filene dine. Det anbefales ikke for nybegynnere. Vi viste deg hvordan du oppretter en plugin på WordPress, slik at du kan bruke den til å legge til denne koden.

funksjon 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 '// høyde), $ atts)); $ img = '  '; returner $ img; } add_shortcode ("skjerm", "bpc_screenshots");

I likhet med pluginen som er nevnt tidligere, bruker denne koden også API " mshots Fra WordPress.com for å generere skjermbilder på farten.

For å se et skjermbilde av en nettstedet Web fange opp i WordPress-innleggene og -sidene dine, må du skrive inn kortkoden som følger:

[skjerm url = "https://blogpascher.com" alt = "BlogPasCher"]

Skift URL-felt og Alt med dine egne verdier.

Som standard genererer denne koden et skjermbilde på 600 x 450 piksler. Du kan endre dette ved å legge til dine egne høyde- og breddeegenskaper i kortkoden.

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

Det er omtrent alt for denne opplæringen. Jeg håper du vil kunne ta skjermbilder på nettstedet ditt. Ikke nøl med å kontakte oss i tilfelle problemer.