»»Jak vybudovat úspěšný magazín – 8. část: optimalizujte své stránky pro tisk
  • View Larger Image Úprava webu pro tisk

  • Warning: error_log() has been disabled for security reasons in /home/www/josefkroupa.cz/www/wp-content/themes/Avada/includes/deprecated.php on line 257

Jak vybudovat úspěšný magazín – 8. část: optimalizujte své stránky pro tisk

Napsal: Josef Kroupa 16. února 2017

Ve svém článku o využívání sdílení na sociálních sítích jsem popisoval úžasnou vlastnost pluginu Easy Social Share Buttons. A sice možnost trackovat počty sdílení na dané sociální síti.

Na svém svatebním blogu používám kromě obvyklých sdílecích tlačítek pro sociální sítě také tlačítko pro tisk. Někomu to může v dnešní době přijít jako kravina, a plýtvání cenným místem, ale právě tlačítko pro tisk patří na tomto mém webu mezi nejpoužívanější.

Jak je vidět, je tlačítko pro tisk návštěvníky mého webu používáno častěji, než tlačítko pro sdílení na Facebooku. A to jsou pouze statistiky lidí, kteří pro tisk použijí bezprostředně toto tlačítko.

Pokud si někdo danou stránku vytiskne jen s použitím klávesové zkratky CTRL + P nebo přímým výběrem možnosti Tisk v prohlížeči, v této statistice se to neprojeví!

Statistika využití tlačítka pro tisk

Statistika využití tlačítka pro tisk

Začněte optimalizovat svůj web pro tisk ještě dnes

Pokud návštěvníkům stejně jako já nabízíte možnost přímého tisku, měli byste se alespoň chvíli věnovat úpravě kaskádových stylů tak, aby vytištěná stránka vypadala k světu.

Tento týden jsem se bavil s Ondrou Martinkem, který mi řekl, že si nechal od programátora upravit verzi svých stránek pro tisk.

V té chvíli jsem si řekl, že sice návštěvníkům možnost přímého tisku z webové stránky nabízím, ale optimalizaci jsem se nikdy nevěnoval.

Sidebar, AdSense, komentáře: to vše do tiskové sestavy nepatří.

A jak vypadal výstup, který si do dnešního dne pravděpodobně vytisklo přes 500 návštěvníků mého webu? To asi vidět nechcete :D

Rozložení webové stránky pro tisk

Rozložení webové stránky pro tisk

Jak je vidět na obrázku, to nejdůležitější – obrázek s texty se ztrácí mezi zbytečně se zobrazujícími prvky. Stránka působí hodně rozháraně a kdybych já osobně něco podobného našel v tiskárně, dost pravděpodobně bych výsledné „dílo“ hodil do koše.

Upravte si CSS styly pro tisk z webu

Řešení problému s tiskem je jednoduché a zvládne ho i úplný začátečník. Co je na všem nejlepší, úprava zabere 5-10 minut času a výsledek rozhodně stojí za to :).

Ve výše uvedeném příkladě skrývám pro tisk sidebar a patičku a to pomocí CSS vlastnosti diplay: none.

Jaké prvky doporučuji pro tisk skrýt?

Každý web bude samozřejmě jiný, přesto zde uvádím seznam prvků, které jsem pro tisk skryl já:

  • horní menu,
  • drobečkovou navigaci,
  • sidebar *,
  • footer,
  • související příspěvky,
  • komentáře,
  • AdSense a další reklamy v textu,
  • odkazy na sociální záložky,
  • odkazy na štítky a kategorie,
  • oznámení o použití cookies.

* pokud budete skrývat sidebar, doporučuji nastavit šířku hlavní textové části (main, content) na 100%.

Jaká je podpora v prohlížečích? Jak výsledek vypadá?

Co jsem se tak díval po různých diskuzích, s kompatibilitou by napříč prohlížeči neměl být problém.

Sám jsem toto řešení testoval na prohlížečích: Google Chrome, Firefox a Internet Explorer a všude vypadá výstup totožně.

Rozložení webové stránky optimalizované pro tisk

Rozložení webové stránky optimalizované pro tisk

Doporučení a bonus na závěr

Myslím si, že výsledek, i s ohledem na to, jak málo práce mi daná úprava zabrala, je fantastický.

Někdo sice může namítat, že by bylo vhodné schovat i hlavičku a title, ale tiše doufám, že i díky tomu, že jsem tam tyto prvky nechal, si buduji jakýsi brand daného webu, který budou mít lidé na vytištěné stránce neustále na očích :)

A ještě jeden tip na závěr, pokud jste hodně líní a máte na PC nainstalovanou virtuální PDF tiskárnu, můžete si pomocí tisku vytvořit pdf, které můžete zaslat svým odběratelům jako e-book :-P.


Předchozí díly seriálu

2017-02-16T08:48:08+00:00Únor 16th, 2017|Magazín|4 komentáře

4 komentáře

  1. Peťa 5.3.2017 at 16.44 - Reply

    Zdravím Josefe,

    to jsou zajímavé informace. Osobně tento plugin používám od prosince 2015 a nyní ho mám na třech webech. Před vánoci jsem kupoval jeden klíč za 10 dolarů. Bez klíče funguje také, bohužel nezobrazuje analytiku. Jediné co mi chybí je zamykání obsahu.

    Funkci pro tisk jsem nikdy nepoužil, ale určitě to napravím. Momentálně chci nasadit doplněk essb-optin-content pro sběr emailů, který easy social share podporuje.

    Všiml jsem si, že tvůj bratranec na kterého jsem se kdysi optal, začal také blogovat. Daří se mu opravdu dobře, to se musí uznat .-)

    • Josef Kroupa 7.3.2017 at 9.18 - Reply

      Peťo,
      ten plugin je fakt super a jsem rád, že jsem na něj narazil :).

      Máš pravdu, bratránek začal konečně blogovat a daří se mu více, než dobře :).

  2. Peťa 15.3.2017 at 16.48 - Reply

    Pepo nevím jestli to víš, ale v tomto pluginu lze nastavit tisk přes printfreidly.com. Tam už je to vše bez daných prvků webu. Jenom si vybereš, co vše chceš vytisknout z celého obsahu stránky.

    • Josef Kroupa 16.3.2017 at 9.43 - Reply

      Péťo,
      o dané možnosti vím, ale nechtělo se mi používat externí službu, když se to dá takto jednoduše obejít :).

      Navíc mi vadilo, že u vytištěného dokumentu je v hlavičce umístěn odkaz právě na printfriendly.com a to jsem nechtěl :).

Leave A Comment