Vlastní portál

Jak vytvořit vlastní portál organizace

Jedná se o organizační web, který je potřeba vytvořit pro konkrétní organizaci.

  • Vyhledání organizace v Ovládací panel → Uživatelé → Uživatelé a Organizace.

  • Vstoupit do editace organizace (Upravit).

  • V pravém menu v části Informace o organizaci zvolit položku Web organizace.

  • Zašrtnout možnost Vytvořit web.

  • Nastavit stránky ze šablony:

    • Ve výběru Veřejné stránky zvolit možnost p.i. Členská sekce a nechat zašrtnuto Povolit propagování změn z šablony webu.

    • Ve výběru Soukromé stránky zvolit možnost p.i. Manažerská sekce a nechat zašrtnuto Povolit propagování změn z šablony webu.

  • Uložit změny.

Logo portálu

Logo se nastavuje v editaci organizace.

  • Vstoupit do editace organizace (Upravit).

  • Z šablony se jako výchozí logo zobrazí logo PI.

  • Pod logem kliknout na tlačítko Změnit.

  • V dialogu nahrát nový obrázek a uložit.

  • Uložit změny.

Nastavení stránek členské sekce portálu

Nastavení look and feel atributů (Vzhledu) a rozšíření stránek v členské sekci.

Před úpravou look and feel atributů je potřeba se ubezpečit, že:

  1. Nikdo nemanipuluje s šablonou webu p.i. Členská sekce současně.

  2. Veškeré předešlé změny šablony webu se již zpropagovaly přenačtením portálu.

  3. Setting frozen-look-and-feel má nastavenou hodnotu FALSE u organizace portálu.

  • Vyhledání organizačního webu v Ovládací panel → Weby.

  • Vstoupit do Administrace serveru.

  • V levém menu v části Konfigurace zvolit položku Stránky.

Nastavení názvu portálu

  • Na záložce Veřejné stránky kliknout na Veřejné stránky.

  • Na podstránce Vzhled najít panel Nastavení.

  • Do pole theme-setup-header-text napsat název portálu.

  • Uložit změny.

Nastavení patičky portálu

  • V Administraci serveru v levém menu v části Obsah zvolit položku Webový obsah.

  • Přidat Základní webový obsah a připravit v něm obsah patičky portálu.

  • Zkopírovat ID webového obsahu (článku).

  • V levém menu v části Konfigurace zvolit položku Stránky.

  • Na záložce Veřejné stránky kliknout na Veřejné stránky.

  • Na podstránce Vzhled najít panel Nastavení.

  • V poli theme-setup-footer-artcle-id změnit uložené ID na zkopírované ID článku.

  • Uložit změny.

Nastavení úvodního textu pro přihlášené a nepřihlášené

  • V Administraci serveru v levém menu v části Obsah zvolit položku Webový obsah.

  • Přidat Přihlášný a nepřihlášený a připravit v něm obsah pro přihlášené a nepřihlášené uživatele.

  • Zobrazit členskou sekci portálu na stránce Přihlášení jako admin a vybrat v měm výše vytvořený webový obsah (Portlet Webový obsah - Zobrazení → Vyberte webový obsah).

Nastavení vzhledu portálu

  • Na záložce Veřejné stránky kliknout na Veřejné stránky.

  • Na podstránce Vzhled najít část CSS.

  • Do pole Vložte vlastní CSS, které bude nahráno hned po tématu vložit cssko, viz. příklad níže.

  • Uložit změny.

Přehled proměnných pro nastavení vzhledu.

Přiklad nastavení vzhledu portálu
@import url('https://fonts.googleapis.com/css2?family=Domine&family=Roboto:ital@0;1&display=swap');

#heading .logo img {
    height: 120px;
    width: auto;
    padding-top: 20px;
}

#heading {
    background-color: #2e74bc;
    background-image: none;
}

#heading  #heading-wrapper {
    background: none;
}

:root {
  --headings-font-family: Roboto, sans-serif;
  --base-font-family: Domine, sans-serif;
  --primary-color-rgb: 245, 131, 36;
  --primary-color: #37455f ;
  --primary-color-hover: #4083c7;
  --primary-color-disabled: #f8ac6d;
  --secondary-color-rgb: #a39b8d;
  --secondary-hover-color: #7AADE3;
  --secondary-disabled-color: #8fee3b;
  --button-help-color: #4c90d6;
  --button-help-color-hover: #7AADE3;
  --button-help-color-disabled: #8ab7e4;
  /*--nav-menu-background-color: #c34335;*/
  /*--nav-menu-background-color-highlight: #e1a19a;*/
  /*--nav-menu-background-color-border: #c34335;*/
  /*--footer-background-color: #a39b8d;*/
  --footer-text-color: #9ba8c2;
  --footer-link-color: #a39b8d;
}

