Modul stránky

Modul stránky je základní modul pro správu, editaci, mazání a vytváření stránek na Vašem webu.

Tvorba a editace podstránek

1. Vstup do stromové struktury podstránek
Na úvodní straně administrace klikněte na tlačítko
„spravovat stránky“. Následně se Vám zobrazí
stromová struktura reprezentující aktuální rozložení
stránek Vašeho webu.
 

2. Přidání stránky
Pro přidání stránky ve stromové struktuře
klikněte na tlačítko „Přidat podstránku“ . Nová stránka se vytvoří vždy jako podstránka té stránky, u které jste klikli na tlačítko . Např. pro přidání stránky „Rezervace“ v případě zobrazeném na obrázku vpravo zvolíte „Přidat podstránku“ u položky „Ubytování“.
 

3. Editor podstránky
Nyní se již nacházíte v editoru pro vytvoření a editaci stránky. Zde můžete vyplnit název a obsah
stránky – viz obrázek níže:

4. Zobrazení upravované stránky
Pro zbrazení úprav na stránce uložte změny a původní stránku
v prohlížeči obnovte. Pokud jste okno s upravovanou stránkou zavřeli,
znovu si ji můžete zobrazit kliknutím na tlačítko „Zobrazit na webu“
v horní části stránky editoru.
 

5. Připojení fotogalerie ke stránce
Fotografie či obrázky ke stránce připojíte pomocí tlačítka „nahrát obrázky“
v dolní části editoru stránky, pomocí kterého fotografie nahráváte na web
přímo z Vašeho PC. Pro snadné nahrání většího počtu fotografií wpjAdmin umožňuje výběr více
fotografií najednou.

• Obrázky, které jste v minulosti už jednou použili na jiné části webu, nemusíte znovu nahrávat z počítače, ale můžete je pouze vybrat pomocí tlačítka „lupa“ . Následně dohledejte požadovaný obrázek pomocí správce souborů a u požadované fotografie klikněte na tlačítko „vybrat“.

• Fotografie z fotogalerie smažete kliknutím na „mínus“ ve vybraném řádku s fotografií.
• Pořadí zobrazených fotografií změníte kliknutím na ikonu „šipek“ a následným přetažením označeného řádku s vybranou fotografií nahoru nebo dolů.

6. Funkce textové editoru
Textovým editorem je myšlen nástrojový panel, obsahující funkce pro úpravu obsahové části webu.
Níže naleznete detailní popis jednotlivých funkcí:

7. Vkládání textu z externího zdroje 
Z důvodu zachování správného formátování a stylování
na stránce, vkládejte kopírovaný text vždy pomocí funkce
„vložit jako čistý text“ .
Do okna, které se objeví po kliknutí na ikonu , vložíte
zkopírovaný text pomocí klávesové zkratky „Ctrl+v“ (nebo
kliknutím do okna pravým tlačítkem myši a výběrem možnosti
„Vložit“). Následně kliknete na tlačítko OK.
 

8. Správný postup při formátování textu
Vaše www stránka má již předdefinované typy formátování, které je vhodné při vkládání textu dodržovat. Formát textu nastavíte označením požadovaného textu a následně funkcí pro formát.

• Každá stránka by měla začínat nadpisem 1 a zároveň by každá stránka měla obsahovat nadpis 1 pouze jednou.
• Pro standardní textový obsah doporučujeme používat typ formátu „normální “.
• Pro lepší čitelnost textu na stránce dodržujte rozdělení textu do odstavců (odstavec vytvoříte jednoduše pomocí klávesy „Enter“). Při vytvoření nového odstavce se kolem textu vytvoří „ohraničení“ s indexem „P“ v levém horním rohu – viz obrázek.
• Psaní textu na novém řádku v započatém odstavci učiníte pomocí klávesové zkratky „Shift + Enter“.

 

 

Vkládání obrázků do textu

Kromě fotogalerie popsané dříve můžete vkládat obrázky také přímo do textu stránky.

