© JARLU dizajn 2009
Užívateľská príručka k obsluhe redakčného systému Joomla
Lukáš Jaroščiak
[email protected] [email protected] 0904 198 824
Jakub Hnidka
[email protected] [email protected] 0904 078 686
Obsah
-1-
Pred prvým použitím Joomly Čo je nesmierne dôležité a čo si musíte uvedomovať počas celej práce v redakčnom systéme, je, že Joomla je založená na spolupráci JavaScritu a PHP a preto, ak chceme zaručiť na 100% jej správne fungovanie, NIKDY nepoužívame tlačidlo „Späť“ v prehliadači, no využívame na to príslušné tlačidlá systému. Tak teda, ktoré to vlastne sú? Tlačidlo „Apply/Aplikovať“, slúži na aplikovanie zmien, ktoré ste práve vykonali (napr. zmena v článku, s tým že, na rozdiel od tlačidla „Save“, ostanete v editore článku). Tlačidlo „Back/Späť“, ktoré máte používať miesto „Späť“ na prehliadači, vás vráti na predchádzajúcu stránku. Toto tlačidlo, teda „Cancel/Storno“, nájdete napr. v editore článkov, prakticky sa s ním vrátite o úroveň vyššie bez toho, aby boli uložené vami urobené zmeny. „Edit/Editácia“ vám umožní prístup do editoru článku, nahradiť ho môžte aj kliknutím na názov článku. „New/Nový“ slúži na vytvorenie novej položky, napr. článku, kategórie, sekcie,...
„Save/Uložiť“ uloží vami vykonané zmeny a zároveň, napr. v editore článkov, tento za vrie a vráti vás o úroveň vyššie. „Upload/Uploadovať“ vám umožní nahrať napr. obrázok.
!!!Pozor! Pri na vigácii v Joomle je dôležité aj tlačidlo „Home“, ktorým sa dostanete vždy do Control Panela.
Samozrejme, Joomla obsahuje oveľa viac tlačidiel, no toto sú tie najpoužívanejšie a najdôležitejšie v rámci štandardného použitia redakčného systému. Tlačidlá v editore článkov Jedná sa o tlačidlá, ktoré nájdete pri editácii článku nad oknom, do ktorého píšete. „Undo/Späť“ vráti vami vykonanú úpravu o jeden krok späť, dá sa nahradiť aj známou skratkou Ctrl + Z. „Redo/Dopredu“, používa sa v prípade, že chceme vrátiť zmenu po stlačení tlačidlá „Undo“. „Help/Pomoc“ zobrazí informácie o JCE editore a online nápovedu.
-2-
„New document/Nový dokument“ zmaže kompletný obsah editoru, pred použitím vás varuje vyskakovacia tabuľka. „Bold/Tučné“ zvýra zní vami označený te xt, poprípade od aktuálnej pozície kurzora začne/prestane písať tučným písmom. „Italic/Kurzíva“ zvýra znený text „zošikmí“, klasická kurzíva s použitím ako vo Worde. „Underline/Podčiarknuté“ vytiahnutý te xt podčiarkne, resp., podobne ako u B začne/prestane písať od pozície kurzora podčiarknutý te xt. „Unorder list/Neradený zo znam“ vám umožní vytvoriť odrážkový zo znam. Novú odrážku vytvoríte stlačením Enteru, jeho dvojitým stlačením prestanete písať v rámci zo znamu. „Order list/Radený zo znam“. Pomocou tohto tlačidlá vytvoríte klasický číslovaný zo znam, s tým istým postupom ako je opísaný vyššie pri popise „Unorder list“. „Outdent/Predsadenie“ ruší odsadenie ľavého okraja odstavca. Pozor, funguje len po použití tlačidlá „Indent/Odsadenie“, rozhodne neruší pôvodný odstavec. „Ident/Odsadenie“ prednastaví odsadenie zľava, funkciou je porovnateľné s tabulátorom vo Worde, ale tu pozor, tabulátor v Joomle totižto takto nefunguje! „Strikethrought/Preškrtnuté“ preškrtne vami vyznačený te xt, poprípade začnete/prestanete písať preškrtnutým písmom. „Code/Upraviť HTML zdroj“ funguje podobne ako „Show/Hide“ nad panelom editora s tým rozdielom, že zdrojový HTML kód načíta do vyskakujúceho okna. „Remove format/Odstrániť formátovanie“ na zvýra znenom texte odstráni dodatočné formátovanie, resp. nastaví ho na pôvodné hodnoty. „Cut/Vystrihnúť“ vystrihne označený text, sú to v podstate klasické nožničky vo Worde aj s neodlučiteľnou klávesovou skratkou Ctrl + X. Tu pozor lebo vo Firefo xe toto tlačidlo nemusí vždy fungovať, na rozdiel od klávesovej skratky. „Copy/Kopírovať“ skopíruje vyznačený te xt. Takisto ani toto tlačidlo nemusí, podobne ako „Cut“, vo FF vžd y presne fungovať, preto odporúčame používať známu klávesovú skratku Ctrl + C. „Paste/Vložiť“ vám umožní do editoru vložiť ľubovoľný text aj s formátovaním tak, aby toto ostalo zachované. „Paste from Word/Vložiť z Wordu“ umožňuje vkladať text skopírovaný z Wordu. Pre viac informácii pozrite kategóriu „Vytváranie článkov“. „Paste text/Vložiť te xt“ umožní vkladať text be z zachovania akéhokoľvek formátovania. „Search/Hľadať“ - pomocou tohto tlačidla môžte v napísanom texte hľadať ľubovoľné slovo alebo reťazec. Taktiež umožňuje nahradiť zadaný znak/slovo/reťazec v celom texte. „Replace/Nahradiť“ nahradí ľubovoľný text v celom článku za iný. Tiež sa cezeň môžte dostať k vyhľadávaniu. „Horizontal rule/Vložiť horizontálny oddeľovač“ vloží do textu horizontálnu čiaru krížom cez celé pole slúžiace na vykreslenie textu. „Subscript/Dolný index“ zmení odsadenie vyznačeného textu na dolný index. „Superscript/Horný index“ zmení odsadenie textu na horný index.
-3-
Centrovanie na pravý okraj. Centrovanie na stred. Centrovanie na ľavý okraj (štandardne predvolené). Centrovanie na oba kraje, podobne ako novinový stĺpec. „Insert table/Vložiť tabuľku“ vám umožní vlo žiť do textu tabuľku. Nasledujúcich jedenásť funkcií je aktívn ych len pri vloženej tabuľke: Nastavenie riadku tabuľky. Nastavenie bunky tabuľky. Vlo ží riadok nad aktuálnu pozíciu v tabuľke. Vlo ží riadok pod aktuálnu pozíciu v tabuľke. Vymaže riadok podľa aktuálnej pozície kurzora v tabuľke. Vlo ží stĺpec vľavo vedľa polohy v tabuľke. Vlo ží stĺpec vpravo vedľa polohy v tabuľke. Vymaže stĺpec, v ktorom sa nachádza kurzor. Pomocou tohto tlačidlá rozdelíte zlúčené bunky tabuľky, s tým, že obsah bude presunutý do ľavej hornej z nich. Zlúči označené bunky tabuľky do jednej, pôvodný obsah zostane zachovaný. Odstráni tabuľku Ďalej pokračujeme „normálne“: „Anchor/Ukotvenie“ umožní do textu vložiť záložku, na ktorej miesto môžte potom odkazovať z iného miesta článku prostredníctvom odkazu, ktorý nastavíte ce z „Link/Odkaz“, Ukotvenie, Meno ukotvenia. „Unlink“ odstráni odkaz z vyznačeného odkazu. „Link/Odkaz“ umožní nastavenie/vloženie odkazu, pre viac informácii pozrite „Vkladanie odkazov, linkov do článku“. „Preview“ alebo „Náhľad“ zobrazí te xt ako sa približne vykreslí so všetkým formátovaním mimo editora. Pozor, nie je to reálne zobrazenie na stránke. Vlo ží, prípadne nastaví vlo žený obrázok v te xte. Pre viac informácii pozrite „Pridávanie obrázkov do článku“. Umožní vytlačenie textu z editoru, výsledok opäť nie je smerodajný pre stránku, ale skôr má bližšie k tomu, čo vám zobrazí tlačidlo „Preview“. Prepne editor do fullscreen režimu. Umožní editovať CSS štýl, ale len pre konkrétny text a funguje len na text, na ktorý bolo aplikované doplnkové formátovanie v rámci editora. Vkladá nedeliteľné medzery. „Visual chars“ zobrazí/skryje vi zuálnu kontrolu znakov. „Citácia“ – nastaví označený te xt ako citáciu. „Skrátenie“. Používa sa pre sprehľadnenie skratiek, aplikuje sa na vyznačený text, a v tabuľke nastavení, ktorá nám vyskočí, je potrebné určiť titul (plné znenie skratky) a ID (číslo, jedinečné pre každý element). Na stránke po dlhšom podržaní kurzora na danom texte potom vyskočí klasická žltá bublina s vysvetlivkou.
-4-
„Akron ym“, resp. vysvetlenie k nemu. Nastavenie a výsledok podobný ako u „Skrátenia“, avšak pri kurzore sa potom na stránke objavuje aj otáznik. „Odstránený te xt“, prehliadač ho zobrazí ako preškrtnutý te xt, používa sa najmä na vyznačenie pôvodnej chyby, no nie je nevyhnutnosťou. „Vlo žený text“, zobrazuje sa podčiarknuto, podobne ako pri „Odstránenom texte“, zapisuje sa aj čas vloženia, resp. editácie. Reálne vyu žitie sa hľadá ťažko, len ak chcete upozorniť na chybu, resp. doplniť informácie, no pokiaľ to nie je nevyhnutné, odporúčame tieto funkcie nepoužívať, v celku pôsobia zbytočne rušivo. „Editácia/Vloženie atribútov“, okrem úprav atribútov, taktie ž umožňuje nastavenie JS funkcií, bežne sa nepoužíva a pokiaľ neovládate JavaScript odporúčame moc tu nešpekulovať. Vkladá novú vrstvu, funguje podobne ako texto vé pole vo Worde, a však neodporúčame ho používať pre chybné zobrazovanie na stránke. Presunie vrstvu dopredu. Presunie vrstvu dozadu. Umožní/zakáže pohyb vrstvy v rámci texto vého poľa, absolútne vykresľovanie je však aj háčikom, pre ktorý nebude zobrazovať vrstvu na stránke správne. Cez toto tlačidlo vložíte do te xtu predkreslených emotikonov, resp. smajlíkov. Kontrola pravopisu. Nastaví typ písma, aké má byť použité. Nastaví veľkosť písma. Nastaví farbu písma, po kliknutí na šípku vedľa tohto tlačidlá sa zobrazí vybraná ponuka preddefinovaných farieb, vybrať však môžte aj z ďalších farieb. Odporúčame vyu žiť len v nevyhnutnom prípade na vyznačenie časti textu a aj nato radšej používať bold, aby bola zachovaná farebná schéma stránky. Umožní zafarbiť pozadie vyznačeného textu, platia tu tie isté pravidlá ako pri farbe písma, s tým že túto funkciu už absolútne neodporúčame používať. Potrebujete vložiť grécke písmeno alebo iný neštandardný znak? Potom je tu pre vás jednoduchá a prehľadná „mapa znakov“. Zapína/vypína vykreslenie čiar v editore, ktoré normálne na stránke vidieť nebude.
Základné pojm y Redakčný systém Systém určený na rýchlu a jednoduchú správu alebo tvorbu internetových stránok online. Joomla! je CMS systém (Content Management System), tzn. prostredníctvom nej máte možnosť spravovať obsah stránky bez zásahu do dizajnu, ktorý je tvorený ako šablóna. Základnou výhodou RS je, veď ako sami uvidíte, nenáročnosť. Meniť obsah je možné bez nutnosti ovládania akéhokoľvek programovacieho jazyka, vďaka čomu šetrí čas a v neposlednom rade aj financie za odbornú pomoc. Je nesporné, že pokiaľ dokážete pracovať napr. vo Worde, práca s Joomlou vám nebude robiť nijaké problémy, naopak bude pre vás radosťou.
-5-
Článok Je to súbor textu zobrazo vaný na stránke pod jedným názvom. V Joomle je delený na dve časti: úvodný (Intro te xt) a hlavný te xt (Main te xt). Úvodný treba chápať ako „popis“, ktorý sa zobrazí na stránke predstavujúcej zoznam viacerých článkov a spolu s hlavným textom sa vypíše po „rozkliknutí“ článku, tj. po kliknutí na názov článku. Článok býva väčšinou zaradený v kategórii, no Joomla má aj statické články, ktoré sú bez kategórie. Kategória Súhrn článkov, zväčša tematicky podobných. Je ju možné zároveň chápať aj ako podadresár sekcie. Sekcia Súhrn kategórii, opäť väčšinou delených podľa témy. Úvodná stránka Alebo Frontpage, či Domovská stránka je vstupnou bránou používateľa internetu na vašu stránku. V správe článkov môžte nastaviť, ktoré z nich sa majú na nej zobraziť a cez Frontpage managera môžte upravovať ich poradie. Control panel Stránka, ktorá sa vám zobrazí ihneď po prihlásení do Joomly s množstvom tlačidiel rýchlej obsluhy, sa nazýva Control panel. Umožní vám prehľadný a jednoduchý prístup takmer k všetkým funkciám redakčného systému a konkrétnejšie si ho popíšeme ešte nižšie.
-6-
Úvod Tento návod má za úlohu priblížiť vám obsluhu Redakčného systému (RS) Joomla. Vďaka nemu budete mať vašu stránku plne pod kontrolou, dokážete rýchlo a flexibilne spravovať obsah a štruktúru vašich stránok. Tak teda škoda zbytočn ých slov a začnime. Prihlásenie do administračného rozhrania Do administračného rozhrania vašich stránok sa dostanete jednoduchým zadaním adresy do lišty prehliadača v nasledovnom tvare: www.vasadomena.sk/administrator Po načítaní stránky zadáte vaše prihlasovacie meno (kolónka „Username“), heslo (kolónka „Password“), a odpíšete bezpečnostný kód z obrázka. Kliknete na tlačidlo „Login“. (Obr. 1) Poznámka: Prihlasovacie meno a heslo obdržíte od nás buď mailom alebo pri osobnom stretnutí, záleží od vzájomnej dohody.
(obr. 1)
Po úspešnom prihlásení do administrátora sa vám zobrazí úvodná stránka administračného rozhrania (Control panel), na ktorej sa nachádzajú základné funkcie na editáciu stránky. (Obr. 2)
-7-
(obr. 2)
Odhlásenie z administrácie Pre odhlásenie z administračného rozhrania slúži tlačidlo „Logout“ v pravom hornom rohu.(Obr. 3)
(obr.3)
-8-
Toto bola krátka ukážka príručky. Pre jej zakúpenie nás kontaktujte
-9-