Zmražení změn look and feel atributů

Pokud portál nebude mít zamražený look and feel, tak v případě změny šablony webu dojde při propagaci změn k přepsání atributů look and feel. Aby se této situaci zabránilo, musí být v settingu frozen-look-and-feel nastavená hodnota TRUE pro danou organizaci portálu.

Zamražení look and feel nemá vliv na strukturu stránek a na portlety, které se do šablony nově přidávají. Čili dojde k propagaci změn do portálu organizace, pouze se nezpropaguje look and feel.

Úpravy look and feel atributů

Pokud dojde k úpravě look and feel atributů v šabloně webu a je potřeba tyto změny zpropagovat do existujícího portálu ogranizace, nelze tato propagace provést přímo kvůli přepsání. Změny je potřeba do portálu doplnit dodatečně.

V případě změny look and feel atributů u existujících portálů je potřeba:

  • zajistit, aby nikdo nemanipuloval s šablonou webu p.i. Členská sekce současně.

  • provést propagaci případných změn v šabloně webu přenačtením portálu.

  • nastavit setting frozen-look-and-feel na hodnotu FALSE u organizace portálu, aby se look and feel odmrazil.

  • upravit požadované atributy look and feel.

  • nastavit setting frozen-look-and-feel na hodnotu TRUE u organizace portálu, aby se look and feel zmrazil.

Vytvoření vstupu do manažerské sekce

  • Na záložce Veřejné stránky kliknout na Veřejné stránky.

  • V horním menu kliknout na Přidat stránku.

  • Jméno stránky zadat Manažerská sekce.

  • Zvolit typ stránky URL, kde se zadá odkaz na privátní stránky, např. /group/wecr.

  • Poté kliknout na tlačítko Přidat stránku.

  • Po přidání stránky kliknout na stánku Manažerská sekce ve stromu stránek.

  • V horním menu kliknout na Oprávnění.

  • Vyhledat roli ManažerRegular a ve sloupci Zobrazit zašrtnout políčko.

  • Uložit oprávnění.

Do manažerské sekce může přistupovat více rolí, pokud jsou nastavené:

  • Kontrolní KomiseRegular

  • RecepceRegular

  • Správce vstupenekRegular

  • Správce účastníkůRegular

  • Vedoucí skupinyRegular

Vložení dalších stránek

Pro některé zákazníky bude potřeba vložit další stránky s portlety. Týká se to jak členské sekce, tak i manažerské sekce.

  • Na záložce Veřejné stránky kliknout na Veřejné stránky pro členskou sekci nebo na záložce Soukromé stránky kliknout na Soukromé stránky pro manažerskou sekci.

  • V horním menu kliknout na Přidat stránku.

  • Zadat požadované jméno stránky.

  • Zvolit typ stránky Empty page s výběrem 1 Column.

  • Poté kliknout na tlačítko Přidat stránku.

  • Po přidání stránky kliknout na přidanou stánku ve stromu stránek.

  • V horním menu kliknout na Oprávnění.

  • Vyhledat požadovanou roli a ve sloupci Zobrazit zašrtnout políčko.

  • Uložit oprávnění.

U stránek v členské sekci zůstane nastavená role Site member. Pokud stránka nemá být veřejná, zruší se zobrazení pro roli Guest.

U stránek v manažerské sekci se nastaví taková role, která má přístup do manažerské sekce, viz. předchozí kapitola.

Mezi typické stránky pratří:

  • Stránka s assety

  • Transparentní účet

Vložení portletů v členské sekci se provádí přes tlačítko + v levé části stránky.

Vložení portletů v manažerské sekci se složitější kvůli absenci tlačítka +.

Postup vložení portletu do manažerské sekce.

  • Na záložce Soukromé stránky kliknout na požadovanou stránku.

  • V pravém menu vybrat položku Vzhled.

  • Na stránce vybrat možnost Definuje specifický vzhled této stránky.

  • Zobrazí se nové nastavení vzhledu, kde se vybere v části stránky Dostupná témata thema Clasic.

  • Uložit změny.

  • Zobrazit si změněnou stránku, kde se zobrazí tlačítko +.

  • Přidat požadovaný portlet.

  • Změnit nastavení vzhledu zpět na Use the same look and feel of the Soukromé stránky .

  • Uložit změny.

  • Obnovit stránku s portletem.

