Přidávání a úprava sloupcových bloků

Pro usnadnění práce na tvorbě a grafické vizualizace webové stránky nebo internetového obchodu je zpřístupněna funkce přidávání a úpravy sloupcových bloků. Kromě toho že tato funkce výrazně vylepší grafickou prezentaci stránky, je snadno ovladatelná a navíc zobrazí obsah na mobilních telefonech.

Použití

Úprava vzhledu stránky

Funkci sloupcový blok využijete hlavně na jednoduché formátování obsahu stránky které zatraktivní celkový vzhled stránky. Použitím sloupcových bloků docílíte:

  • zlepšení celkového grafického designu stránky
  • přehledné zobrazování jednotlivých prvků na stránce
  • jednoduché formátování bloků (sloupců) na stránce
  • přizpůsobení velikosti a rozměrů jednotlivých sloupcových bloků
  • jednodušší rozložení a zobrazení obrázků a obrázkových galerii
  • responzivní zobrazování na mobilních telefonech a tabletech

Úprava stránky pro blogy, články a novinky

Pomocí sloupcových bloků naformátujete svou blogové stránky podle vlastních představ.

  • články lze členit do více sekci
  • v rámci jednoho sloupcového bloku můžete vedle textu přidávat obrázky, videa a linky na sociální sítě
  • sloupcovým blokem je možné vytvořit levý nebo pravý panel kde si můžete editovat kategorie článků, prispeivateľov článků, členění článků na období
  • vytvářet podsekce a prolinkování na zobrazení celého článku nebo dané skupiny článků

 

Postupujte podle následujících kroků:

 

Úvodní postup:

1) Přihlaste se do administrace Vaší internetové stránky nebo e-shopu

2) Vyberte si nabídku "Administrace obsahu"

3) Vyberte si místo kde chcete přidat sloupcové bloky a klikněte myší aby se zobrazil kurzor a editační lišta nahoru nebo dolů na obrazovce

4) Na spodní části editační lišty v pravo kliknete na nabídku "Sloupec"

5) Vyberete si "počet sloupců" na jeden řádek

6) Zvolíte si možnost "Šířka pravého okraje [%]"

         a) s odsazením - sloupcové bloky nebudou těsně u sebe ale budou mezi nimi mezeře (Hodnota = 1 a více)

         b) bez odsazení - sloupcové bloky budou těsně u sebe (Hodnota = 0)

7) Stisknete OK a následně se Vám vytvoří sloupcové bloky, které můžete začít editovat

8) Délka sloupcového bloku se dynamicky přizpůsobuje v závislosti na tom, kolik textu, obrázků a jiného obsahu vkládáte do daného bloku

9) Šířka sloupcového bloku se upravuje tak, že si najedete myší na okraj bloku a myší potáhnete do strany. Ostaní sloupcové bloky se následně dynamicky upraveny v rámci rozměrů dané stránky.

Rady a tipy

  • počet sloupcových bloků. Na začátku si rozmyslete, kolik sloupcových bolokov budete potřebovat na jednom řádku.
  • v případě, že chcete v sloupcovém bloku editovat text například nadpis a zároveň přidat obrázek, doporučujeme spíše než vložíte obrázek vložit text a následně obrázek
  • funkce obtékání textu okolo obrázku funguje i v rámci sloupcového bloku
  • na stránce můžete využívat různé kombinace sloupcových bloků. Na jeden řádek se vloží dva sloupcové bloky a druhý řádek i tři bloky.
  • pokud vkládáte k obrázkovým kategoriím k produktům i text (například název kategorie) doporučujeme tyto kategorie vkládat do sloupcových bloků. Tím umožníte aby nadpis pod nebo nad obrázkem se zobrazoval správně rovněž v mobilním telefonu (obrázek i s textem kategorie se zobrazí u sebe).
  • blogové stránky si vytvoříte například tak, že si vytvoříte 3 nebo 4 sloupcové bloky a následně jejich roztažením okraje změníte tak, že ten poslední na levo nebo na pravo si upravíte abyste si z něj mohli udělat pravý nebo levý oddíl pro blog
  • příklady využití sloupcových bloků v blozích najetí iv našich šablonách:
  • příklady využití sloupcových bloků v rámci stránky: