czy tworzysz automatyczne zrzuty ekranu w WordPress? Jeśli często dodajesz zrzuty ekranu witryny do swoich postów / stron WordPress, automatyzacja procesu pozwoli Ci zaoszczędzić czas poświęcany na ręczne tworzenie zrzutów ekranu.

W tym samouczku pokażemy, jak tworzyć automatyczne przechwytywanie Witryna internetowa WordPress.

automatyczne przechwytywanie WordPress

Metoda 1: Twórz automatyczne przechwytywania za pomocą wtyczki

Ta metoda jest zatem łatwiejsza dla początkujących i użytkowników, którzy nie chcą używać kodu.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę " Zdjęcia przeglądarki ”. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Wtyczka działa od razu i nie ma żadnych ustawień do skonfigurowania.

Po prostu edytuj post/stronę lub utwórz nowy post/stronę. Zauważysz nowy przycisk w edytorze wizualnym, aby dodać zrzuty ekranu Witryna internetowa.

zrzut ekranu strony WordPressKliknięcie na niego spowoduje wyświetlenie okna, w którym możesz wpisać adres URL witryny, tekst alternatywny, link do adresu URL obrazu oraz wysokość / szerokość zrzutu ekranu.

opcje strzały przeglądarki

Kliknij przycisk „OK”, a wtyczka doda krótki kod do Twojego posta na WordPress. Możesz teraz wyświetlić podgląd swojego posta, aby zobaczyć, jak działa wtyczka.

Jeśli korzystasz z edytora tekstu WordPress i nie chcesz używać tego nowego przycisku w edytorze wizualnym, możesz również ręcznie dodać ten krótki kod samodzielnie.

[URL zarejestrowany przez przeglądarkę = "https://blogpascher.com"]

Domyślnie wtyczka utworzy zrzut ekranu o wymiarach 600 x 600 pikseli. Możesz to zmienić, dodając atrybuty szerokości i wysokości do shortcode.

[adres URL zarejestrowany w przeglądarce = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]

Będzie również miał link do danej strony. Możesz to zmienić, dodając atrybut linku do shortcode i dodaj dowolny link.

[adres URL zarejestrowany w przeglądarce = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]

Jeśli chcesz dodać podpis do zrzutu ekranu, możesz to zrobić, zawijając tekst wokół skrótu.

[adres URL strzałki w przeglądarce =”http://www. blogpascher.com »] Tworzenie stron internetowych – Blog WordPressa, sklep ecommerce [/strzał z przeglądarki]
zrzut ekranu blogpaschera

Wtyczka Browser Shot używa „ mshots »WordPress.com API do generowania zrzutów ekranu w locie. Te obrazy nie są przechowywane w Twojej bibliotece multimediów WordPress. Są generowane bezpośrednio z serwerów WordPress.com.

Metoda 2: Utwórz złapanie, dodając kod

Ta metoda wymaga dodania kodu do plików WordPress. Nie jest zalecany dla początkujących. Pokazaliśmy, jak utworzyć wtyczkę na WordPress, abyś mógł użyć tego kodu do dodania tego kodu.

function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' zrzut ekranu ', "w" =>' 600 ', // szerokość "h" =>' 450 '// wysokość), $ atts)); $ img = ''; return $ img; } add_shortcode ("screen", "bpc_screenshots");

Podobnie jak wspomniana wcześniej wtyczka, ten kod również korzysta z interfejsu API „ mshots Z WordPress.com do generowania zrzutów ekranu w locie.

Aby wyświetlić zrzut ekranu pliku a Witryna internetowa przechwycić w swoich postach i stronach WordPress, musisz wprowadzić krótki kod w następujący sposób:

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

Zastąp pola URL i Alt własnymi wartościami.

Domyślnie ten kod wygeneruje zrzut ekranu o wymiarach 600 x 450 pikseli. Możesz to zmienić, dodając własne atrybuty wysokości i szerokości do shortcode.

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

To wszystko na temat tego samouczka. Mam nadzieję, że będziesz mógł robić zrzuty ekranu na swojej stronie. Nie wahaj się z nami skontaktować w razie problemów.