Tisková verze

• Proweby.cz
• 25. 2. 2025
• Slovník webových, online marketingových a IT pojmů, T.

Co je to tisková verze?

Tisková verze je speciálně upravená varianta webové stránky, která umožňuje čisté a přehledné vytištění obsahu bez zbytečných prvků, jako jsou reklamy, navigace nebo interaktivní prvky.

Proč je tisková verze důležitá?

Lepší čitelnost – odstranění zbytečných prvků zaručuje přehledný výstup, který je snadno čitelný na papíře.

Úspora inkoustu a papíru – eliminací obrázků a grafiky se snižuje spotřeba toneru nebo inkoustu.

Lepší uživatelská zkušenost – mnoho lidí si stále tiskne články, faktury nebo objednávky, a správně upravená tisková verze jim to usnadňuje.

Jak vytvořit tiskovou verzi webu?

Použití CSS pro tiskovou verzi

Tiskovou verzi lze vytvořit pomocí CSS stylu @media print, který umožňuje skrýt nepotřebné prvky a přizpůsobit formátování.

Ukázkový CSS kód pro tiskovou verzi:

@media print {
  body {
    font-size: 14px;
    color: black;
    background: white;
  }
  header, nav, footer, .sidebar, .ads {
    display: none; /* Skryje nepotřebné prvky */
  }
  article {
    width: 100%;
  }
  a {
    text-decoration: none;
    color: black;
  }
}

Tento kód zajistí, že při tisku zůstanou pouze relevantní informace a odstraní se zbytečné grafické prvky.

Tlačítko „Tisknout stránku“

Weby často obsahují tlačítko pro vytištění obsahu. Lze ho vytvořit jednoduchým JavaScriptem:

<button onclick="window.print()">Tisknout stránku</button>

Toto tlačítko umožní uživatelům rychlé vyvolání tiskové verze.

PDF export jako alternativa tiskové verze

Mnoho webů umožňuje generování PDF verze stránky, což poskytuje ještě lepší kontrolu nad tím, jak bude dokument vytištěn. K tomu lze využít PDF knihovny jako jsPDF.

Příklady využití tiskové verze

• E-shopy – tisk objednávek a faktur.
• Blogy a magazíny – možnost tisku článků bez reklam a postranních prvků.
• Online formuláře – tisk přehledných verzí vyplněných dokumentů.
• Ceníky a nabídky – formátování tiskové verze pro profesionální prezentaci.

Závěr

Tisková verze webu je užitečným prvkem pro lepší uživatelskou zkušenost. Dobře navržené tiskové CSS zajistí, že uživatelé získají čistý, čitelný a úsporný výstup bez zbytečných prvků, což zlepší funkčnost a profesionalitu webu.

Autor článku

Přemek Kubák – Proweby.cz
SEO konzultant a tvůrce webů.
Tel. 777 217 552, E-mail: proweby@proweby.cz

Kontaktujte mě