Pokud se bude přidávat stránka do šablony, musí se úpravy provádět přímo v šabloně. Po úpravě se změny zpropagují.

Stránka může mít také ikonku v menu.

  • U stránky v pravém menu zvolit položku Uživatelská pole.

  • Do pole Fonticon zadat obrázek z https://fontawesome.com/, např. fa fa-horse-head.

  • Pro schování názvu stránky z menu nastavit pole Icononly na Ano.

  • Uložit změny.

Nastavení dodatečných rolí a akcí

Pro přístup k některým stránkám, případně povolení některých akcí je potřeba udělat některé úpravy v rolích. Pak je potřeba role přiřadit konkrétním stránkám.

Vytvoření custom role

Buď se vytvoří regulární nebo organizační role podle toho, zda jde jen o zobrazení stránky nebo o nastavení akce pro custom situ.

Lze použít i skupinovou regulární roli, ale pozor na názvy. V případě shody jmen může dojít k přepsání role. Na druhou stranu lze podle přiřazené skupiny řídit zobrazování stránek pro určité skupiny osob.
Nastavení custom akce

V Control Panelu → Uživatelé a organizace → Role vyberte roli a přejděte na záložku Definovat oprávnění. V části Shrnutí najdete nastavené akce pro roli. Pokud chcete akci přidat, vyberte v levé části Admiministrace serveru → Aplikace název portletu, který akci obsahuje. Zatrhnutím a uložením se akce k roli přiřadí.

Zrušení akce pro konkrétní situ je potřeba definovat tak, že je potřeba vybrat všechny sity, kde akce bude použita a zbytek vyřadit. To se provede u akce, která je ve výchozím stavu nastavena na Všechny weby. Kliknutím na Změnit lze sity nastavit.

Některé akce jsou nastavitelné jen pro Členskou sekci a některé pro Manažerskou sekci. Příklad je CRM Assets a CRM Assets Viewer, které obsahuje akce speciálně pro tyto sekce.

Další nastavení portálu

Pro zajištění jednotného vzhledu bude potřeba ještě upravit:

Nastavení webu

Speciální konfigurace portálu.

  • Vyhledání organizačního webu v Ovládací panel → Weby.

  • Vstoupit do Administrace serveru.

  • V levém menu v části Konfigurace zvolit položku Nastavení webu.

Nastavení přívětivého URL a site URL

  • V levém menu v části Konfigurace zvolit položku Nastavení webu.

  • V pravém menu v části Základní informace vybrat položku URL adresa webu.

  • V části stránky Přívětivé URL (Friendly URL) se nastaví url, např. /wecr, které bude připojeno k https://site_url/web pro veřejné a k https://site_url/group pro privátní stránky.

  • V části stránky Virtuální hostitelé do pole Veřejné stránky se uloží site_url, např. is-wecr.vrk.cz.

  • Uložit změny.

Po vytvoření custom site s doménou 3. řádu v site_url je potřeba na naší straně ještě nakonfigurovat přesměrování na situ a nastavení SSL certifikátu (To má na starosti VV).

Pro doménu 3. řádu v site_url je poté potřeba nastavit CNAME záznam v DNS záznamech zákazníka na is.pohodlne.info.

site_url je potřeba i vložit do reCAPTCHA, aby fungovaly přihlášky a registrace.
Příklad 1. Vzhled e-mailu

Předmět: Nastavení domény is.xxxx

Dobrý den,

Informační systém s licencí PORTÁL bude zprovozněn pod vaší doménou xxxx, kde doporučujeme použít doménu 3. řádu is.xxxx. Tady bude potřeba součinnost ze strany vašeho správce domény, který doménu 3. řádu nastaví takto:

Přidejte nový záznam typu CNAME podle tabulky níže.

Název

Typ záznamu

Hodnota

is

CNAME

is.pohodlne.info

Upozornění: U některých poskytovatelů domény se doména 2. rádu v nastavení DNS doplňuje k názvu záznamu automaticky, proto je potřeba zadat jen tu část před doménou, viz. výše. V některých případech je však potřeba vyplnit celý název is.xxxx. Více informací zkuste vyhledat v nápovědě správy DNS záznamů u vašeho poskytovatele.

Jakmile bude doména nastavena, potřebujeme být o stavu informováni, abychom dokončili nastavení na naší straně, nejlépe na e-mail podpora@pohodlne.info.

Nastavení robots.txt

  • V pravém menu v části Optimalizace pro vyhledávače vybrat položku Roboti.

  • V části stránky Veřejné stránky se zobrazí pole s obsahem souboru robots.txt.

  • Pokud byla vytvořená site_url podle předešlé podkapitoly, naplní se robots.txt výchozí hodnotou.

