Zobrazení zdroje stránky Práce s OpenCms

{{draft}}
Tato stránka obsahuje návody pro základní editaci obsahu stránek běžících na systému OpenCms.

==Přidání nové komponenty na stránku==
# Nejprve je třeba si v inline editoru otevřít stránku, na které bychom chtěli změnit obsah. 
#* Toho lze docílit buď nalezením stránky ve Workplace a jejím zobrazením (klepnutím na její název levým tlačítkem myši), nebo se do inline editoru přepnout rouvnou (například tím, že si necháme zobrazit index) a na požadovanou stránku se proklikáme přes odkazy.
# Klikneme na symbol hůlky v levé horní části menu (''Add content''). 
# Po otevření nabídky s různými komponentami najdeme tu, kterou bychom chtěli umístit na stránku. 
# Najedeme na ikonku mřížky (''Create new content'') v pravé části této komponenty, stiskneme a podržíme levé tlačítko myši, tahem přesuneme komponentu na požadované místo na stránce a pustíme tlačítko myši. 
#* Lze si všimnout červeně orámovaných ploch na stránce - ty signalizují, kam je možné přetahovanou komponentu umístit. 
#* Jejím obsahem je předdefinovaný text, který můžeme [[Práce s OpenCms#Úprava existujícího textu|upravit]] podle návodu níže.

Ukázku tohoto postupu můžete vidět v galerii:
<gallery>
Opencms tutorial change text 1 start.png
Opencms tutorial add component 2 component button.png
Opencms tutorial add component 3 find component.png
Opencms tutorial add component 4 place component.png
Opencms tutorial add component 5 component placed.png
</gallery>

==Úprava existujícího textu==
# Nejprve je třeba si v inline editoru otevřít stránku, na které bychom chtěli změnit obsah. 
#* Toho lze docílit buď nalezením stránky ve Workplace a jejím zobrazením (klepnutím na její název levým tlačítkem myši), nebo se do inline editoru přepnout rouvnou (například tím, že si necháme zobrazit index) a na požadovanou stránku se proklikáme přes odkazy.
# U komponenty, která lze upravit, by se měla zobrazovat ikonka editace ve formě malého terčíku. Po najetí na něj se zvýrazní obrysy dané komponenty a místo terčíku se zobrazí možnosti editace. 
# Pro editaci obsahu zvolíme iknoku tužky (''Edit''). 
# Po otevření editoru dané komponenty stránky nalezneme část s obsahem textu (zde závisí na dané komponentě, například komponenta ''Článek'' má obsah v části nazývané ''Odstavec'') a klikneme do ní. V tu chvíli se nám zobrazí editor textu se všemi možnými úpravami textu (kurzíva, tučné, zarovnání, vkládání odkazu atd.). 
# Upravíme text dle našeho uvážení a když jsme s výsledkem spokojeni, klikneme vlevo nahoře na ikonku diskety s křížkem (''Save & exit''). Tím se naše změny uloží a editor komponenty se zavře.
# Po návratu do inline editoru je třeba ještě udělat jednu věc - změny, které jsme vykonali, nejsou zatím viditelné pro návštěvníka webu. Pro zpřístupnění této změny musíme ještě text tzv. publikovat. To provedeme kliknutím na ikonku v levé horní části menu (''Publish''). V zobrazeném dialogu s nastavením publikace není většinou třeba nic nastavovat, stačí kliknout na tlačítko ''Publish''.

Ukázku tohoto postupu můžete vidět v galerii:
<gallery>
Opencms tutorial change text 1 start.png
Opencms tutorial change text 2 click edit.png
Opencms tutorial change text 3 edit text.png
Opencms tutorial change text 4 text edited.png
Opencms tutorial change text 5 prepare publish.png
Opencms tutorial change text 6 publish.png
</gallery>

==Přidání nové galerie obrázků==
# Ve Workplace otevřeme adresář, ve kterém chceme vytvořit novou galerii. 
# Klikneme na tlačítko ''New'' v levé horní části menu. 
# Z nabízených kategorií vybereme položku ''Extended folder'' a klikneme na tlačítko ''Continue''. 
# U výběru typu adresáře zvolíme obrázkovou galerii, tedy ''Image gallery''. 
# Pojmenujeme adresář - je třeba '''použít název bez háčků, čárek a mezer''' - a opět se přesuneme dál tlačítkem ''Continue''. 
# Nakonec vyplníme název galerie (''Title'') - zde již bez limitů - a potvrdíme vytvoření tlačítkem ''Finish''.

Ukázku tohoto postupu můžete vidět v galerii:
<gallery>
Opencms tutorial add gallery 1 start.png
Opencms tutorial add gallery 2 new.png
Opencms tutorial add gallery 3 extended folder.png
Opencms tutorial add gallery 4 folder type.png
Opencms tutorial add gallery 5 folder name.png
Opencms tutorial add gallery 6 folder properties.png
</gallery>

==Přidání obrázků do existující galerie==
# Ve Workplace otevřeme adresář galerie, do které chceme přidat nové obrázky. 
# Klikneme na tlačítko ''Upload''. 
# V dialogovém okně pro nahrávání souborů můžeme obrázky buď úřetáhnout z našeho adresáře přímo do šedé zóny, označené ''You can drag and drop files to upload here'', nebo klikneme na tlačítko ''Add more files'' a v klasickém dialogovém okně vybereme soubory, které chceme nahrát. 
#* Výběr potvrdíme kliknutím na tlačítko ''OK''. 
# Zobrazí se okno s možností editace parametrů námi nahrávaného obrázku. Je vhodné vyplnit alespoň popisek obrázku (''Description''). Pokud jsme nahrávali více obrázků, je možné se mezi jejich nastaveními přepínat tlačítky ''Next'' (další) a ''Back'' (předchozí). Nastavení parametrů potvrdíme kliknutím na tlačítko ''Finish''. 
#* OpenCms poté umožní s danou galerií obrázků dále pracovat.

Ukázku tohoto postupu můžete vidět v galerii:
<gallery>
Opencms tutorial add images 1 start.png
Opencms tutorial add images 2 add more files.png
Opencms tutorial add images 3 confirm adding files.png
Opencms tutorial add images 4 adding files.png
Opencms tutorial add images 5 finish.png
</gallery>

==Vytvoření nové webové stránky==
TODO

==Práce s adresáři==
TODO

==Popis komponent webové stránky==
TODO

==Další návody==
TODO