Nebojte se krátkých kódu – 6. záložky

Záložky, lépe řečeno karty vám umožní rozdělit obsah pomocí horizontálních nebo vertikálních karet. Můžete určit, která záložka bude vybrána ve výchozím nastavení, a libovolnou záložku proměnit v odkaz. Jako obsah můžete použít libovolný HTML kód nebo i jiné krátké kódy. Vyžaduje to však základní znalosti HTML i osvojení krátkých kódů. Proč raději volím název „karty“? ono to připomíná karty v prohlížečích a Google ten název používá. Záložku chápu jako HTML Záložku neboli kotvu „anchor“. Všiměte si, že poslední karta „Název“ má atribut anchor „prazdna“ Když budu potřebovat tuto kartu otevřít použiji hypertextový odkaz https://www.periferieprahy.cz/blog/2025/08/02/nebojte-se-kratkych-kodu-6-zalozky/#prazdna. Na konci odkazu je hashtag #prazdna a díky tomu kliknutím na odkaz kartu otevřeme.

Prostý textGalerie vložená pomocí krátkého kóduPříklad využítí HTML i krátkého kóduNázev

Pokud chcete, aby záložka obsahovala prostý text, bez formátování, tak to sem prostě napište. Příklad, text z úvodu: Záložky, lépe řečeno karty vám umožní rozdělit obsah pomocí horizontálních nebo vertikálních karet. Můžete určit, která záložka bude vybrána ve výchozím nastavení, a libovolnou záložku proměnit v odkaz. Jako obsah můžete použít libovolný HTML kód nebo i jiné krátké kódy.

Název Vybírejte Shortcod dle libosti

shortcodes9

shortcodes8

shortcodes7

Název

Název Kliknutím na symbol [ ] se objeví nabídka krátkých kódů

Název V nabídce bloků si ve složce WIDGET naleznete symbol pro zkrácené kódy [/]

Příklad vložení pomocí HTML

Do karet můžete vkládat nejlépe
pomocí krátkých kódů nebo HTML

Tady je ukázka HTML

A tady pokračuji vloženým kódem pro tlačítko:

 

Záložky – karty

Obsah záložky

A takhle vypadá zápis pro čtyři karty ohraničené párovým tagem su_tabs …/su_tabs

[su_tabs][su_tab title="Prostý text" disabled="no" anchor="" url="" target="blank" class=""] Pokud chcete, aby záložka obsahovala prostý text, bez formátování, tak to sem prostě napište. Příklad, text z úvodu: Záložky, lépe řečeno karty vám umožní rozdělit obsah pomocí horizontálních nebo vertikálních karet. Můžete určit, která záložka bude vybrána ve výchozím nastavení, a libovolnou záložku proměnit v odkaz. Jako obsah můžete použít libovolný HTML kód nebo i jiné krátké kódy.[/su_tab]


[su_tab title="Galerie vložená pomocí krátkého kódu" disabled="no" anchor="" url="" target="blank" class=""][su_custom_gallery source="media: 4943,5322,5286,5221,5182,4942,4941" link="lightbox" target="blank" width="250" height="250" align="center"][/su_tab]

[su_tab title="Příklad využítí HTML i krátkého kódu" disabled="no" anchor="" url="" target="blank" class=""]<h2>Příklad vložení pomocí HTML</h2>
<p><span style="background-color: #FFFF00">Do karet můžete vkládat nejlépe 
pomocí krátkých kódů nebo HTML</span></p>
<p><font color="#FF00FF"><i><b>Tady je ukázka HTML</b></i></font></p>
<p><i>A tady pokračuji vloženým kódem pro tlačítko:</i></p>
<p>&nbsp;</p>[su_button url="https://getshortcodes.com/docs/tabs/" target="blank" style="glass" background="#3428ef" color="#ffffff" size="2" center="yes" icon="icon: folder-open" icon_color="#dae828"]Záložky - karty[/su_button]
[/su_tab]

[su_tab title="Název" disabled="no" anchor="prazdna" url="" target="blank" class=""]Obsah záložky[/su_tab]

[/su_tabs]

Využití vertikálních karet např. jako menu. Kliknutím na kartu otevřete webovou stránku:

Takhle vypadá zápis

[su_tabs vertical="yes"]
[su_tab title="Kostel sv. Fabiána a Šebetiána" disabled="no" anchor="" url="https://www.periferieprahy.cz/blog/2024/12/31/c-p/" target="blank" class=""][/su_tab]

[su_tab title="Starý libocký hřbitov" disabled="no" anchor="" url="https://www.periferieprahy.cz/blog/2025/01/05/stary-libocky-hrbitov/" target="blank" class=""][/su_tab]

[su_tab title="Libocký rybník" disabled="no" anchor="" url="https://www.periferieprahy.cz/blog/2025/01/09/libocak/" target="blank" class=""][/su_tab]

[/su_tabs]