Jak udělat v Umbracu...?

Hledáte v Umbracu nějaké konkrétní nastavení či funkci? Potřebujete skrýt položku v menu, vytvořit další jazykovou verzi nebo nevíte, jak upravit zápatí?

Na této stránce najdete nejen rychlé postupy a návody, ale také odpovědi na nejčastější dotazy.

Nenašli jste odpověď na svou otázku? Kontaktujte nás na adrese webcentrum@ics.muni.cz a rádi vám s daným problémem či nastavením poradíme.

Aktuality, kalendář akcí, blog

Jaký je rozdíl mezi modulem pro aktuality a pro události (kalendář akcí)?

Aktuality (články) vs. události (kalendář akcí)

V Umbracu jsou k dispozici dva podobné moduly. Jeden z nich (aktuality) slouží pro výpis aktualit či článků, druhý (události) je určen pro výpis akcí.


Aktuality (články)

Tento modul se obvykle používá pro prezentaci novinek či článků o již proběhlých událostech. Lze využít např. i pro blog.

Ve výpisu aktualit má každý článek svůj název, datum zveřejnění článku, krátký popisek a případně i fotku. Odkaz vede na stránku s detailem článku nebo na jiný web, kde je článek zveřejněný.

Pokud máte zájem o modul pro výpis aktualit / článků, napište nám a na web vám ho přidáme.​


Události (kalendář akcí)

Kalendář akcí slouží k prezentaci budoucích akcí či událostí.

Ve výpisu událostí má každá akce svůj název, datum (a případně i čas) konání. Odkaz vede na stránku s detailem události, součástí je hlavička s údaji o místě a času konání, případně také mapa, kde je možné zvýraznit vybranou budovu či místnost.

Pokud máte zájem o modul pro výpis událostí, napište nám a na web vám ho přidáme.

Je možné přebírat aktuality nebo události z jiného webu?

Ano. Aktuality či události je možné automaticky přebírat např. z fakultního webu, z Magazínu M i z jiných webů (např. prostřednictvím RSS). Vždy ale záleží na konkrétním případu. Pokud jsou například články na externím webu štítkované, je možné vypsat na vašem webu pouze vybrané články s daným štítkem, které se týkají např. vašeho pracoviště či zaměření.

Pokud potřebujete nastavit přebírání aktualit nebo událostí z jiného webu na váš web, kontaktujte nás.

Můžeme mít na webu blog?

Ano. Pro prezentaci blogu je nejvhodnější použít modul pro aktuality (články). Prostřednictvím štítků lze umožnit filtrování článků dle tematických kategorií.

Pokud máte zájem o tento modul, napište nám a na web vám ho přidáme.​


 

Barvy na webu

Jaké barvy můžu na webu použít? Je možné přidat vlastní barvu?

Jaké barvy můžu na webu použít?

  • univerzitní modrou
  • barvu fakulty, ke které váš web patří
  • bílou, černou a odstíny šedé
  • mezi barvami také najdete dvě možnosti orámování

Obrázky, fotky a grafiky můžete na webu používat samozřejmě libovolně.

Základní paleta barev v Umbracu

Je možné přidat vlastní barvu?

Ve specifických případech je možné domluvit se na přidání další barvy. To lze ale jen v případě, že váš web svým zaměřením přesahuje Masarykovu univerzitu a jedná se např. o společný projekt více univerzit. V takovém případě nás kontaktujte a potřebnou barvu vám na web doplníme.

Jak změním barvu pozadí?
  • Barvu pozadí celé stránky změnit nelze.
  • Barvu pozadí řádku či sloupce můžete změnit v nastavení sloupce či řádku (ikona ozubeného kolečka). 
  • Barvu pozadí textového pole můžete změnit v nastavení textového pole (ikona ozubeného kolečka).
  • Případná možnost změny barvy pozadí u dalších komponent závisí na možnostech nastavení u konkrétního prvku.

Nastavení barvy pozadí (na různých úrovních)


