Bradford VTS — schéma záhlaví 06

Při vytváření webových stránek v Elementoru je opravdu důležité promyslet si anatomii vaší webové stránky. Jedná se o společnou strukturu, kterou budou mít všechny vaše stránky. Někdy mohou být vaše specifické požadavky takové, že budete potřebovat 2 až 4 typy šablon stránek. Pro každou z nich si budete muset sednout a pečlivě promyslet anatomii každé z nich. Věnujte tomu čas a udělejte to správně, protože pokud od začátku položíte správné základy, váš dům se nezhroutí a nespadne! Nakonec vám to ušetří spoustu starostí s patchworkem.

Takže správnou anatomií mám na mysli vypracování struktury stránky. Bude tam název stránky (obvykle ano)? A co podtext nebo podkategorie? Bude tam sekce ke stažení? Jak budou vypadat hlavní nadpisy obsahu? A co text obsahu?

Při pohledu na KAŽDÝ z těchto prvků je třeba vyřešit TŘI věci.

  1. Jakou barvu bude mít text
  2. Jaké bude nastavení písma textu (velikost, tloušťka atd.)
  3. A budete muset každé z těchto nastavení vyřešit pro – POČÍTAČ, TABLET a MOBILNÍ TELEFON (jinak by nastavení plochy na mobilním telefonu vypadalo šíleně). Nezapomeňte, že většina lidí dnes prohlíží web na svých telefonech a tabletech! Takže – TOHLE MUSÍTE UDĚLAT. Ano, je to těžká práce, ale stačí to udělat jen JEDNOU.

A Elementor vám to usnadňuje pomocí něčeho, co se nazývá GLOBÁLNÍ PÍSMA a GLOBÁLNÍ BARVY. V podstatě můžete nastavit GLOBÁLNÍ BARVU například pro název všech vašich stránek. Poté můžete nastavit GLOBÁLNÍ PÍSMO pro název všech vašich stránek. To má dvě výhody…

  1. Nemusíte zdlouhavě nastavovat jednotlivé komponenty Písmo a Barva pro každý (například) titulek stránky. Globální písma a barvy to udělají za vás.
  2. Pokud byste v budoucnu chtěli změnit například barvu názvu všech stránek, stačí změnit nastavení v sekci Globální barvy, místo abyste procházeli každou webovou stránku. Představte si web, jako je tento, který právě čtete – s více než 300 stránkami – představte si čas ušetřený změnou všech stránek jen v jedné sekci!

Zde je moje nastavení pro tento web. Pokud se chcete nejprve dozvědět více o globálních písmech a globálních barvách, zadejte do YouTube „Elementor Global Fonts Colors“. Tuto stránku jsem vytvořil jako referenci pro sebe v budoucnu a možná budete chtít udělat něco podobného pro svůj web.

DT = Počítač
TAB = Tablet
PH = Telefon

Např. DT znamená Desktop : 37, 400, LS -2.5, podtržení = velikost písma 37, tloušťka 400 , řádkování LS , podtržení je dekorace. LH = výška řádku. WS = mezery mezi slovy.

Kategorie např. Etika

Barva #0097FD
Písmo: Courier Prime

Dnešní čas:     27, 400, LS -2.5, podtrženo
TAB: 27, 400, LS -2.5, podtržení
PH: 17, 400, LS -2.5, podtrženo

podkategorie např. Planetární zdraví

Barva #F94A00
Písmo: Roboto

DT: 35 600
TAB: 35, 600
pH: 25, 600

Název, např. Indukce

Barva # F94A00
Písmo: Roboto

DT: 35, 600, podtrženo
TAB: 35, 600, podtrženo
pH: 23, 600, podtrženo

Titulky např. vše, co chcete vědět

Barva #0097FD
Písmo: Courier Prime

DT: 17, 400, LS -2.5
TAB: 17, 400, LS -2.5
pH: 14, 400, LS -2.5

KE STAŽENÍ

Barva rámečku = #DDDDDD
Okraj: Plný, šířka 1 1 1 1, poloměr okraje 5 5 5 5

Barva textu #35C3FF
Písmo textu: Lato

DT: 20 500
TAB: 16, 500
pH: 16, 500

ODKAZY

Barva č. 24B72F

Nastavení písma textu a kláves DT, TAB, PH: stejné jako u DOWNLOADS vlevo

Bar a text Swimlane

Fialová barva krabice #610071
Barva textu: #FFFFFF
Písmo textu: Ubuntu Condensed

DT: 27 600
ZÁLOŽKA: 27, 600
pH: 20 600

Hlavní text

Barva #333333
Písmo textu: Lato, 15, 400, LH 24

Takhle bude text vypadat…

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Přejděte na začátek