Manuál

perex – zvýraznenie úvodného textu pod nadpisom.

Breadcrumbs – nastavenie sa robí dole na stránke , kde si vyberiem, kde ma byť umiestnený či na stred alebo má začínať zľava a v akej šírke.

Nadpisy

Nadpisy majú 6 úrovní h1, h2, … h6. Každému nadpisu vieme priradiť triedu h1, h2, h3, h4, h5, h6 a prevezme veľkosť triedy alebo vieme nadpis podčiarknuť s triedou ciara

Nadpis h1

Nadpis h2

Nadpis h3

Nadpis h4

Nadpis h5

Nadpis h6

Nadpis s ciarou

Nadpis h4 s triedou h2

8 Nadpis s číslom

Ak chceme do nadpisu použiť číslo ale iný znak, tak použijeme triedu cislovanie a číslo/znak dáme boldom.

Šírka obsahu v type postu Stránka

Zoskupíme si bloky, ktoré chceme mať v stĺpci a použijeme jednu z tried cv-center-xxl, cv-center-xl, cv-center-l, cv-center-m, cv-center-s

cv-center-l

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper tortor efficitur massa ullamcorper laoreet. Pellentesque elementum vehicula ex sit amet ornare. Integer at vestibulum dui, et porttitor urna. Donec et bibendum est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisis tempus mauris, vitae vestibulum orci interdum vel. Proin nec diam non sapien suscipit pretium. Sed facilisis, augue ut egestas vestibulum, neque enim tempus lacus, nec sodales ipsum orci malesuada tellus.

Biely box

Box-white

Ak chceme dat nejaky blok do bieleho boxu tak si ho označíme, zoskupíme a pridáme triedu box-white.

Dva farebné boxy

Vytvoríme si 2 stĺpce a do nich pridáme triedu boxy

Zoznamy

Nečíselný zoznam

Vytvorím si zoznam a pridám mu triedu gulicky

• Lorem ipsum dolor sit amet, consectetur adipiscing elit
• Vestibulum semper tortor efficitur massa ullamcorper laoreet
• Pellentesque elementum vehicula ex sit amet ornare
• Integer at vestibulum dui, et porttitor urna
• Donec et bibendum est. Pellentesque habitant morbi tristique
• Senectus et netus et malesuada fames ac turpis egestas

Číselný zoznam

Vytvorím si zoznam a pridám mu triedu had

• uspendisse pharetra pretium tempor.
  • Nunc congue nisl sed rutrum vestibulum. Nam pretium mauris lacus, et pulvinar mi auctor luctus.
• Praesent egestas dictum nibh eget tempus.
  • Aliquam nec tempor ipsum. In ullamcorper pharetra massa, vitae sollicitudin justo elementum in.
• Duis ultricies urna ac nunc gravida, id luctus felis aliquet.
  • Proin tincidunt sem vitae enim luctus, id porttitor arcu bibendum. Aenean tempus tempus posuere.

Obrázky

Obrázok bez tieňu

Bez žiadnej triedy

Obrázok s tieňom

Obrázku pridáme triedu tien

Rozmery obrázkov

Článok

• Úvodný obrázok
  Šírka 1800px v pomere strán 16:9
• Obrázky v obsahu
  Maximálna šírka 1300px a taktiež ideálna minimálna šírka a na pomere strán nezáleží

Stránky

• Úvodný obrázok
  Šírka 1800px v pomere strán 16:9
• Obrázky v obsahu
  Tu sa medze nekladú všetko závisí od šírky stĺpca ale maximálna šírka je 1800px

Profil užívateľov

• Veľkosť
  Maximálna šírka 400px v pomere 3:4
• Farebnosť
  Treba pridávať farebné obrázky systém ich automaticky dá do BW

Optimalizácia obrázkov

Optimalizácia obrázkov je veľmi dôležitá kvôli rýchlosti načítania stránky, preto tento krok nemožno vynechať. Najplachšie riešenie je nahrať obrázok na nasledujúcu stránku https://tinyjpg.com/ a stiahnuť.

Stĺpce WP

Počet stĺpcov vo WP je ľubovoľný ale odporúčame maximálne 4, kvôli čitateľnosti.

Stĺpce bez triedy

Stĺpce s triedou wp-stlpce

Naprogramované bloky pre CPF

Tie bloky si vyhľadáme pod slovíčkom cpf.

Historia

Download

• Vyrocna sprava

  Veľkosť:695 kb, Typ súboru: PDF

• Externý odkaz

Zoznam grid

ikonky pre rieeto zoznami sa nachádzajú na stránke https://icons8.com/line-awesome

FAQ

Slider

Publikácie

Názov knihy

Popis knihy

Názov knihy

Popis knihy

Kotva

Kotvy vytvarame ak sa odkaz nachadza na tej istej stránke. Vytvoríme si link so znamienkom # napriklad #obrazky a tento nazov potom umiestnime napriklad do nadspisu v sekcii HTML kotva.

• Obrazky
• Manual

Kotvy a ich druhé využitie

Kotvy nemusia odkazovať iba niekde na stránku ale aj na email, tel. číslo, stránku a podobne

• 0918 762 924
• thullnerova@cpf.sk
• Manuál

Profil user

Vytiahnutie profilu s kontaktom

Photogrid

Treba vlozit 7 fotiek a automaticky sa vytvori kolaz z fotiek

Šablóny

Stránka využíva 3 šablóny

Pre články

• profil uzivatela
  Tato šablóna sa využíva, keď chcem pridať nového člena pre CPF.

Pre stránky

• Partneri
  Šablóna pre nových partnerov pre sekciu Naši partneri.
• EN verzia
  Šablóna pre EN verziu