W artykule:
Czy chcesz tworzyć automatyczne zrzuty ekranu witryny w swojej witrynie WordPress? Jeśli często dodajesz zrzuty ekranu witryny do postów lub stron WordPress, automatyzacja procesu pozwoli zaoszczędzić czas poświęcony na ręczne przechwytywanie zrzutów ekranu. W tym artykule pokażemy Ci, jak tworzyć automatyczne zrzuty ekranu witryny w WordPress.
Metoda 1: twórz automatyczne zrzuty ekranu witryny w WordPress za pomocą wtyczki
Ta metoda jest łatwiejsza, dlatego polecana dla początkujących i użytkowników, którzy nie chcą zajmować się kodem.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Browser Shots. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Wtyczka działa po wyjęciu z pudełka i nie ma żadnych ustawień do skonfigurowania.
Po prostu Edytuj post/stronę lub utwórz nową. Zauważysz nowy przycisk w edytorze wizualnym, aby dodać zrzuty ekranu witryny.
Kliknięcie go spowoduje wyświetlenie okienka, w którym możesz wprowadzić adres URL witryny, tekst alternatywny, link do adresu URL i wysokość / szerokość zrzutu ekranu.
Kliknij przycisk OK, a wtyczka doda shortcode do Twojego posta WordPress. Możesz teraz wyświetlić podgląd postu, aby zobaczyć wtyczkę w akcji.
Jeśli używasz edytora tekstu w WordPress lub nie chcesz używać przycisku w edytorze wizualnym, możesz również ręcznie dodać shortcode samodzielnie.
[browser-shot url="https://www.wpbeginner.com"]
Domyślnie wtyczka utworzy zrzut ekranu o wymiarach 600 x 600 pikseli. Można to zmienić, dodając atrybuty szerokość i wysokość do skrótu.
[browser-shot url="https://www.wpbeginner.com / width=" 400"height = "400" /
Będzie również automatycznie łącze do strony internetowej. Możesz to zmienić, dodając atrybut łącza do skrótu i dodaj dowolny link.
[browser-shot url="https://www.wpbeginner.com / width=" 400"height=" 400"link = "http://example.com"]
Jeśli chcesz dodać podpis pod zrzutem ekranu, możesz to zrobić, zawijając tekst podpisu wokół krótkiego kodu.
[browser-shot url="https://www.wpbeginner.com"] WPBeginner-WordPress Resource Site Dla początkujących [/browser-shot]
Podpis użyje stylów podpisów Twojego motywu WordPress. Oto jak to wyglądało na naszej stronie demo:
Wtyczka browser Shots wykorzystuje WordPress.com ’ s MSHOTS API do generowania zrzutów ekranu w locie. Te obrazy nie są przechowywane w bibliotece multimediów WordPress. Serwowane są bezpośrednio z WordPress.com serwery.
Zobacz nasz przewodnik na temat różnicy między WordPress.com oraz WordPress.org.
Metoda 2: twórz automatyczne zrzuty ekranu, dodając kod do WordPress
Ta metoda wymaga dodania kodu do plików WordPress. Nie jest zalecany dla początkujących. Jeśli wygodnie wklejasz fragmenty z sieci do WordPress, możesz użyć tej metody.
Po prostu dodaj ten kod do funkcji motywu.plik php lub wtyczka specyficzna dla witryny.
function wpb_screenshots ($atts, $content = NULL) {
extract (shortcode_atts(array (
"snap" = > "http://s.wordpress.com/mshots/v1/',
"url" = > "https://www.wpbeginner.com',
"alt" = > 'screenshot',
"w" = > '600', / / width
"h" = > ' 450 ' / / wysokość
), $atts));
$img = '<img alt="' . $alt . ""src="". $ snap . '' . urlencode ($url) . '?w=". $w . "&h=". $h . '" />';
return $img;
}
add_shortcode ("screen", "wpb_screenshots");
Podobnie do wtyczki, o której wspomnieliśmy wcześniej, kod ten wykorzystuje również WordPress.com MSHOTS API do generowania zrzutów ekranu w locie.
Aby wyświetlić zrzut ekranu witryny w postach i stronach WordPress, musisz wprowadzić krótki kod w ten sposób:
[screen url=”http://wpbeginner.com” alt= „WPBeginner”]Zamień pola URL i Alt na własne wartości.
Domyślnie ten kod wygeneruje zrzut ekranu o rozdzielczości 600 x 450 pikseli. Możesz to zmienić, dodając własne atrybuty wysokości i szerokości do skrótu.
[screen url=”http://wpbeginner.com” alt = „WPBeginner” w = ” 400 „h = „400”]To wszystko, mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć automatyczne zrzuty ekranu w WordPress. Możesz również zobaczyć nasz przewodnik, jak zautomatyzować WordPress i media społecznościowe za pomocą IFTTT.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
