Chcete pre svoj blog WordPress vytvoriť interaktívny obrázok? Interaktívny obrázok umožňuje zvýrazniť, prepojiť a animovať určité oblasti obrázka. V tomto článku vám ukážeme, ako vytvoriť interaktívne obrázky v programe WordPress.
Čo je to interaktívny obrázok?
Interaktívny obrázok obsahuje oblasti prístupových bodov, odrazy, odkazy, farby a ďalšie. To sa líši od jednoduchého obrazu, ktorý sa načíta do WordPress. Interaktívne obrázky sú pútavé a priťahujú používateľov, aby videli podrobnosti o obrázku. Môžete pridať popis do rôznych častí obrázka, pridať odkazy na stránky, zvýrazniť sekcie a ďalšie.
Na tomto obrázku vidíte popis ovocia, keď umiestnite kurzor myši na rôzne stĺpce. Tieto interaktívne obrázky môžete použiť na zvýšenie zapojenia používateľov a času stráveného na webe.
Pozrime sa, ako môžete upútať pozornosť svojich návštevníkov pomocou interaktívnych obrázkov.
Vytvárajte interaktívne obrázky vo WordPress
Prvá vec, ktorú by ste mali urobiť, je inštalácia a aktivácia doplnku Draw Attention. Ďalšie informácie nájdete v našej podrobnej príručke, ako nainštalovať doplnok WordPress.
Po aktivácii sa v oblasti správy WordPress zobrazí nový typ vlastného príspevku. Musíte ísť do Upozorňuje »Pridať nové vytvorte interaktívny obrázok.
Začnite pridaním názvu pre tento nový interaktívny obrázok, aby ste si ho mohli ľahko zapamätať. Na tejto stránke môžete vytvárať interaktívne návrhy nových alebo predtým načítaných obrázkov. Nový obrázok môžete pridať kliknutím na ikonu odovzdania obrázka alebo môžete vybrať obrázok z knižnice médií WordPress.
Potom musíte kliknúť Príspevok Tlačidlo.
Po zverejnení vám doplnok umožňuje upraviť obrázok a zvýrazniť konkrétne oblasti, pridať farby, odkazy, nakresliť oblasti prístupového bodu a ďalšie. Môžete sa posúvať nadol Oblasti prístupového bodu a rozbaľte oblasť, na ktorú sa dá kliknúť, a ukážte obrázok.
Stačí pohnúť myšou a nakresliť oblasti, na ktoré sa dá kliknúť. Môžete ľahko vybrať oblasti aktívnych bodov a rozšíriť ich tak, aby ste vytvorili výber.
Po nakreslení oblasti prístupového bodu musíte prejsť nadol akčné rozbaľovacia ponuka a vyberte akciu pre vybratú oblasť na obrázku. Ak vyberiete možnosť Zobraziť viac informácií, môžete jednoducho pridať popis a vysvetliť oblasť hotspotov na obrázku. Odkaz môžete tiež pridať do vybranej oblasti pomocou možnosti Prejsť na webovú adresu.
Môžete tiež spravovať všeobecné nastavenia a štýl zvýraznenia pre odkaz akcie, text akcie, informačné pozadie a ďalšie. Tieto nastavenia môžu prispieť k zvýšeniu interaktivity obrázka.
Potom musíte kliknúť na ikonu Ak chcete aktualizovať a skopírujte skrátený kód a pridajte ho do svojho príspevku alebo stránky WordPress.
Doplnok vám umožňuje vytvoriť toľko interaktívnych obrázkov, koľko potrebujete, pomocou predtým načítaných alebo nových obrázkov.
Importujte a exportujte interaktívne obrázky
Ak pracujete na viacerých weboch a chcete importovať / exportovať interaktívne obrázky, musíte na oboch weboch použiť rovnaký doplnok Draw Attention.
Na prvom webe musíte navštíviť Získajte pozornosť »Import / Export a označte obrázky, ktoré chcete exportovať. Potom kliknite na ikonu Vygenerujte exportný kód a skopírujte kód.
Potom musíte prejsť na nasledujúcu webovú stránku a uistiť sa, že máte aktivovaný doplnok Draw Attention. Potom musíte ísť Získajte pozornosť »Import / Export Stránka správcu WordPress a vložte kód do poľa importu.
Choďte do toho a kliknite na importovať tlačidlo a jeho obrázky sa importujú so všetkými interaktívnymi podrobnosťami, ktoré ste predtým pridali.
Tieto interaktívne obrázky sú dobré pre program WordPress SEO a prilákajú na vaše stránky viac návštevníkov. Odporúča sa však pred odovzdaním obrázky skomprimovať, aby sa zvýšil výkon stránok.
Dúfame, že vám tento článok pomohol naučiť sa vytvárať interaktívne obrázky WordPress. Môžete si tiež prečítať nášho sprievodcu o tom, ako odovzdávať obrázky odložené vo WordPress.
Ak sa vám tento článok páčil, prihláste sa na odber nášho kanála YouTube pozerať videá s programami WordPress. Nájdete nás aj na Twitter a Facebook,