Související tipy a doporučení
  • Pro pozadí používejte jen barvy adekvátní pro váš web (viz Jaké barvy můžu na webu použít?).
  • V nastavení pozadí celého řádku můžete zvolit pozadí přes celou šířku obrazovky. To znamená, že nehledě na velikost displeje či monitoru se pozadí roztáhne přes celou šířku a nebude pokrývat jen pozadí základní šířky stránky.
Jak změním barvu textu?

Jak změním barvu textu v textovém poli?

Barva textu lze změnit v případě tmavého pozadí na bílou (tlačítko "Formáty" v textovém poli).

Jiné barvy běžného textu lze dosáhnout jedině v HTML kódu. Barvu běžného textu ale nedoporučujeme měnit. Pro zvýraznění zkuste zvolit jinou metodu, případně použít jinou komponentu než běžný text.


 

Jazykové verze webu

Je možné vytvořit web v ukrajinštině / vietnamštině / čínštině / arabštině ...?

Ano. Weby je možné vytvářet v následujících jazycích (viz obrázek):

Potřebujete web v jiném jazyce? Kontaktuje nás a domluvíme se na podmínkách přidání dalšího jazyka.


Ukázka z webu MUNI EXPO 2020 s arabskou, anglickou a českou jazykovou mutací.

Jak vytvořit více jazykových verzí webu?

1. V nastavení webu zvolte, v jazých jazykových verzích bude váš web. Na stejné záložce zároveň vyberte, která jazyková verze webu je primární.

2. Ideálně nejprve dokončete primární jazykovou verzi webu (obvykle česká).

3. Začněte vytvářet další jazykovou verzi. U každé stránky, která má mít svůj překlad, zaškrtněte odpovídající jazyky stránky a zadejte přeložený název stránky (viz následující obrázek u dalšího bodu).

4. U jednotlivých stránek vložte do odpovídající samostatné záložky obsah stránky v dalším jazyce. Pokud je struktura stránky stejná, zkopírujte si obsah celé stránky v primárním jazyce, vložte ho do druhé záložky pro jazykovou variantu a následně jen stačí přepsat texty. Provedené úpravy nezapomeňte uložit.

5. Web nemusí být nutně ve všech jazykových verzích stejný, může mít jinou strukturu či obsah. Můžete přidat nové stránky či naopak nepřekládat veškerý obsah.

6. Po dokončení jazykových verzí můžete web publikovat.


Tip! Chcete nejprve zveřejnit jednu jazykovou mutaci a průběžně dotvářet další jazykovou verzi webu, kterou zveřejníte až později? Zjistěte, jak na to.

Můžu připravovat další jazykovou verzi u spuštěného webu tak, aby se před dokončením na webu nezobrazovala?

Ano. Web můžete mít zveřejněný např. jen v češtině a průběžně můžete dotvářet další jazykovou verzi webu, kterou zveřejníte až později.

V tomto případě v nastavení webu zaškrtněte, že chystaná jazyková verze je v přípravě. Na obsahu budete moci v Umbracu pracovat a zobrazit si ho v prohlížeči. Přepínátko pro jazykové verze ale bude na webu skryté. Po dokončnení nové jazykové verze stačí jen v Umbracu toto zaškrtnutí odebrat a přepínátko pro jazykovou verzi se na webu zobrazí.

Více informací o přípravě jazykových verzí webu najdete u otázky Jak vytvořit více jazykových verzí webu?

Jak zkopíruji celou jazykovou verzi webu?

Toto bohužel není možné. Pro vytvoření další jazykové mutace webu (pokud je struktura stránek stejná) je potřeba zkopírovat obsah jednotlivých stránek (viz Jak vytvořit více jazykových verzí webu).


 

Komponenty a jejich nastavení

Máte otázku k nastavení konkrétní komponenty?

Přejděte na seznam komponent v Umbracu a zobrazte si informace k vybrané komponentě.

Komponenty v Umbracu


 

Kopírování a přesouvání

Kopírování
Jak zkopíruji vybranou komponentu?

1. Klikněte v Umbracu na stránce na prvek, který chcete zkopírovat. Zobrazí se tím zelená lišta s názvem komponenty a ikonkami pro vyjmutí prvku, zkopírování prvku, ikonka pro nastavení a případně i pro smazání.

