Přeskočit na obsah
@365tipu
  • Domů
    • Práce na dálku
    • Twitter for dummies
    • Jak na Mastodon
    • Facebook a marketing
    • Návod pro Instagram
    • Jak na LinkedIn
    • Bezpečný Internet
    • Bezpečnost pro novináře
    • Soukromí na Facebooku
    • Pomocník webdesignera
    • Jak na WordPress
    • Nepostradatelné software
      • Jak na Windows 11
      • Jak na Windows 10
      • Jak na iPhone/iPad
      • Jak na Mac OS
      • Jak na Apple TV/TV+
      • Jak na Apple Watch
      • Jak na Apple AirTag
      • Microsoft Office
      • Linux
    • Jazykový koutek
    • GTD
    • Filmy a TV seriály
    • Recenze
    • Chytrá domácnost
      • Chytrá domácnost
      • Jak na Google Home
      • Amazon Echo a Alexa
      • Apple HomePod
      • Jak na Raspberry Pi
      • Jak na QNAP NAS
      • Netatmo
    • Jak na Home Assistant
  • Všechny štítky
  • Odběr e-mailem
  • RSS/XML
  • Kontakt
    • Kontakt
    • Twitter
    • Facebook
    • BlueSky
    • Mastodon
      • Threads
    • Zásady Cookies (EU)
8. 7. 2022 podle 365tipů
Software, WordPress

TIP#2199: Jak na WordPressu mít “vyskakovací” zobrazení fotek (Lightbox)?

WordPress už dnes umí slušné fotogalerie i další způsoby předložení fotek. Zůstává ale nevýhoda, že když klikne návštěvník na náhled, tak se buď nezobrazí nic, zobrazí stránka s fotkou nebo zobrazí přímo fotka (obě velmi nepraktické varianty).

Běžný způsob je, že se (ideálně animovaně) zobrazí “rozbalená” fotka, tak aby se vešla na displej. A ještě navíc je možné pomoci vlevo/vpravo přecházet mezi jednotlivými fotkami.

Téhle funkčnosti se říká Lightbox, takže když si budete hledat plugin co vám tohle zajistí, tak hledejte právě tohle slovo. 

Na Pooh.cz jsem po sobotní návštěvě Národního muzea nahrál nějaké fotky a zjistil, že tam právě žádný Lightbox nemám.

Takže tam je přidaný WP Lightbox 2 – jednoduchý a dostačující. Po aktivaci je asi vhodné jenom změnit nastavená velikosti otevírané fotky – tak aby se “vešla na displej”. Ve výchozí podobě je to totiž příliš velké. 

Simple Lightbox je další možná varianta. Dají se tam přímo v Nastavení změnit anglické popisky ovládacích prvků na české, pokud byste moc chtěli. 

Nezapomeňte, aby Light box fungoval, tak obrázek musí mít odkaz – prakticky žádné Lightbox nezobrazují obrázky bez odkazu. Což vyžaduje po vložení fotky aktivovat její odkaz a vybrat variantu odkazu přímo na obrázek (ne na stránku média).

Galerie přímo odkazy vytváří, takže tam nemusíte dělat nic.

