Przejdź do głównej treści

Jak tworzyć zrzuty ekranu na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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 stron internetowych na 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 artykuł / stronę lub utwórz nowy artykuł / stronę. Zauważysz nowy przycisk w edytorze wizualnym, aby dodać zrzuty ekranu strony internetowej.

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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 zarejestrowany w przeglądarce = »http: // www. blogpascher.com »] Tworzenie stron internetowych - blog WordPress, sklep e-commerce [/ browser-shot]
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 przechwytywania witryny w swoich postach i stronach WordPress, musisz wprowadzić skrót 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.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
5 akcji
udział2
ćwierkanie
Enregistrer3