2. Klikněte na ikonku pro kopírování, obsah se vám tím uloží do schránky.

3. Následně stačí kliknout na sloupec, do kterého chcete prvek vložit. V zelené liště tentokrát vyberte ikonku pro vložení obsahu. Přes klávesovou zkratku Ctrl+V vložíte obsah ze schránky a pak už stačí jen potvrdit.

Kopírovat prvky můžete i napříč stránkami či weby.

Jak zkopíruji sloupec / řádek?

1. Klikněte v Umbracu na stránce na sloupec či řádek, který chcete zkopírovat. Zobrazí se tím zelená lišta s ikonkami pro vyjmutí obsahu, zkopírování obsahu a ikona ozubeného kolečka pro nastavení.

2. Klikněte na ikonku pro kopírování, obsah se vám tím uloží do schránky.

3. Následně stačí kliknout o úroveň výš (na řádek či na ikonky zcela nahoře na stránce) a vybrat ikonu pro vložení obsahu. Přes klávesovou zkratku Ctrl+V vložíte obsah ze schránky a pak už stačí jen potvrdit.

Kopírovat obsah můžete i napříč stránkami či weby.

Jak zkopíruji celou stránku?

A) Chci zkopírovat obsah celé stránky (nikoli stránku jako takovou)

1. Klikněte na ikonu pro kopírování zcela nahoře nad obsahem, tím se obsah zkopíruje do schránky.
2. Následně přejděte na jinou stránku na webu (nebo na záložku s další jazykovou verzi stejné stránky), kam chcete obsah vložit. Na stejné úrovni použijte ikonu pro vložení a přes klávesovou zkratku Ctrl+V vložte obsah ze schránky a potvrďte.

B) Chci zkopírovat stránku jako takovou (nikoli jen její vnitřní obsah)

1. Klikněte na stránku v Umbracu pravým tlačítkem a z nabídky vyberte "Kopírovat".
2. Následně jen stačí vybrat nadřazenou stránku ve struktuře vašeho webu, kam chcete novou zkopírovanou stránku vložit.

Kopírovat můžete nejen v rámci vašeho webu, ale i napříč weby, ke kterým máte v Umbracu přístup.

Jak vytvořím kopii celého webu?

Pokud potřebujete zkopírovat kompletně celý web, kontaktujte nás, kopii vám připravíme.

Přesouvání
Jak přesunu prvky / sloupce / řádky na stránce?

Pro přesun prvků, řádků či sloupců v rámci stránky stačí kliknout na daný prvek / řádek / sloupec a následně ho chytit myší za zelený okraj. Takto můžete s objektem hýbat a přesunout ho na jiné místo v rámci stránky.

Jak přesunu stránku ve struktuře (hierarchii) webu?

A) Chci přesunout stránku (či setřídit pořadí paralelních stránek) na stejné úrovni 

1. Klikněte na stránku v Umbracu pravým tlačítkem a z nabídky vyberte "Setřídit".
2. Následně se vám zobrazí seznam všech paralelních stránek na stejné úrovni. Myší je můžete přesouvat a změnit tak jejich pořadí.

Pokud se jedná o stránky, které se promítají do menu, setřídění se projeví i v pořadí stránek v menu (v případě, že používáte automaticky generované menu ze struktury webu).

B) Chci přesunout stránku pod jinou podstránku (na jinou úroveň)

1. Klikněte na stránku v Umbracu pravým tlačítkem a z nabídky vyberte "Přesunout".
2. Následně jen stačí vybrat nadřazenou stránku ve struktuře vašeho webu, kam chcete danou stránku přesunout.

Pokud se jedná o stránku na úrovni, která se promítá do menu, přesunutí se projeví i v menu (v případě, že používáte automaticky generované menu ze struktury webu).


 

Obrázky, videa a soubory

Obrázky
Nemám žádné vhodné fotky pro web. Kde je můžu sehnat?

Přečtěte si náš článek Kde získat kvalitní fotky na web a objevte tak zdroje fotografií pro použití na vašem webu.

Jaká je ideální velikost / rozlišení obrázku pro web?