Výchozí hodnota robots.txt
User-agent: MJ12bot
Disallow: /

User-agent: magpie-crawler
Disallow: /

User-Agent: *
Disallow:
Sitemap: http://is.wecr.cz/sitemap.xml

Na TESTU se musí zrušit procházení crawlery: Disallow: /.

Nastavení Analytiky

  • V pravém menu v části Pokročilé vybrat položku Analytika.

  • Do pole ID Google Analytics se vloží ID GA, ke kterému se budou zapisovat údaje.

  • Uložit změny.

Nastavení Cookie lišty

  • V pravém menu v části Různé vybrat položku Uživatelská pole.

  • Do pole Footerextender se vkopírují scripty ze sity pohodlne.info.

  • Uložit změny.

Spuštění portálu do ostrého provozu

Pokud zákazník používá IS PI, nebude možné jej hned přehodit na nový portál, dokud není vše nastaveno a odzkoušeno. Proto v momentě, kdy bude portál připraven k nasazení, musí se nastavit setting using-custom-site na hodnotu TRUE u organizace portálu, aby mohlo dojít k přesměrování na nový portál zákazníka.

Portál poběží na nové adrese, pokud zákazník používá doplňky (widgety) s původní adresou IS PI, měl je upravit na novou adresu portálu.

Jak nastavit šablony se vzhledem portálu

Šablony e-mailů nejsou ovlivněné nastavováním portálu, tudíž změna vzhledu šablony se projeví, i když organizace používa ještě IS PI.
Mezi šablony s upravou vzhledu patří:

Vrámci zjednodušení došlo k oddělení hlavičky a patičky z šablon tak, aby se daly použít ve více šablonách a nemusel se kopírovat celý soubor z MailChimpu, který obsahuje hodně css stylů v tělě stránky.

Definice barviček se vždy provádí v hlavičče, kde je definice css stylů.

Hlavičky a patičky se ukládají do šablony Hlavička a patička portálových e-mailů (email-portal-header-footer) pro každou portálovou organizaci zvlášť. Tato šablona je vložena do šablon výše, aby se daly soubory includovat.

Soubory:

  • header - hlavička s logem

  • footer - patička pro registrace uživatele

  • member-registration-footer - patička pro přihlášku

  • event-registration-footer - patička pro registraci na událost

Každá patička vyžaduje jiná data, proto nejde udělat jedna univerzální. Tak je to řešeno tímto způsobem.

Do patičky se přidává odkaz na portál zákazníka.
Přidání hlavičky a patičky do šablony:
<#include "header">
<!-- Tělo šablony-->
<#include "footer">

Nezapomenout u šablon upravit i alternativní název.

Pro lepší přehlednost byly některé části šablony výjmuty a explicitně includovány podle potřeby. Části jsou uloženy v:

  • Aktivace účtu (aktivace-uctu)

  • Rekapitulace registrace/přihlášky (rekapitulace-registrace-prihlasky)

Nezapomenout šablony přidat přes spojení, pokud tak nebylo již učiněno.

Jak nastavit rekapitulační články portálu

Rekapitulační články se musí vložit do sity zákazníka, pokud se má lišit od pohodlne.info.

Články, které potřeba zkopírovat a upravit:

Nezapomenout zkopírovat i hodnotu Articlegid v části článku Uživatelská pole.

Nastavení stránek a oprávnění

Custom site vychází ze šablon webu, která obsahuje předdefinované stránky a jejich opránění, které se replikují do sity organizace. V rácmi sity organizace jsou pak přidány další stránky s oprávněním.

Šablona webu

Tabulka 1. Šablona p.i. Členská sekce
Stránka Role

Přihlášení

  • Guest

Karta člena

  • Site Member

Události

  • ČlenRegular

  • Kontrolní komiseRegular

  • ManažerRegular

  • RecepceRegular

  • Správce účastníkůRegular

  • Vedoucí skupinyRegular

Dokumenty

  • Guest

  • ČlenRegular

  • Kontrolní komiseRegular

  • ManažerRegular

  • RecepceRegular

  • Vedoucí skupinyRegular

Skryté

Karta assetu

  • ČlenRegular

  • Kontrolní komiseRegular

  • ManažerRegular

Portál IS PI

Tabulka 2. Členská sekce IS PI
Stránka Role

Manažerská sekce

  • Kontrolní komiseRegular

  • ManažerRegular

  • RecepceRegular

  • Správce účastníkůRegular

  • Vedoucí skupinyRegular

Koně

  • CRM rozšíření - Jezdectví

Zákaznické custom sity