Vizuální WordPress Tooltips: Přidání obrázků z Unsplash pro zlepšení uživatelského zážitku

Aktualizujte své WordPress Tooltipy: Zobrazte náhodné obrázky z Unsplash na základě klíčových slov

Ahoj, milí uživatelé pluginu WordPress Tooltip, doufám, že se máte dobře a užíváte si nádherný víkend se svou rodinou. Obdrželi jsme žádost o nové funkce od správce webu online slovníku:

Ahoj!

Provozuji webovou stránku online slovníku a hledám způsob, jak vylepšit uživatelskou zkušenost zobrazením náhodného obrázku z Unsplash, který se vztahuje ke klíčovým slovům. Myslím, že by bylo skvělé poskytnout trochu extra kontextu nebo objasnění. Například, pokud někdo hledá „oceán“, bylo by úžasné ukázat mu ohromující obrázek oceánu, aby se slovo oživilo. Co si o tom myslíte?

Děkuji moc!

Náš vývojář pluginu WordPress Tooltip zkontroloval žádost o funkci a chápeme, že zahrnutí náhodného obrázku z Unsplash souvisejícího s klíčovým slovem může učinit vyskakovací okno tooltipu vizuálně přitažlivějším. Vizuální obsah často lépe upoutává pozornost než samotný text, což může zvýšit zapojení uživatelů. Věříme, že tato funkce bude pro mnoho webmasterů WordPress tooltipů, zejména těch, kteří provozují online slovníky nebo online školy, prospěšná.

Co je Unsplash?

Unsplash je populární online platforma, která poskytuje rozsáhlou knihovnu vysoce kvalitních, royalty-free obrázků a fotografií. Umožňuje fotografům sdílet svou práci a nabízí uživatelům možnost stahovat a používat tyto obrázky zdarma, dokonce i pro komerční účely, aniž by bylo nutné uvádět kredit (i když je oceněno, pokud fotografovi dáte kredit). Unsplash je široce používán designéry, blogery, marketéry a každým, kdo potřebuje vizuální obsah pro své projekty, webové stránky nebo sociální média. Platforma obsahuje širokou škálu kategorií a tagů, což usnadňuje uživatelům hledání obrázků, které vyhovují jejich specifickým potřebám.

Co jsou WordPress Tooltipy?

Tooltipy jsou malé vyskakovací okna, která poskytují další informace, které mohou zahrnovat videa, audio soubory, obrázky, Google Mapy, QR kódy, odkazy na Wikipedii, text a další. V WordPressu se okna tooltipu zobrazují, když uživatelé najedou myší na konkrétní prvky na vašich stránkách. Tyto prvky mohou být slova ve vašich příspěvcích, vstupní pole ve vyhledávacích formulářích, obrázky na vašem webu nebo widgety v postranním panelu, mimo jiné.

Náš plugin WordPress tooltip vám umožňuje přidávat efekty tooltipu k jakémukoli prvku ve vašich příspěvcích. Může také zobrazovat tooltipy na WordPress menu, komentáře, kontaktní formuláře, WooCommerce produkty, bbPress fóra, BuddyPress aktivity a další. S různými atraktivními efekty a nesčetnými úžasnými komponentami a doplňky – jako je Bullets Screen – tento plugin zvyšuje zapojení uživatelů zábavným a interaktivním způsobem.

Krok za krokem: Zobrazení náhodných obrázků Unsplash v tooltipách WordPress

  1. Stáhněte si plugin WordPress Tooltip Pro Plus, verzi 34.9.4 nebo vyšší, z stránky WordPress Tooltips na: stáhnout wordpress tooltip

  2. Jednoduše se přihlaste do svého WordPress dashboardu a přejděte do sekce Pluginy. Hledejte plugin WordPress Tooltips Pro Plus.

  3. Odstraňte starou verzi a nahrajte nejnovější verzi pluginu WordPress Tooltips. Jakmile je nahrána, aktivujte ji z panelu pluginů a budete připraveni užívat si všechny nové funkce a vylepšení!

  4. V dashboardu WordPress klikněte na položku menu Tooltipy, vypadá to takto:

    tooltips menu in wordpress tooltips pro plus 27.5.8

    tooltipy menu

  5. Dále klikněte na položku sub-menu Doplňky, tím se otevře panel „Nastavení doplňků tooltipů“, který vypadá takto:

    Nastavení doplňků tooltipů

  6. Poté přejděte na konec stránky „Nastavení doplňků tooltipů“ a aktivujte tooltipy Unsplash v možnosti „povolit/zakázat tooltipy Unsplash“. Poté prosím obnovte stránku.

  7. Nyní v dashboardu WordPress uvidíte novou položku sub-menu s názvem „tooltipy Unsplash“ v menu WordPress tooltips, vypadá to takto:
    tooltipy menu

  8. Klikněte na položku sub-menu „tooltipy Unsplash“. Tím se otevře panel „Nastavení doplňku tooltipů Unsplash“, zadejte svůj klíč API Unsplash do pole „Klíč API Unsplash“, panel „Tooltipy Unsplash“ vypadá takto:
    Nastavení doplňku tooltipů Unsplash

  9. Nyní jednoduše klikněte na položku menu tooltipů pro vytvoření nového termínu tooltipu, na pravé straně editoru tooltipů najdete nové metabox „Název Unsplash“, stačí sem zadat klíčové slovo, například „krásné moře“, vypadá to takto:
    metabox klíčového slova tooltipů Unsplash

  10. Po publikování termínu tooltipu se na front-endu, když najedete myší na termín tooltipu v příspěvku WordPress, automaticky zobrazí náhodný obrázek Unsplash v horní části okna vyskakovacího tooltipu.

Závěr:

Děkujeme za fantastický nápad na začlenění vizuálů s obrázky Unsplash do pluginu WordPress tooltip. Chápeme, že integrací náhodných obrázků na základě klíčových slov mohou WordPress tooltipy vytvořit více zapojující a informativní zkušenosti pro návštěvníky na stránkách WordPress:

  • Vizuální zapojení: Zahrnutí náhodného obrázku z Unsplash souvisejícího s klíčovým slovem může učinit vyskakovací okno tooltipu vizuálně přitažlivějším. Vizuální obsah často lépe upoutává pozornost než samotný text, což může zvýšit zapojení uživatelů.

  • Kontextová relevance: Zobrazení obrázku, který je relevantní k klíčovému slovu, může poskytnout dodatečný kontext nebo objasnění. Například pokud je klíčové slovo „oceán“, zobrazení krásného obrázku oceánu může uživatelům pomoci lépe pochopit termín a jeho význam.

  • Zlepšené učení: Pro vzdělávací nebo informační obsah mohou obrázky napomoci porozumění a zapamatování. Uživatelé si mohou snadněji pamatovat termíny, když jsou spojeny s relevantními vizuály.

  • Dynamický obsah: Náhodné obrázky mohou učinit tooltipy dynamičtějšími a méně statickými. To může povzbudit uživatele k větší interakci s obsahem, protože mohou být zvědaví, jaký obrázek se objeví příště.

  • Estetická přitažlivost: Dobře navržený tooltip, který zahrnuje obrázky, může zlepšit celkovou estetiku webové stránky WordPress, což ji činí profesionálnější a uhlazenější.

Tagged with: , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*