Obrázky nahrávejte do Umbraca v co nejlepší kvalitě / rozlišení. Umbraco si obrázek podle použití přizpůsobí, takže se nemusíte bát, že pak bude obrázek příliš veliký a stránka se bude načítat pomalu. Obrázek po vložení na web vždy zkontrolujte a ověřte, že není rozmazaný.

Pro použití obrázku v hero headeru je ideální rozlišení min. 3000 px na šířku.

Jak můžu nahrát obrázky do Umbraca?

Obrázky můžete nahrát do Umbraca ze svého počítače přímo při vkládání komponenty, v rámci které potřebujete obrázek použít. Další možností je nahrát obrázky v rámci sekce "Média" (druhá ikona v šedém pruhu zcela vlevo).

Tip! V médiích můžete mimo jiné třídit fotky či jiná média do složek, upravovat jejich popisky či je mazat.

Jak setřídím nahrané obrázky do složek?

Obrázky či jiné soubory můžete třídit do složek a podsložek.

A) Složky a podsložky lze vytvořit v rámci sekce "Média" (druhá ikona zcela vlevo v šedém pruhu).

1. Klikněte v médiích pravým tlačítkem na hlavní úroveň webu (název webu) či na již dříve vytvořenou složku.
2. Rozbalí se vám nabídka, ve které vyberete "Vytvořit" a následně "Složka". Složku pojmenujte a uložte.

B) Složku či podsložku také můžete vytvořit při nahrávání obrázku v rámci nastavení komponenty kliknutím na malé plusko na konci hierarchie složek (viz obrázek)

Jak v Umbracu upravím / oříznu obrázek?

Přímo v Umbracu obrázky upravovat ani ořezávat nelze. Je tedy nutné nahrát obrázek v požadované finální podobě.

Při použití obrázku v některých komponentách (např. hero box) lze ovlivnit centrování obrázku posunutím modré tečky, která se zobrazuje v nastavení prvku na obrázku.

Web je responzivní, takže se i obrázky automaticky přizpůsobují při zobrazení webu na různých zařízeních. Zkontrolujte tedy, jak obrázek vypadá nejenom na vašem monitoru, ale také na jiných rozlišeních obrazovky, tabletu a mobilu (toto je možné zkontrolovat v náhledu webu).

Obrázek v hero boxu či hero headeru divně ořízl a zazoomoval. Co s tím?

Weby v Umbracu jsou responzivní. Když to vztáhneme na fotky, znamená to, že ve většině případů, kdy použijete fotky na webu, se tyto fotky zobrazí jinak na vašem monitoru v kanceláři a jinak na menším notebooku, tabletu či na mobilu. Obrázky se tedy podle zobrazení různě ořezávají

  • Abyste docílili ideálního zazoomováníobrázku a aby nebyl rozmazaný, nechte si v nastavení hero boxu automaticky přepočítat výšku obrázku (viz obrázek níže). Pokud časem změníte obsah hero boxu nebo hero headeru a změní se tak jeho výška, nechte i výšku obrázku opět znovu přepočítat.
  • Dále můžete nastavit centrování obrázku posunutím modré tečky, která se zobrazuje v nastavení prvku na obrázku.
  • Pokud se i přesto váš obrázek či fotka nezobrazuje dobře, zvolte jiný vhodnější obrázek.

Automatický přepočet výšku obrázku v hero boxu

Jak smažu nahraný obrázek?

Obrázky nahrané do Umbraca lze smazat pouze v rámci sekce "Média" (druhá ikona zcela vlevo v šedém pruhu).

1. Klikněte v médiích pravým tlačítkem na název obrázku.
2. Rozbalí se vám nabídka, ve které vyberete "Smazat". Tím se obrázek přesune do koše a zmizí všude na webu, pokud byste ho měli někde použitý.

Videa
Jak vložím video na web?