• Pro vložení obrázku do textu klikněte na funkci „vložit obrázek“ .
• Následně ve vyskakovacím okně klikněte na modré tlačítko „vybrat na serveru“, které Vás odkáže do modulu Správce souborů.
• Ve správci souborů vyberte nebo nahrajte požadovaný obrázek a následně klikněte na tlačítko . V rolovacím menu vyberete požadovanou velikost obrázku.
• Do textu doporučujeme vkládat obrázek s max. šířkou 350px.
• Po vložení obrázku se zobrazí okno s možností výběru zarovnání obrázku v textu (vpravo / vlevo).
• Dále máte možnost nastavit odsazení obrázku od dalších prvků na stránce pomocí políček V-mezera (mezera nahoře a dole) a H-mezera (vpravo a vlevo).
• Vložení obrázku potvrdíme zeleným tlačítkem OK.

 

1. Zobrazení obrázku umístěného v textu v originální velikosti

 

 

 

 

 

 

 

Obrázek, který jste vložili do textu v bodě 9, může
návštěvník stránky zobrazit v originální velikosti jedním
kliknutím pouze v případě, že mu zároveň vytvoříte i
odkaz na originální velikost.

• Klikněte na obrázek vložený v textu, čímž ho označíte.
• Následně klikněte na funkci „vytvořit odkaz“ .
• Ve vyskakovacím okně klikněte na modré tlačítko "vybrat na serveru“.
• Pomocí správce souborů dohledejte cílovou fotografii. následně klikněte na tlačítko a v rolovacím menu zvolte 
• „Velký obrázek“, popřípadě „Originální velikost“.
• Následně stačí změnu potvrdit zeleným tlačítkem „OK“ a 
• uložit změny provedené v editoru stránky tlačítkem „uložit“.
• Po opětovném načtení stránky se po kliknutí na miniaturu obrázku zobrazí jeho originální velikost ve vyskakovacím okně (tzv. lightboxu).

Napsat v jakých případech se může používat obrázek v originální velikosti.
V některých případech můžem vytvořit custom velikost, která se zobrazí v administraci.
Velikost large má vodoznak.
Odkaz se může vkládat i přes Obrázek -> Odkaz

Vkládání videa na stránku

Postup je demonstrován na službě pro sdílení videí YouTube. Prakticky můžete obdobným
způsobem na web vložit video i odjinud (např. ze služby Vimeo), nicméně pomocí YouTube můžete
měřit počty shlédnutí, podporuje videa ve vysoké kvalitě a celkově s ním máme velice dobré
zkušenosti.

1. Získání kódu pro vložení na web

Na svůj web můžete vkládat jakékoliv video nahrané na YouTube (pokud nemá interně zakázané
sdílení). Můžete tak vkládat videa ze svého kanálu nebo z jakéhokoliv jiného veřejného kanálu.
Pokud své video na YouTube ještě nahrané nemáte, musíte si nejprve vytvořit vlastní YouTube
kanál a video nahrát.

Pod požadovaným videem naleznete vedle tlačítek „Líbí se“ a „Nelíbí se“ i tlačítko „Sdílet“, které
slouží ke sdílení videa na Internetu.

Pro účely sdílení videa na Vaší webové stránce je nejlepší zvolit možnost „Vložit“, která slouží
k vložení videa přímo na webovou stránku.

Zobrazení videa na stránce můžete upravit podle Vašich přání. Po nastavení požadovaných parametrů Vám YouTube automaticky vygeneruje kód pro vložení na web. Velkou pozornost věnujte nastavení velikosti přehrávače videa.

Tato velikost je udávána v obrazových bodech (pixelech) ve formátu šířka × výška. Dbejte na to, aby šířka vkládaného videa nebyla větší, než šířka Vaší stránky. Nejste-li si jistí šířkou své webové stránky, pak použijte přehrávač široký 640 pixelů. Doporučujeme také nezaškrtávat položku „Po přehrání videa zobrazit navrhovaná videa“.

 

2. Vložení přehrávače s videem na web

V editoru na stránce klikněte na tlačítko vložit video .

Zobrazí se Vám okno pro vložení kódu videa. Tento kód vložte a potvrďte zeleným tlačítkem „OK“.

V textovém editoru stránky se Vám zobrazí vybrané video v obdélníku s nápisem DIV. Kliknutím do tohoto obdélníku jej označíte a pomocí tlačítek pro zarovnání textu můžete video zarovnat jako běžný text (vlevo, vpravo, na střed). Nyní již stačí pouze provedené změny uložit a užívat si videa na Vašem webu.