css

Elementor 3.25: Optimalizace CSS, nové ovládání offsetu kotvy a možnosti stránkování pro živé výsledky ve vyhledávacím widgetu

Elementor 3.25 přináší aktualizaci s významnými vylepšeními, která se zaměřují na zvýšení výkonu webových stránek, zážitku návštěvníků a flexibilitu designu. Od kontinuální optimalizace CSS přes plynulejší posun s nativním CSS až po vylepšenou funkci vyhledávání – tato verze je navržena tak, aby webové stránky byly rychlejší, interaktivnější a snadněji ovladatelné. Chcete o Elementoru vědět více?

Elementor 3.25: Optimalizace CSS, nové ovládání offsetu kotvy a možnosti stránkování pro živé výsledky ve vyhledávacím widgetu Pokračovat »

Jak do WordPress přidat vlastní CSS styly

Každý web čas od času potřebuje drobné úpravy designu, aby odpovídal vašim představám nebo aktuálním potřebám. Možná chcete změnit barvy, písmo nebo velikosti prvků. Tyto vizuální úpravy se provádějí pomocí CSS. Dobrou zprávou je, že ve WordPress existuje jednoduchý a efektivní způsob, jak upravit vzhled webu bez toho, aniž byste museli vytvářet child šablonu. WordPress

Jak do WordPress přidat vlastní CSS styly Pokračovat »

WordPress 6.2 “Dolphy”

Vyšel WordPress 6.2 „Dolphy“, pojmenovaný po jazzovém virtuosovi na dřevěné dechové nástroje, multiinstrumentalistovi – Ericu Allanu Dolphy Jr. Dolphy získal uznání tím, že přinesl basklarinet na přední místa jazzové scény, vytvořil prostor pro flétnu a rozšířil lexikon altsaxofonu. Jeho umění bylo po celém světě uznáváno jako průkopnické v posouvání hranic improvizace, spolupráce v souboru a

WordPress 6.2 “Dolphy” Pokračovat »

Divi 4.16: Pokročilý Gradient Builder

Aktualizace Divi šablony 4.16 přináší vytváření nových přechodů pomocí více barevných zastávek a nové možnosti přechodu. Nástroj Gradient Builder představuje zcela nový typ ovládacího prvku v nástroji Visual Builder a umožňuje navrhovat pokročilé gradienty pomocí více barevných stop a nových možností gradientů. Jak používat nástroj Gradient Builder Starý typ ovládání gradientů v Divi byl velmi jednoduchý.

Divi 4.16: Pokročilý Gradient Builder Pokračovat »

Divi 4.10: Velká výkonnostní aktualizace

Nejnovější aktualizace Divi šablony přináší několikaměsíční výkonnostní vylepšení. Divi byla kompletně přepracována a optimalizována. Díky tomu se nyní vývojáři mohou soustředit na přidávání více obsahu (modulů, funkcí…). Z Divi se tak stává super rychlý framework pro tvorbu webových stránek. Nejprve pár výsledků Než si detailněji představíme na nové funkce, pojďme se podívat jak si Divi

Divi 4.10: Velká výkonnostní aktualizace Pokračovat »

Divi 4.2: Fixní hlavička, plovoucí elementy a další

Aktualizace Divi 4.2 přináší další rozšíření vizuálního editoru. Novinky jsou zaměřeny především na pozicování elementů. Novou položku Pozice najdete v záložce Pokročilé u každého Divi elementu. Nové možnosti nastavení přidávají kontrolu nad každým elementem stránky a obsahují fixní a absolutní pozicování, díky kterému můžete po stránce volně umisťovat element. Lze takto vytvářet například fixní hlavičku

Divi 4.2: Fixní hlavička, plovoucí elementy a další Pokračovat »

Jak upravit CSS v administraci WordPress

Potřebujete upravit vzhled administrace WordPress? Skrýt některé položky, posunout je, změnit jejich barvu, upravit písma? Všechny tyto úpravy můžete udělat za pomocí vlastních CSS stylů. Vložení vlastních stylů pomocí pluginu Nejjednodušším způsobem, který je vhodný pro začátečníky, je využití WordPress pluginu. Budeme k tomu potřebovat plugin Add Admin CSS. Plugin se nachází v oficiálním katalogu pluginů a je

Jak upravit CSS v administraci WordPress Pokračovat »

Odstranění načítání souboru dashicons.min.css pro nepřihlášené uživatele

dashicons.min.css je speciální písmo skládající se z ikonek. Používá se především ve WordPress administraci, například u položek menu. Nicméně, někdy se můžete setkat s tím, že se CSS soubor načítá i na stránce webu, kde nemá žádné využití. Velikost je sice jen 30KB, ale když děláte optimalizaci rychlosti načítání stránky, tak se každá drobnost počítá.

Odstranění načítání souboru dashicons.min.css pro nepřihlášené uživatele Pokračovat »

Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru

U Divi šablony, kterou vytváří studio Elegant Themes, došlo k dalšímu velkému vylepšení. Všechny vlastní úpravy stylů se nyní automaticky převedou do minifikovaného CSS souboru. Toto vylepšení výkonu pomáhá k rychlejšímu načítání stránek. Tvorba statického CSS souboru se týká Divi Builderu, nastavení Divi a sekce Přizpůsobit. To znamená, že úprava stylů již nebude generovat inline

Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru Pokračovat »

Jaké CSS třídy WordPress automaticky generuje

Všimli jste si někdy, že WordPress automaticky generuje CSS třídy pro určité prvky stránky? Samozřejmě vždy záleží na šabloně, ale pokud se jedná o dobře napsanou šablonu podle kodexu, tak ve zdrojovém kódu lze najít několik CSS tříd a ID generovaných automaticky WordPressem. Jestliže se pokoušíte upravit styly specificky pro určité stránky nebo prvky, můžete

Jaké CSS třídy WordPress automaticky generuje Pokračovat »

Jak přidat vlastní CSS třídu k widgetu ve WordPress

WordPress již sám o sobě k určitým prvkům ve zdrojovém kódu přiřazuje CSS třídy. Přímo k widgetu standardně přiřazuje obecnou třídu widget a pak třídu podle typu widgetu. Takže například text widget má ještě třídu widget_text, widget s výpisem rubrik pak třídu widget_categories. To by samo o sobě mohlo docela dobře stačit, ale co když chcete ke specifickým widgetům

Jak přidat vlastní CSS třídu k widgetu ve WordPress Pokračovat »

SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – CSS 2. ČÁST

Představme si několik základních CSS vlastností. Kaskádové styly jsou soupisem příkazů pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML. „Jazyk“ CSS byl navržen standardizační organizací W3C. CSS obsahuje velké množství vlastností. V tomto článku si představíme pouze ty nejdůležitější CSS vlastnosti, seznam všech najdete na stránkách W3Cschools.com. Všechny uvedené CSS vlastnosti jsou užitečné při lehkém

SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – CSS 2. ČÁST Pokračovat »

Simpsonovi pomocí CSS

Také máte rádi tuto kreslenou rodinku? Co byste řekli na to, že Chris Pattle si dal tu práci a vytvořil většinu postaviček ze seriálu pouze za použití CSS. Celkem takto vytvořil 13 postaviček. Dalších 5 postaviček, mezi kterými najdete Lízu, pana Burnse či Komixáka, najdete v oficiálním přehledu. Všechny zdrojové kódy jsou ke stažení z Githubu. Pro lepší

Simpsonovi pomocí CSS Pokračovat »