Video nejprve nahrajte na YouTube a následně ho vložte na web přes komponentu YouTube video. (Komponentu najdete ve složce komponent Sociální sítě a externí zdroje.


 

Odkazy

Jak nastavím, aby se odkazy na externí web otvíraly do nové záložky v prohlížeči?

Při nastavování odkazu je vždy v nějaké formě k dispozici políčko, které když zaškrtnete, odkazovaná stránka se otevře do nové záložky v prohlížeči. Na obrázcích níže jsou vidět dva příklady (nastavení u odkazu z tlačítka a nastavení u odkazu v textovém poli).

Otevírání odkazu do nového okna je obvykle vhodné v případě, kdy odkazujete na externí web. Nikoli na jinou stránku v rámci vašeho webu.

Jak udělám e-mail / telefonní číslo klikací?

Pokud vložíte na web e-mail nebo telefonní číslo prostřednictvím textového pole, je potřeba vložit k textu také odkaz, aby byl telefon či e-mail klikací.

Špatně: +420 549 497 273, webcentrum@ics.muni.cz
Správně: +420 549 497 273, webcentrum@ics.muni.cz

Jak na to?

  1. Kliněte na ikonku "Vložit/upravit odkaz"
  2. Do kolonky "Link" vložíte telefonní číslo či e-mail v tomto formátu:
    • Telefonní číslo: "tel:+420549497273" (bez uvozovek)
    • E-mail: "mailto:webcentrum@ics.muni.cz" (bez uvozovek)

Jak nastavit odkaz na telefonní číslo


 

Oprávnění k editaci webu

Jak nastavím oprávnění k editaci webu dalším lidem?

Kontaktujte nás a oprávnění k editaci webu nastavíme.

Je možné nastavit oprávnění k editaci pouze pro část webu?

Ano. Napište nám a oprávnění podle potřeby nastavíme.

Můžu získat v Umbracu práva ke čtení u vybraného webu MU?

Ano, je to možné, pokud s tím bude souhlasit správce daného webu.


 


 

URL adresy a přesměrování

Chci změnit URL adresu konkrétní stránky

URL adresy jednotlivých stránek se generují automaticky a koncová část za lomítkem odpovídá názvu stránky. Tzn. např. stránka nazvaná Celoživotní vzdělávání, která je ve struktuře webu zařazená pod stránku O nás na webu ÚVT, má tuto URL adresu: https://www.ics.muni.cz/o-nas/celozivotni-vzdelavani

A) Potřebuji změnit jen koncovou část URL adresy

Příklad
  • Automatická adresa: https://www.ics.muni.cz/o-nas/celozivotni-vzdelavani
  • Chci tuto adresu: https://www.ics.muni.cz/o-nas/czv

Toto můžete to jednoduše udělat v Umbracu v detailu dané stránky v části „URL stránky“.

Jak na to?

B) Potřebuji URL adresu upravit a zkrátit

Příklad
  • Automatická adresa: https://www.ics.muni.cz/o-nas/celozivotni-vzdelavani
  • Chci tuto adresu: https://www.ics.muni.cz/czv

V tomto případě je nutné „vytvořit“ novou URL adresu a přesměrovat ji na danou stránku. Funkční tedy budou obě.

Jak na to?
Jak nastavit přesměrování

A) Chci nastavit přesměrování v rámci jednoho webu

  1. Otevřete si v Umbracu stránku, kterou chcete přesměrovat.
  2. V záložce Šablona najděte sekci „Přesměrovat stránku jinam“. Zde zvolte a nastavte, na jakou stránku má přesměrování vést.
  3. Nezapomeňte nastavení na stránce uložit (a publikovat).

B) Chci nastavit přesměrování stránek z našeho starého webu na nový web

  1. Klikněte pravým tlačítkem na kořenový uzel (tzn. hlavní úroveň / název) vašeho webu.
  2. V rozbalené nabídce vyberte „Přesměrování stránek
  3. Klikněte na zelené tlačítko „Přidat“
  4. Zde zadejte všechny potřebné údaje pro nastavení přesměrování (viz obrázek) a vše uložte.

C) Chci nastavit přesměrování u aktualit či událostí

Bude doplněno.


 

Záhlaví

Kde najdu nastavení záhlaví?

Záhlaví a jeho prvky můžete upravit v Nastavení webu (viz obrázek):

