Odkazy a tlačítka

Odkazy a tlačítka navádějí návštěvníky webu k důležitým akcím: k přechodu na podstránku oboru, zobrazení termínů dnů otevřených dveří, otevření Bakalářů nebo stažení dokumentu. V Než zazvoní CMS mají všechna tlačítka v sekcích i odkazy v lištách jednotnou strukturu, takže je redaktoři školy i správci nastavují všude stejným způsobem.

Kde to najdete

Složené pole Odkaz (obsahující Text odkazu, Adresa a Ikona) najdete v administraci v části Obsah webu na těchto místech:

• Stránka, v sekcích s více tlačítky: pole Tlačítka v sekcích Hero, Text a obrázek a Tlačítka.
• Stránka, v sekcích s jedním tlačítkem: pole Tlačítko pod kartami v sekci Karty a pole Tlačítko v sekcích Termíny, Výzva, Výpis aktualit a Loga partnerů.
• Škola: pole Tlačítko v oznámení, Rychlé odkazy nad menu (nejvýš 8 odkazů v horní liště) a Podpoložky v poli Hlavní menu.

Samostatné pole pro adresu bez volby ikony najdete u položek některých sekcí:

• Karta v sekci Karty: pole Odkaz (když je vyplněné, celá karta na webu funguje jako odkaz).
• Termín v sekci Termíny: pole Odkaz (proklik z nadpisu termínu).
• Položka menu v nastavení Škola: pole Adresa u hlavní položky menu.

Na snímku níže uvidíte rozbalenou sekci Hero s nastavením pole Tlačítka ve spodní části:

Pole a nastavení

Každé tlačítko nebo položka typu Odkaz obsahuje tato tři pole:

Pole	K čemu slouží	Povinné	Tip
Text odkazu	Viditelný nápis na tlačítku nebo v seznamu odkazů (nejvýš 120 znaků).	Ano	Pište konkrétně, co návštěvník po kliknutí najde, například Přijímací řízení nebo Jídelníček.
Adresa	Cílová adresa odkazu: interní /stranka, externí https://…, e-mail mailto:…, telefon tel:…, kotva #kotva nebo soubor /uploads/….	Ano	Podle tvaru adresy web sám pozná, zda má odkaz otevřít ve stejném, nebo v novém okně.
Ikona	Malá ikona zobrazená před textem tlačítka nebo rychlého odkazu. Výchozí hodnota none znamená bez ikony.	Ne	Přehled všech 61 ikon najdete v kapitole Ikony.

V některých sekcích (v sekcích Text a obrázek, Karty a Termíny) najdete také pole Kotva:

Pole	K čemu slouží	Povinné	Tip
Kotva	Označení sekce pro přímý odkaz ze stejné nebo jiné stránky (například duvody).	Ne	Pište jen malá písmena bez diakritiky, číslice a spojovníky, vždy bez znaku #.

Druhy odkazů podle tvaru adresy

Web Než zazvoní CMS automaticky rozpozná druh odkazu podle toho, čím začíná hodnota v poli Adresa:

1. Interní odkazy na stránky webu (/cesta)

Odkaz na jinou stránku téhož školního webu začíná vždy lomítkem / a neobsahuje doménu školy. Hodnota odpovídá poli Celá adresa cílové stránky s přidaným lomítkem na začátku:

• Úvodní stránka: /
• Stránka první úrovně: /kontakt nebo /dokumenty
• Podstránka ve stromu: /pro-uchazece/prijimaci-rizeni
• Výpis všech aktualit: /aktuality
• Konkrétní aktualita: /aktuality/den-otevrenych-dveri-2026

Interní odkazy se otevírají v témže okně prohlížeče.

