vytvárate automatizované screenshoty vo WordPresse? Ak do svojich príspevkov / stránok na WordPress často pridávate screenshoty webov, automatizácia procesu vám ušetrí čas strávený na screenshotoch manuálne.
V tomto návode vám ukážeme, ako vytvoriť automatické zachytenie webové stránky WordPress.
Metóda 1: Vytváranie automatických snímok pomocou doplnku
Táto metóda je preto ľahšia pre začiatočníkov a používateľov, ktorí nechcú kód používať.
Prvá vec, ktorú musíte urobiť, je nainštalovať a aktivovať doplnok " Zábery prehliadača ". Viac podrobností nájdete v našom podrobnom sprievodcovi ako nainštalovať doplnok WordPress.
Plugin funguje okamžite a nie je potrebné konfigurovať žiadne nastavenia.
Stačí upraviť príspevok/stránku alebo vytvoriť nový príspevok/stránku. Vo vizuálnom editore si všimnete nové tlačidlo na pridanie snímok obrazovky webové stránky.
Kliknutím na ňu sa zobrazí okno, kde môžete zadať adresu URL stránky, alternatívny text, odkaz na adresu URL obrázka a výšku / šírku snímky obrazovky.
Kliknite na tlačidlo „OK“ a doplnok pridá krátky kód k vášmu príspevku na WordPress. Teraz si môžete zobraziť ukážku príspevku, aby ste videli doplnok v akcii.
Ak používate textový editor WordPress a nechcete používať toto nové tlačidlo vo vizuálnom editore, môžete tento skratkový kód pridať aj sami.
[browser-shot url = "https://blogpascher.com"]
V predvolenom nastavení vytvorí doplnok snímku obrazovky s rozmermi 600 x 600 pixelov. Môžete to zmeniť pridaním atribútov šírka a výška do krátkeho kódu.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]
Bude mať tiež odkaz na príslušnú stránku. Môžete to zmeniť pridaním atribútu odkazu do skráteného kódu a pridať akýkoľvek požadovaný odkaz.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]
Ak chcete na snímku obrazovky pridať popis, môžete to urobiť tak, že text omotáte krátkym kódom.
[webová adresa snímky prehliadača=”http://www. blogpascher.com »] Tvorba webových stránok – Blog WordPress, obchod eCommerce [/browser-shot]
Doplnok Browser Shot používa „ mshots »WordPress.com API na generovanie snímok obrazovky za behu. Tieto obrázky nie sú uložené vo vašej knižnici médií WordPress. Generujú sa priamo zo serverov WordPress.com.
Metóda 2: Vytvorenie úlovku pridaním kódu
Táto metóda vyžaduje, aby ste do svojich súborov WordPress pridali kód. Neodporúča sa pre začiatočníkov. Ukázali sme vám, ako vytvoriť doplnok na WordPress, takže ho môžete použiť na pridanie tohto kódu.
function bpc_sc Screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // šírka "h" =>' 450 '// výška), $ atts)); $ img = ' "; vrátiť $ img; } add_shortcode ("obrazovka", "bpc_sc Screenshots");
Podobne ako doplnok uvedený vyššie, tento kód používa aj rozhranie API “ mshots Z WordPress.com na generovanie snímok obrazovky za behu.
Ak chcete zobraziť snímku obrazovky a webové stránky zachytiť vo vašich príspevkoch a stránkach WordPress, budete musieť zadať skrátený kód takto:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Nahradiť pole URL a ALT so svojimi vlastnými hodnotami.
Tento kód predvolene vygeneruje snímku obrazovky s rozmermi 600 x 450 pixelov. Môžete to zmeniť pridaním vlastných atribútov výšky a šírky do krátkeho kódu.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
To je o všetkom pre tento tutoriál. Dúfam, že na svojom webe budete môcť robiť snímky obrazovky. V prípade problémov nás neváhajte kontaktovať.
