vytváříte automatické screenshoty ve WordPressu? Pokud do svých příspěvků / stránek na WordPress často přidáváte screenshoty webů, automatizace procesu vám ušetří čas strávený na screenshotech ručně.
V tomto tutoriálu vám ukážeme, jak vytvořit automatické zachycení Webové stránky WordPress.
Metoda 1: Vytvořte automatické zachycení pomocí pluginu
Tato metoda je proto snadnější pro začátečníky a uživatele, kteří nechtějí kód používat.
První věcí, kterou musíte udělat, je nainstalovat a aktivovat plugin " Snímky prohlížeče “. Další podrobnosti naleznete v našem podrobném průvodci jak nainstalovat plugin WordPress.
Plugin funguje okamžitě a není třeba konfigurovat žádná nastavení.
Stačí upravit příspěvek/stránku nebo vytvořit nový příspěvek/stránku. Ve vizuálním editoru si všimnete nového tlačítka pro přidání snímků obrazovky Webové stránky.
Kliknutím na něj se zobrazí okno, kde můžete zadat adresu URL webu, alternativní text, odkaz na adresu URL obrázku a výšku / šířku snímku obrazovky.
Klikněte na tlačítko „OK“ a plugin do vašeho příspěvku WordPress přidá krátký kód. Nyní můžete zobrazit náhled svého příspěvku, abyste viděli plugin v akci.
Pokud používáte textový editor WordPress a nechcete použít toto nové tlačítko ve vizuálním editoru, můžete tento zkrácený kód přidat také sami.
[browser-shot url = "https://blogpascher.com"]
Ve výchozím nastavení plugin vytvoří snímek obrazovky 600 x 600 pixelů. Můžete to změnit přidáním atributů width a height do zkráceného kódu.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]
Bude mít také odkaz na dotyčnou stránku. Můžete to změnit přidáním atributu odkazu do krátkého kódu a přidat jakýkoli požadovaný odkaz.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]
Chcete-li na snímek obrazovky přidat titulek, můžete tak učinit zabalením textu kolem zkráceného kódu.
[URL-shot-browser=”http://www. blogpascher.com »] Tvorba webu – Blog WordPress, prodejna eCommerce [/browser-shot]
Plugin Browser Shot používá „ mshots »WordPress.com API pro generování screenshotů za běhu. Tyto obrázky nejsou uloženy ve vaší mediální knihovně WordPress. Jsou generovány přímo ze serverů WordPress.com.
Metoda 2: Vytvoření úlovku přidáním kódu
Tato metoda vyžaduje přidání kódu do souborů WordPress. Nedoporučuje se pro začátečníky. Ukázali jsme vám, jak vytvořit plugin na WordPress, takže jej můžete použít k přidání tohoto kódu.
function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // šířka "h" =>' 450 '// výška), $ atts)); $ img = ' '; vrátit $ img; } add_shortcode ("obrazovka", "bpc_sc Screenshots");
Podobně jako výše uvedený plugin používá tento kód také API “ mshots Z webu WordPress.com můžete generovat screenshoty za běhu.
Chcete-li zobrazit snímek obrazovky a Webové stránky zachytit do vašich příspěvků a stránek WordPress, budete muset zadat krátký kód následovně:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Pole URL a Alt nahraďte vlastními hodnotami.
Ve výchozím nastavení tento kód vygeneruje snímek obrazovky 600 x 450 pixelů. Můžete to změnit přidáním vlastních atributů výšky a šířky do zkráceného kódu.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
To je o všem pro tento tutoriál. Doufám, že na svém webu budete moci pořídit snímky obrazovky. V případě problémů nás neváhejte kontaktovat.
