Diskuze: Problém se stylováním šablony ve wordpressu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 12 zpráv z 12.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Barva tohoto borderu je nastavena v blue.css.
#wrap {
border-top: 8px solid **tvojeBarva**;
}
Aha, z jakyho důvodu se dělá více CSS stylů, je to proto, že se styly přepínají podle toho, jak je člověk přepne v administraci wordpressu? A proč zbytek elementů na stránce jde nastavit v hlavním CSS a tahle věc ne? Přijde mi to trošku divný, děkuju za vysvětlení, vědomostí není nikdy dost =)
Kdyby to bylo všechno v jednom stylu, tak by ten css soubor byl příliš
velký
takhle se vždy
použijí styly podle potřeby a ty nepotřebné se nenačítají 
Mno, ale v současnosti mi to čte ze dvou zároveň, protože až na tuhle věc, jsem vše definoval v uplně jiném souboru...a to mi přijde jako hrozný bordel, číst to ze dvou souborů najednou, ne? A dokonce tak, že jeden soubor má vyšší práva než druhý, viz ten případ s wrapem, kde je jednou definovanej jednak, a jde v něm nastavit napřiklad stinovani te postraní barvy, a pak v blue.css se definuje barva hořejšku, to je uplně na hlavu O_o
Umíš si představit jaký je bordel v css souboru, který má třeba 1000
řádek?
Proto je
pohodlnější mít to rozdělení na více souborů
Neříkám, že jich musí být 50

Vůbec to tak být nemusí, stačí si v tom udělat systém, nejlépe okoukat nějaké guidelines.
Taky netvrdím, že je to povinnost
Mě to přijde pohodlnější
Třeba u projektů, kde se často mění design. Jenom přepínám
css.
Od toho jsou spíše šablony než samotné css soubory, ale asi to taky
může být cesta. Stejně je ideální, aby ve finále produkční web
používal jeden minifikovaný css soubor, ať už jich je v testovací verzi
kolik chce 
Jsem pořád noob, a nechce se mi zakládat na vše nový topic, a spamovat
tím forum...mám další problém s CSS...Děkuji za radu předtím, pošlu
vám všem postupně palce 
Jde o stylování menu:
.main-navigation /* okolo navigace, nejsem si uplně jistý, font menu*/ {
font-family: verdana;
clear: both;
display: block;
padding: 0.6em;
background-color: #f70019;
margin-top: 5px;
margin-bottom: 0;
max-width: 960px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-image: url(images/navbg.png); /*změna barvy hlavniho menu*/
}
.main-navigation:after {
clear: both;
content: "";
display: block;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0 16px;
}
.main-navigation li {
float: left;
margin: 0;
position: relative;
}
.main-navigation a /*barva pisma v navmenu*/{
font-size: 1.4rem;
font-size: 14px;
color: #ffffff;
display: block;
font-weight: normal;
margin-right: 2em;
text-decoration: none;
text-transform: uppercase;
word-spacing: 4px;
}
.main-navigation ul ul /*stylování sub menu*/{
background: #2fff00;
display: block; /*pak vratit na none*/
float: left;
position: absolute;
top: 1.6em;
left: -0.2em;
z-index: 99999;
padding: 4px;
border-radius: 0.2em ;
width: 100%;
}
.main-navigation ul ul a {
/*padding: 4px 0;*/
font-size: 1.3rem;
font-size: 13px;
}
.main-navigation ul ul ul {
left: 100%;
top: -0.3em;
margin: 0;
border-radius: 0 0.2em 0.2em 0;
width: 100%
}
.main-navigation ul ul ul a {
font-size: 1.3rem;
font-size: 13px;
}
.main-navigation li:hover > a,
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a,
.main-navigation ul ul a:hover {
color: #ff0400;
display: block;
}
.main-navigation ul li:hover > ul {
display: block;
}
Ve výsledku nemůžu napsat dvouslovné submenu, protože druhé slovo mi automaticky skáče na nový řádek...moc nevidím, kde to v tom CSS nastavit...to, že jsou názvy hrozně dlouhý je další problém, ale jak rozšířit ten podklad pod dlouhý název vím.
V tom obrázku má být Novinky "ženy" v jedné řádce...to samé B tým a Novinky A tým, ale to jde jen s podtržítkama
Vyřešeno...kdyžtak časem hodim další dotaz... (4 hodiny přemýšlení, bolelo to...výsledek je, že v menu musí být hypertextový odkazy, pak to funguje, jako rubrika ne, třeba to někomu pomuže)
Zobrazeno 12 zpráv z 12.