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 WordPressKolik 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í.

elevateZoom-interface-the-plugin-how vytvořit the end-of-zoom-WordPress

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) .

Jak přidat-A-class-je-An-image-to-integrovat the efekt zoomu

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.

elevateZoom čekající použitelný, jak vytvořit-a-zoom-účinek-on-the-obrazy

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.

WP Google PageSpeed ​​Insights Image Optimizer

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ů.

Image Elevator pro plugin WordPress

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. 

EWWW Image Optimizer

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.

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.

...