Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage?

Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage? 

I Zeni team měl možnost podílet se na mezinárodním festivalu TV a web seriálů – Serial Killer. Vytvořili jsme pro něj webovou stránku, jejíž téma je postavena na Sage. Jak jsme při tvorbě webové stránky postupovali a také výhody stránky vytvořené na Sage šabloně se dozvíte v článku.

Co je Serial Killer?

Určitě už tušíte, že festival Serial Killer potěší všechny nadšence seriálové kultury. Tvůrci nejlepších seriálových novinek ze střední a východní Evropy se každoročně setkávají na mezinárodním soutěžním festivalu televizních a webových seriálů. Na velkém plátně si návštěvníci mohou zhlédnout premiéry, které jinde nemají možnost vidět. Navíc, v sekci Fokus se festival každým rokem zaměří na jinou zemi a představí její seriálovou tvorbu.

Tvorba webové stránky

Festival nás zaujal, a také proto jsme se rozhodli zapojit do tvorby jejich webové stránky.

HTML strukturu nejprve vytvořil grafik Martin Pecina, následně bylo nutné ji rozdělit na menší části a vytvořit za ní celý web.

Z celkového zadání a grafiky jsme si stránku rozdělili na sekce:

  • seriály;
  • panely;
  • videa;
  • přednášející;
  • členové týmu.

U každé ze zmíněných sekcí jsme identifikovali, která data bude nutné vyplňovat a přidali jsme možnost jejich editace do administrace. Data bylo také nutné napasovat do připravené grafiky a pomocí nich tak oživit obsah.

Jaké funkcionality jsme dělali pro Serial Killer?

Hromadné stažení fotek z jednotlivých dní z presskit

Klient nám zadal, aby bylo možné stáhnout všechny fotky z jednotlivých dní z presskit a to v zip souboru. Připravili jsme funkcionalitu, která všechny dané fotky zazipuje a uživatel si je může stáhnout.

Předplatitelská sekce

Klient potřeboval přidat na web možnost koupit si předplatné do interní sekce webu. Připravili jsme propojení s Woocommerce a Gravity Forms, které zajišťují nákup přístupů a také přihlášení a omezení přístupů na určité stránky.

Archivace starého ročníku

Toto je jedna z nových features, které stránka obsahuje. Klient požadoval, aby bylo možné nastavit jednotlivé seriály, seriálové sekce, panely a přednášející jako archivované. Ty se pak nebudou zobrazovat na standartních místech a on si je bude moct přidat na vlastní stránky.

Proč je dobré mít šablonu stránky vytvořenou na Sage?

  • Nejlepší nástroj na tvorbu WordPress šablon

Dává programátorovi skvělé možnosti, jak udržet svůj kód přehledný a čitelný. Ať už se jedná o psaní CSS s SASS, Blade templaty, JavaScript routing nebo Controlery, ve kterých je možné specifikovat funkcionalitu pro přesně danou šablonu. S takovým nástrojem je práce mnohem zábavnější.

  • Obsahuje Laravel blade templating

Velice ulehčuje práci s vytvářením jednoduchých a přehledných šablon. My jsme si k němu ještě doinstalovali ACF Sage directives, což nám značně ulehčilo a zpřehlednilo práci s ACF fieldy. 

  • Protože JavaScript routing 

Sage už v základu obsahuje funkcionalitu, která umožňuje rozdělit JavaScript do souborů a pak ho načítat na stránkách podle vašeho určení. JavaScript je díky tomu přehlednější a nemusíte se obávat, že se na některé stránce spustí něco nechtěného.

Výkonnost webové stránky

Jestli na vaší stránce čtenář zůstane záleží hlavně na tom, zda ho dokážete co nejdříve zaujmout. Jak ho ale zaujmete, pokud se vaše stránka bude načítat nekonečné hodiny? Proto je pro vaši webovou stránku velmi důležitá její výkonnost, spolehlivost a rychlost.

Splnění těchto požadavků vám samotný Sage nezaručí. Avšak dobrý programátor ve spojení s tak dobrým nástrojem jako je Sage může udělat zázraky. Výkonnost a rychlost totiž vždy záleží na samotném programátorovi.

Stejně jako u dalších našich projektů jsme se snažili načítat vždy jen vše potřebné a připravili jsme stránku na co nejrychlejší načítání. Například jsme odstranili nepotřebné CSS a JS soubory, nastavili lazyload obrázků a mnoho jiného.

Pokud byste i vy chtěli vytvořit vaši webovou stránku na tolik kvalitním nástroji jako je Sage a přinést vaší stránce výkonnost a rychlost, neváhejte se na nás obrátit. Napište nám a my se vám ozveme v co nejkratším čase.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Nový plugin pro WordPress – Zeni mapa

Nový plugin pro WordPress – Zeni mapa

Jednou z poptávaných možností pro naše spokojené klienty je vytvoření mapy, kde si společnost či její partneři přejí zaznamenávat jejich prodejny, vzorkovny, výdejny či parkovací místa a zóny. My vám tuto možnost dáme formou nového pluginu!

Jaký byl námět k vytvoření pluginu

Jednoho dne přišel David s tím, že ho klient požádal o připsání jeho partnerů do mapy. V tu chvíli začal zapojovat celý tým a organizovat samotnou tvorbu. Je přesvědčen, stejně jako my všichni ze Zeni, že tato nová perspektiva umožní podnikatelům vyšší spokojenost ať už od zákazníků nebo partnerů.

Nejprve jsme se shodli, že nechceme žádné hardcodování do témy aby tuto možnost mohl využít i další klient. Rozhodli jsme se tedy pro vytvoření nového pluginu pro WordPress, protože dobře kódovaný plugin je daleko lepší než po každé změně témata přepisovat kódy v šabloně.

Nejzásadnější je pro nás vlastnost, že samotný plugin můžeme rozvíjet do nekonečných podob a objevit nekonečno vychytávek a možností.

Současný klient, pro kterého je plugin již hotov

Vytvořili jsme plugin dle klientova zadání a ještě jsme k němu přidali některé námi navržené vychytávky. Mapa se klientovi líbí a využívá jí na více stranách v jediném webu a to v různých provedeních. A přesně toho je daný plugin schopný viz. níže.

Další možnosti

V době Covidové jsme obdrželi další podnět, kterým je možnost dodat do mapy zóny. Možnost zónu zadat dle adres a nejlépe k ní vypsat podrobný popis, například: 

Rozvozová zóna 1 = cena 10,-

Tuto funkci máme dnes již v pluginu zakomponovanou a již přemýšlíme nad dalšími.

O tyto možnosti mají zájem především restaurace, které mají více rozvozových zón a k nim jiné ceny. Ale tento plugin má mnoho možností využití.

Rozvozové zóny - plugin zeni mapa

Tuto možnost mohou využít například:

  • Restaurace;
  • výrobní závody;
  • velkoobchodní dodavatelé;
  • kurýrní, či taxi služby.

Co o pluginu řekl klient?

reming.cz:

„Pro ukázku, s kterými e-shopy a partnery spolupracujeme při prodeji našich výrobků, jsme chtěli vytvořit mapu, do které bychom mohli zaznamenat název e-shopu/partnera, jeho adresu, logo a prolink na URL našeho produktu, a to pro každý produkt zvlášť. Toto jsme zadali našemu správci stránek společnosti Zeni team, a ten nám vytvořil plugin, který toto dokáže viz. produktové stránky na našem webu.

Ondřej Lhotský – majitel

Pokud vás plugin zeni mapa zaujal a máte o něj zájem, ozvěte se přes kontaktní formulář a my se s vámi spojíme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.