Koupili jste si někdy produkt na Amazonu? Pokud ano, pravděpodobně jste si všimli přiblížení, které se zobrazí, když obrázek umístíte. (tento efekt se nazývá Zvedněte zoom). Pokud jste se již dlouho snažili tento efekt přidat do svého obchodu WordPress, vím, že je to nyní možné.
V tomto tutoriálu vám ukážeme, jak přidat efekt Zvedněte Zvětšete svůj blog WordPress.
Ale než začnete, udělejte si čas na prohlídku Jak nainstalovat motiv WordPress, Kolik pluginy mám nainstalovat na WordPress.
Tak pojďme do práce!
První věc, kterou musíte udělat, je stáhnout plugin, nainstalujte a aktivujte jej. Hostuje to GitHub.
Jak konfigurovat ElevateZoom
Jakmile vstoupíte do rozhraní, uvidíte seznam dostupných možností.
Nejdůležitější možností je určitě pole “ Aktivovat elevateZoom pro obrázky s tento třída ". Abyste aktivovali lupu na obrázku, musíte použít třídu, která je v tomto poli. Ve výchozím nastavení je hodnota „ elevateZoom Tuto hodnotu můžete přepsat.
Konkrétně, aby obrázek měl tento efekt, musíte vstoupit do textového editoru, který zobrazuje HTML kód. Poté musíte vyhledat obrázek, na který chcete přidat efekt přiblížení při najetí myší, a přidat odpovídající třídu (elevateZoom nebo co jste vybrali) .
Na předchozím obrázku si všimnete, že je zvýrazněna třída obrázku (modrý), toto je třída " elevateZoom Který je použit v této možnosti.
- Možnost " zoomType ", Určuje tvar lupy. Může to být okno (okno), zvětšovací sklo (objektiv), nebo uvnitř obrázku (vnitřní).
- Možnost " scrollZoom », Umožňuje aktivovat progresivní přiblížení kolečkem myši nebo ekvivalent na hmatových površích u tabletů a notebooků.
- Možnost " lensSize ", Definuje šířku lupy.
- Možnost " zoomWindowPosition », Umožňuje definovat polohu okna ve vztahu ke zdrojovému obrazu.
- Možnost " zoomWindowHeight », Umožňuje definovat výšku okna, které zobrazí zvětšený obrázek zdrojového obrázku.
- Možnost " zoomWindowWidth », Umožňuje definovat šířku okna, které zobrazí zvětšenou verzi zdrojového obrázku.
To je vše, co potřebujete vědět o nastavení plugin. Pokud nyní chcete přidat tento efekt k obrázku, nezapomeňte přidat třídu uvedenou v Aktivovat elevateZoom pro obrázky s tento třída ".
Viz též: Jak přidat zoom na obrázky WordPress
Co se nám líbilo:
- jednoduchost
- účinky
- Kompatibilita s tématy
- Možnosti konfigurace lupou
Co se nám nelíbilo:
- Le plugin je v angličtině, takže nemusí být přístupný všem, ale s tímto výukovým programem doufáme, že s tímto výukovým programem budete moci začít.
- Umístění odkazu na rozhraní plugin která je skryta v nabídce « nastavení ".
- Je vyžadován malý příkaz HTML kódu.
Viz také: Jak přidat soubor Sitemap HTML na web WordPress
Stručně:
Jaké štěstí v perspektivě s tímto plugin. Nebyla zjištěna žádná chyba a kompatibilita s námi a jednoduše dojem. Doufáme, že se vám stejně jako my líbí používání tohoto plugin.
Máte-li jakékoli dotazy, jsme vám k dispozici.
Objevte také některé prémiové doplňky WordPress
Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.
Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.
1. WP Nástroj Google PageSpeed Insights Optimizer
Ce WordPress Plugin premium je pro každého, kdo chce optimalizovat své obrázky. Může skenovat témata a adresáře pluginů, aby našel obrázky a optimalizoval je.
Je založen na API Google PageSpeed, takže má přesně stejnou kompresi, ale budete muset nastavit klíč API.
Viz také 5 WordPress pluginy pro zálohování vašeho blogu
Může také optimalizovat hromadné obrázky, ukládat původní obrázky, obnovovat původní obrázky a další.
Stáhnout | Demo | Web hosting
2. Výtah pro obrázek WordPress
Ce WordPress Plugin premium vám dává možnost přidávat obrázky do vašich příspěvků ze snímků obrazovky nebo grafických editorů.
Kromě toho WordPress Plugin podporuje typy vlastních příspěvků a během publikací budete mít příležitost ušetřit spoustu času.
Stáhnout | demonstrace | Web hosting
3. EWWW Image Optimizer
EWWW Image Optimizer je skvělá bezplatná volba pro kompresi obrázků ve WordPressu. Je to snadné a můžete automaticky optimalizovat obrázky, které nahráváte za běhu. Může také hromadně komprimovat a optimalizovat stávající obrázky.
Provádí veškerou kompresi na vašich vlastních serverech, což znamená, že se nemusíte registrovat klíč API.
Může také optimalizovat obrázky generované jinými WordPress pluginy a uloženy mimo soubory mediální knihovna. K použití pluginu nevyžaduje účet, ale budete se moci zaregistrovat do jeho API, abyste získali další funkce.
Stáhnout | Demo | Web hosting
Doporučené zdroje
Objevte více ressources doporučení, která vás budou provázet při tvorbě a správě vašeho webu.
- Zásuvné moduly 10 WordPress pro zlepšení vyhledávání na vašem blogu
- Jak používat úryvky a značku „Více“ na WordPressu
- Jak duplikovat své stránky na WordPress
- Jaký druh uvítací zprávě si poslat vaše vyhlídky?
Proč investovat do čističky vzduchu?
Tady ! To je pro tento tutoriál vše, doufám, že vám umožní vytvořit na vašich fotografiích efekt Amazon Zoom. Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek, nahlédněte do našeho průvodce Vytvoření blogu WordPress.
Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.
...