Posts By :

Adam Pražan

Bricks: Jak skrýt drobečkovou navigaci na hlavní stránce?

Máte na webu drobečkovou navigaci, ale potřebujete ji skrýt na hlavní stránce? Těch možností, jak toho v Bricks docílit je hned několik. Ano, jde to schovat pomocí CSS, ale i tak se stále zobrazí v kódu. Osobně tuto drobečkovou navigaci schovávám pomocí conditions viz obrázek. Jen pozor, dost ovlivňuje, zda je za doménou i lomítko…

read more
150 150 Adam Pražan

Obrázek přesahující border – oprava špatného zobrazení

Zrovna jsem na jednom webu řešil skutečnost, kde je logo v hlavičce webu, avšak má nastavený přesah do další sekce za pomoci margin-bottom: -45 px; (například). Následně jsem potřeboval na sekci pod headerem nastavit border, jenže tento bordel se zobrazoval ve vrstvě nad logem, což bylo nežádoucí - logo vypadalo, jako by bylo škrtnuté. Zde…

read more
150 150 Adam Pražan

Jak k nadpisu přidat horizontální čáru

Potřebujete na web přidat nadpis a nějak ho zvýraznit? Zkuste vedle nadpisu dát tenkou linku. Zde přikládám kód. V kódu si můžete změnit barvu a tloušťku čáry, případně i její délku. Já linku nastavil tak, aby byla vždy do konce řádku. HTML struktura <div class="ap-title-block-wrap"> <h2 class="ap-border-heading">Nadpis</h2> </div> CSS - zde je důležité mít na…

read more
150 150 Adam Pražan

Jak zakázat stahování obrázků z webu

Úvodem, ono někomu znemožnit stahování obrázků z webu je celkem nemožné, jelikož existuje opravdu hodně různých kliček, jak si obrázky stáhnout. První ochranou však může být například tento script, který na webu zakáže použití pravého tlačítka. document.addEventListener('contextmenu', function(e) { e.preventDefault(); }); document.addEventListener('touchstart', function(e) { if (e.target.tagName === 'IMG') { e.preventDefault(); return false; } }); document.addEventListener('touchend',…

read more
150 150 Adam Pražan

Bricks: Jak vytvořit fixní (sticky) menu při scrollu?

Bricks builder má tu výhodu, že v template pro header jde v settinngs nastavit fixní header, čili žádný stres, je to jednoduché. Co ale dělat, když nad menu je ještě nějaká informativní lišta? U jednoho klienta tam máme například kontakty, sociální sítě aj. Když tedy nastavím celý header jako fixed, tak se se scrollem zobrazuje…

read more
150 150 Adam Pražan

Jak vložit velké video do webu

Zrovna jsem řešil u jednoho svého klienta vkládání větších videí na web. Jde o to, že prodává na svém webu videokurzy, kde mi bylo tak nějak od začátku jasné, že klasický hosting toto neutáhne. Videa jsou totiž uložená přímo na hostingu a jsou přístupná v členské sekci. Ze začátku vše vypadalo ok, ale jakmile se…

read more
150 150 Adam Pražan

WPML: Jak vytvořit vlastní design language switcheru

Zrovna tvořím webové stránky pro jednu světovou organizaci, kde bylo potřeba udělat multijazyčný web. Požadavky byly takové, že na desktopu se měl language switcher pro přepínání jazyků zobrazovat jinak, než v mobilním menu. No a jelikož mám pocit, že v defaultním nastavení WPML lze zvolit jen jeden vzhled, tak nezbývalo nic jiného, než si to…

read more
150 150 Adam Pražan

Jak vkládat obrázky na web

V poslední době mi chodí hodně dotazů z řad mých klientů, jak si vlastně vkládat obrázky na web. Tento článek je tedy určený primárně pro mé klienty a pro weby, které jsem vytvořil (mám jednotnou koncepci), ale základní věci jsou aplikovatelné na jakýkoliv web. Rychlost webu Úvodem, rychlost webu je to, oč tu kráčí. Ano,…

read more
150 150 Adam Pražan

Bricks: Náhledový text na blogu

Zrovna při tvoření webu pro jedno studio jsem objevil menší bug u výpisu článků z blogu. Běžně to dělám tak, že přidám block, do něj přidám obrázek, textový blok (nadpis) a textový blok (post content), který omezím na délku například 25 slov a do "read more" přidám tři tečky. Na celý tento blok pak dávám…

read more
150 150 Adam Pražan

Oxygen: Jak vygenerovat taxonomii u CPT a jak je custom seřadit

Zrovna při tvorbě webu pro jednu větší advokátní kancelář jsem řešil reference, které se dávají na web. Pro tyto účely jsem v ACF založil vlastní CPT, který má vlastní taxonomii - různé kategorie referencí. Jak tyto kategorie vypsat do frontendu a jak je seřadit? Kategorie referencí by hádám mělo jít vypsat pomocí přímo Oxygenu, ale…

read more
150 150 Adam Pražan