Další tipy týkající se WordPressu

  • TIP#801: Jak zjistit návštěvnost nějakého (cizího) webu

    TIP#801: Jak zjistit návštěvnost nějakého (cizího) webu

    Sice by asi bylo vhodnější začít něčím takovým jako co je to návštěvy/návštěvník, zhlédnutá stránka, uživatel, unikátní uživatel, reálný uživatel a tak podobně, ale začneme troch odzadu a k termínům a způsobům měření návštěvnosti…

  • TIP#798: Jak migrovat web z WordPress.org na WordPress.com? Krok 6: Kontrola a náprava odkazů a obrázků

    TIP#798: Jak migrovat web z WordPress.org na WordPress.com? Krok 6: Kontrola a náprava odkazů a obrázků

    Pokud jste svůj původní WordPress provozovali „normálně“, tak by po importu měly zůstat zachovány odkazy – čili po zprovoznění na původní doméně by vše mělo být v pořádku. WordPress.com přesměruje i původní…

  • TIP#792: Jak migrovat web z WordPress.org na WordPress.com? Krok 5: Přidání domény

    TIP#792: Jak migrovat web z WordPress.org na WordPress.com? Krok 5: Přidání domény

    Pokračujeme v migraci webu z vlastního WordPressu na ten co je hostovaný přímo na WordPress.com. V dubnu tohle potkalo čtyři weby (www.feedit.cz, www.justit.cz, www.bradbury.cz a www.bookz.cz) a tato série obsahuje všechny ty…

  • TIP#787: Jak migrovat web z WordPress.org na WordPress.com? Krok 4: Věci, které byste měli změnit v Nastavení

    TIP#787: Jak migrovat web z WordPress.org na WordPress.com? Krok 4: Věci, které byste měli změnit v Nastavení

    V Nastavení/Settings je řada věcí, které budete tak jako tak muset (nebo byste alespoň měli) změnit. V General si musíte vyplnit Site Title (Název webu) a Site Tagline (Popis webu, to můžete…

  • TIP#781: Jak migrovat web z WordPress.org na WordPress.com? Krok 3: Najít šablonu

    TIP#781: Jak migrovat web z WordPress.org na WordPress.com? Krok 3: Najít šablonu

    Předchozí díly řeší Export starého webu s přípravou a následný import do nově vytvořeného webu na WordPress.com. Nepodceňujte nic, protože při tomhle můžete občas narazit na něco obtížného či nepříjemného. V třetím…

  • TIP#776: Jak migrovat web z WordPress.org na WordPress.com? Krok 2: Import

    TIP#776: Jak migrovat web z WordPress.org na WordPress.com? Krok 2: Import

    V prvním díle jste si připravili web provozovaný na vlastním WordPressu (WordPress.org) a vlastním hostingu pro export. Pak jste si na WordPress.com založili nový web, kam budete chtít migrovat – k čemuž…

  • TIP#774: Má smysl si na WordPress.com zapínat WordAds?

    TIP#774: Má smysl si na WordPress.com zapínat WordAds?

    Pokud používáte WordPress.com (což právě @365tipů dělá), můžete si v placených tarifech zapnout WordAds a na vašich stránkách se budou zobrazovat inzeráty a vy budete dostávat podíl z příjmů. Působí to jako…

  • TIP#772: Jak migrovat web z WordPress.org na WordPress.com? Krok 1: Export

    TIP#772: Jak migrovat web z WordPress.org na WordPress.com? Krok 1: Export

    Kdo sledujete @365tipů dlouho víte, že tohle celé je určeno k experimentování, zkoušení a učení se věcí. Jedna z těch nevyzkoušených byl i export a import webu vytvořeného ve WordPressu. Vše založené…

  • Jak na WSL ve Windows 10 dostat WordPress (a tedy Apache, MySQL a tak)

    Jak na WSL ve Windows 10 dostat WordPress (a tedy Apache, MySQL a tak)

    Nenechte se mýlit, WSL (Windows Subsystem for Linux, viz návod jak ho nainstalovat) můžete použít stejně jako třeba VPS někde u providera nebo virtualizovaný Linux. Můžete tam dostat třeba kompletní Apache2, MySQL…

  • TIP#762: Jak si odkládat články na pozdější přečtení? Read It Later, jak na to.

    TIP#762: Jak si odkládat články na pozdější přečtení? Read It Later, jak na to.

    Než se pustím do odpovědi na otázku z titulku, tak upozorním hlavně na na Co používat pro odkládání věcí (článků) na pozdější přečtení?. Budete totiž potřebovat nějaký ten software, službu, do které…

  • TIP#754: Mám  dávat na web sdílecí prvky ze sociálních sítí? Dává to ještě smysl?

    TIP#754: Mám dávat na web sdílecí prvky ze sociálních sítí? Dává to ještě smysl?

    Když v červenci 2015 vyšlo Jaké sdílecí prvky umístit na web? Proč musí být web sociální? byla situace poměrně jednoduchá. Pokud jste na webu neměli tlačítka Like, Tweet či G+, připravovali jste…

  • TIP#742: Co je to linkbuilding? K čemu jsou dobré zpětné odkazy?

    TIP#742: Co je to linkbuilding? K čemu jsou dobré zpětné odkazy?

    Nejvyšší čas se tak trochu vrátit k Co je to backlink, zpětný odkaz? v podobě samostatného povídání o budování zpětných odkazů. Činnosti označované v angličtině (a v SEO) jako linkbuilding. Poměrně nepostradatelné,…

  • TIP#738: Co mám dělat, pokud v SEO testu od SEO Servis nemám 100 procent? Dá se změřit SEO?

    TIP#738: Co mám dělat, pokud v SEO testu od SEO Servis nemám 100 procent? Dá se změřit SEO?

    Možná jste na to narazili. Na Internetu se dají udělat různorodé „testy“ jak si na tom stojí váš web s  ohledem na optimalizaci pro vyhledávače (SEO). Jeden z těch českých, doslova památných,…

  • TIP#734: Jak automaticky dostávat obsah na firemní Stránku na Google+

    TIP#734: Jak automaticky dostávat obsah na firemní Stránku na Google+

    Už jsme to tu jednou řešili v Jak napojit WordPress Blog na Stránku na Google+?, ale je čas se k tomu ještě vrátit. Zejména proto, že dnes (počátek roku 2017) je Google+…

  • TIP#731: Co vás čeká poté, co vám Facebook zablokoval účet? Peklo nových autorizací

    TIP#731: Co vás čeká poté, co vám Facebook zablokoval účet? Peklo nových autorizací

    Facebook vám může účet zablokovat z mnoha důvodů, ať už pro ty negativní (protože jste hypoteticky něco provedli) nebo z bezpečnostních důvodů (když se na váš účet přihlásí někdo z druhého konce…

«Předchozí stránka
1 … 7 8 9 10 11
Další stránka»

Související příspěvky

TIP#804: Jak migrovat web z WordPress.org na WordPress.com? Krok 7: Co získáte použitím WordPress.com místo vlastního hostingu
TIP#798: Jak migrovat web z WordPress.org na WordPress.com? Krok 6: Kontrola a náprava odkazů a obrázků
TIP#787: Jak migrovat web z WordPress.org na WordPress.com? Krok 4: Věci, které byste měli změnit v Nastavení

Blogování Jak na WordPress Webdesign Wordpress WordPress.org

Předchozí článekTIP#2198: Jak v Gmailu smazat přílohy ale ponechat e-mail?Další článek TIP#2200: Pomalý iPad či iPhone? Pomůže smazání (factory reset) a obnovení nebo nová instalace?

Nejnovější příspěvky

  • TIP#3255: Jak poznáte podvodnou sbírku?
  • TIP#3254: Vlastní homepage ve WordPressu bez Guttenbergu. Použijte Codex či jinou AI. K čemu to posloužilo na 365tipech
  • TIP#3253: Co je to latence a proč to hraje roli (nejen) při hraní her
  • TIP3252: Chladit notebooky podložkou? Co byste měli vědět
  • TIP#3251: Kouzelná meteostanice ATMOS řeší problém, o kterém ani nevíte

Nejčtenější

Přispět na provoz můžete

Přispějte. 500 Kč můžete změnit dle vlastního uvážení. Z částky zaplatíme DPH a pochopitelně daně platbou na účet 331049001/5500, spec. symbol 365. Částku si můžete změnit. Z platby odvádíme DPH a daníme ji.

Zdejší tipy na zajímavé/užitečné věci obsahují affialiate odkazy na Alzu/Aliexpres

... nebo placeným odběrem

Staňte se platícím odběratelem newsletteru. 5 USD/měsíc, 50 USD/rok nebo dle vlastního uvážení od 100 USD/rok. Každou středu a neděli nálož informací.

Kontakt a tak

Kontakt: 365tipu@gmail.com

Veškerý obsah zde uveřejněný je CC-BY-NC-SA

Oznámení