Jaké prvky můžou být součástí záhlaví? Můžeme tam přidat sociální sítě?

Záhlaví webu je poměrně pevně dané:

  • Součástí každého webu je logo webu.
  • V záhlaví je dále hlavní menu, případně je možné přidat do pravé části jeden či více odkazu jako tzv. boční menu.
  • V případě vícejazyčného webu je v pravé části přepínátko jazykových verzí.
  • Pro větší weby je možné přidat i vyhledávací pole.
    Pokud potřebujete vyhledávací pole na svém webu, kontaktujte nás a na web ho přidáme.
  • V horní části záhlaví se zobrazuje tenká linka v barvě fakulty či univerzity. Místo této linky můžete do záhlaví pípadně vložit úzkou lištuMasarykova univerzita“ s proklikem na univerzitní web.

Jiné prvky, jako např. další loga, prokliky na soc. sítě apod. do záhlaví přidat nelze.


Menu či celé záhlaví je také možné v nastavení zcela skrýt. Pro běžné weby tutu funkci ale patrně nebudete potřebovat využít.

Logo
Můžeme použít vlastní logo, které není v MUNI designu?

Všechna pracoviště MU by měla pro svou prezentaci používat logo v univerzitním designu. Pouze u specifických projektů či projektů přesahujících Masarykovu univerzitu lze schválit vlastní logo. 

Jak vložím vedle loga ukrajinskou vlaječku?

Zobrazení ukrajinské vlaječky vedle loga je možné zvolit v nastavení záhlaví webu, konkrétně v záložce pro nastavení loga.

Menu
Jak skrýt stránku z menu (ale jinak ji zachovat)?

Postup pro automaticky generované menu

(nejčastěji použité menu, kdy se nové stránky (na hlavní úrovni webu) automaticky propisují do menu na webu)

Postup

1. Otevřete vybranou stránku
2. Zvolte záložku Šablona
3. Zaškrtněte pole Skrýt stránku v menu

Stránka tak bude přístupná i nadále, ale uživatel se na ní dostane, pouze když bude znát URL adresu stránky (případně na stránku bude odkazován odjinud než z menu).


Jak smazat stránku z ručně vytvářeného menu

(Způsob tvorby menu využívaný spíše pro větší weby. Nově vytvořené stránky se v menu na webu automaticky nezobrazují.)

Postup

1. V Nastavení webu otevřete Záhlaví
2. V Manuálním menu odpovídajícím tlačítkem dočasně skryjte nebo z menu zcela smažte vybranou stránku.

Jak změnit pořadí stránek v menu?

A) Menu je automaticky generované ze struktury webu

Pro změnu pořadí stránek v menu, je potřeba setřídit stránky:
1. Klikněte název webu v Umbracu pravým tlačítkem a z nabídky vyberte "Setřídit".
2. Následně se vám zobrazí seznam všech paralelních stránek na stejné úrovni. Myší je můžete přesouvat a změnit tak jejich pořadí.

B) Menu je vytvořené ručně v nastavení záhlaví 

1. V "Nastavení webu" otevřete "Záhlaví"
2. V "Manuálním primárním menu" následně můžete posunutím upravit pořadí jednotlivých stránek menu.

Je možné menu webu zcela skrýt?

Ano. V nastavení záhlaví zvolte možnost "Bez menu" (viz obrázek).


 

Obecné

Jak se (rychle) dostat k editaci stránky, kterou mám otevřenou v prohížeči?

Máte otevřenou stránku v prohlížeči, potřebujete na ni provést úpravy v Umbracu, ale nemůžete ji najít ve struktuře webu?

Nejjednodušším řešením je zadat v prohlížeči za adresu "?edit=1" (bez uvozovek). Tzn. např. https://www.muni.cz/vyzkum?edit=1. Pokud máte oprávnění k editaci dané stránky, otevře se vám daná stránka v Umbracu a zároveň ji i uvidíte zvýrazněnou ve stromové struktuře webu vlevo.

Používáte starou verzi internetového prohlížeče. Doporučujeme aktualizovat Váš prohlížeč na nejnovější verzi.

Další info