2. Externí odkazy na cizí weby (https://…)

Odkazy mířící mimo web školy (například do systému Bakaláři, jídelny nebo na sociální sítě) musí začínat https:// (případně http://):

• https://oapv.bakalari.cz/next/login.aspx
• https://app.strava.cz/jidelnicky?jidelna=5425

Web externí odkazy automaticky otevírá na nové kartě prohlížeče a pro uživatele čteček obrazovky k nim připojí neviditelnou poznámku (otevře se v novém okně).

Pozor

Pokud u interního odkazu na vlastní web zapíšete celou adresu s https://…, web ho vyhodnotí jako externí odkaz a zbytečně ho otevře v novém okně. Navíc by při změně domény přestal směřovat na správné místo. Pro vlastní stránky vždy používejte tvar začínající lomítkem /.

3. E-mail a telefon (mailto: a tel:)

Chcete-li, aby tlačítko nebo odkaz v textu rovnou otevřel e-mailovou zprávu nebo na mobilním telefonu vytočil číslo, použijte v poli Adresa příslušnou předponu:

• E-mail: mailto:podatelna@oapv.cz
• Telefon: tel:+420582345260 (pište s předvolbou +420 a bez mezer)

Poznámka

Ve specializovaných polích E-mail a Telefon (v nastavení Škola a u osob v sekci Kontakt) předpony mailto: a tel: nepíšete. Tam zadáváte pouze samotnou adresu nebo telefonní číslo a web z nich klikací odkaz vytvoří sám.

4. Soubory z Knihovny médií (/uploads/…)

Tlačítko může odkazovat přímo na soubor nahraný v Knihovně médií (například na PDF s kritérii přijímacího řízení):

1. Otevřete v levém menu Knihovna médií a najděte požadovaný soubor.
2. U souboru klikněte na Kopírovat odkaz (v nabídce akcí Kopírovat odkaz na soubor).
3. Vraťte se do úpravy stránky a vložte zkopírovanou cestu do pole Adresa u tlačítka. Můžete vložit samotnou cestu začínající /uploads/… (například /uploads/kriteria_prijimaciho_rizeni.pdf).

Když pole Adresa u tlačítka začíná /uploads/, web u tlačítka automaticky zobrazí štítek s příponou souboru (například PDF). Pro přehled více souborů s názvem, typem a velikostí však raději použijte sekci Dokumenty ke stažení.

5. Kotvy na sekce stránky (#kotva)

Kotva umožní po kliknutí na tlačítko plynule posunout stránku na vybranou sekci níže, případně odkázat přímo na konkrétní část jiné podstránky.

Na snímku níže uvidíte, jak na webu vypadá samostatná sekce Tlačítka:

Postup krok za krokem

Propojení tlačítka s sekcí pomocí kotvy

1. Otevřete stránku v části Obsah webu, Stránka a rozbalte cílovou sekci (Text a obrázek, Karty nebo Termíny), na kterou má stránka po kliknutí sjet.
2. Do pole Kotva zapište krátký název malými písmeny bez diakritiky a bez znaku #, například duvody nebo terminy.
3. Rozbalte sekci s tlačítkem (například úvodní sekci Hero na téže stránce).
4. V poli Tlačítka vyplňte Text odkazu a do pole Adresa napište znak # následovaný názvem kotvy, tedy #duvody. Chcete-li na tuto sekci odkázat z jiné stránky webu, spojte cestu stránky a kotvu: /pro-uchazece/proc-studovat-u-nas#duvody.
5. Klikněte na Uložit a pro zveřejnění na Publikovat.

Tipy a doporučení

• První tlačítko je hlavní: v sekcích s více tlačítky (Hero, Text a obrázek, Tlačítka v řadě) web automaticky zvýrazní první tlačítko v pořadí plnou barvou a další tlačítka vykreslí s obrysem. Nejdůležitější akci proto vždy dávejte na první místo.
• Nepřehánějte počet tlačítek: v sekcích Hero a Text a obrázek používejte jedno nebo dvě tlačítka. Pokud potřebujete rozcestník s více odkazy, použijte sekci Tlačítka ve variantě tiles (dlaždice odkazů).

Časté chyby

• Chybějící lomítko u interního odkazu: pokud do pole Adresa napíšete kontakt místo /kontakt, odkaz nebude fungovat správně ze zanořených podstránek. Interní cesta musí vždy začínat znakem /.
• Znak # napsaný do pole Kotva: do pole Kotva u sekce se píše pouze samotné slovo (například duvody). Znak # patří až do pole Adresa u odkazu nebo tlačítka (#duvody).
• Obecný text odkazu: nápisy jako Klikněte zde nebo Více neřeknou návštěvníkovi ani čtečce obrazovky, kam odkaz vede. Používejte výstižný Text odkazu (například Termíny dnů otevřených dveří).

Související

• Ikony
• Editor textu
• Stránky
• Sekce Tlačítka
• Sekce Hero
• Menu a patička