Nastavte rôzne šablóny pre rôzne stránky v Joomle. Nastavenie rôznych šablón pre rôzne stránky v Joomla Úprava štýlu novej šablóny

Nie všetky stránky vášho webu Joomla môžu mať rovnaký dizajn a vyzerať rovnako. Niektoré stránky majú radikálne odlišné farebné schémy a rozloženie blokov pre rôzne časti stránky. A Joomla vám to umožňuje.

V tomto návode vám ukážeme, ako používať rôzne šablóny alebo rôzne štýly tej istej šablóny pre rôzne časti vašej stránky Joomla.

Krok 1: Všeobecné informácie o šablónach v Joomle

Joomla má štandardne predinštalované tri hlavné šablóny: Atomic, Beez5 a Beez2.

Tieto tri šablóny sú označené ako „Stránka“ v stĺpci „Umiestnenie“ a sú určené pre verejnú časť lokality. Šablóny Bluestork a Hathor sú označené ako „Správca“ a sú určené len pre oblasť správcu. Môžete tiež nainštalovať iné šablóny tretích strán alebo navrhnúť alebo vytvoriť vlastnú šablónu.

Jedna zo šablón je vždy označená ako predvolená pre externý web a jedna pre správcu. Ak chcete zistiť, ktorá z nich je predvolená, vyhľadajte zlatú hviezdu v stĺpci „Predvolené“, ako je znázornené na obrázku nižšie:

Predvolenú šablónu môžete kedykoľvek zmeniť jednoduchým kliknutím na jednu z prázdnych hviezdičiek, potom sa zmení na zlatú a štandardne sa použije zodpovedajúca šablóna.

Pri prvej inštalácii Joomly sa predvolene nainštaluje šablóna Beez2. Ak kliknete na názov šablóny, môžete upraviť nastavenia šablóny.

Ako môžete vidieť v tomto príklade, táto šablóna sa štandardne používa pre všetky stránky a nevyžaduje nastavenie pre každú položku ponuky.

Krok 2. Zobrazenie rôznych šablón na rôznych stránkach

Poďme sa pozrieť na ďalšie nastavenia šablóny a uvidíme, ako ju priradiť ku konkrétnej kategórii.

  • Otvorte Správcu šablón
  • Pozrite si šablónu Beez5.
  • Kliknite na tlačidlo Upraviť.

  • CMS nainštaluje rôzne šablóny rôzne stránky ach, len na základe odkazov na menu. Prejdite do sekcie "Väzba ponuky" a môžete si vybrať, na ktoré odkazy ponuky sa táto šablóna použije.
  • Položka „Default“ je nastavená na „None“, pretože už máme nastavenú inú predvolenú šablónu.
  • Začiarknite políčko vedľa požadovanej položky ponuky.

  • Uložte túto väzbu ponuky a potom otestujte svoju stránku.
  • Po uložení uvidíte, že šablónu Beez_20 máte štandardne nainštalovanú.
  • Šablóna Beez5 je priradená (Priradené) k samostatnej položke ponuky a je označená zeleným začiarknutím.

Páči sa ti to Hlavná stránka vyzerá s predvolenou šablónou - Beez2:

Je potrebné pripomenúť, že zmena šablóny neovplyvní obsah. Tým sa však zmení názov, logo, dizajn a pozície modulov. To znamená, že nemôžete len zmeniť šablónu bez toho, aby ste vykonali nejakú prácu navyše.

Budete musieť zmeniť logo pre šablóny a pozície modulov tak, aby vyhovovali vašim potrebám. celková štruktúra stránky.

Krok 3: Vysvetlenie rôznych pozícií modulov v rôznych šablónach

Pozície modulov Beez5 (hore) a Beez2 (dole) sú takmer rovnaké, takže pri zmene dizajnu to nebude robiť veľké problémy. Existujú však aj rozdiely.

Jedným z najzreteľnejších rozdielov medzi týmito dvoma šablónami je umiestnenie modulov okolo loga. V Beez5 sú moduly pozícia 1 a pozícia 0 pod logom:

V Beez 2 je modul pozície 0 nad logom a pozícia 1 je pod:

Je to dosť malý rozdiel, ale dobrý príklad ako sa môžu šablóny líšiť v pozíciách modulov. V tomto prípade ide o pomerne jednoduchý príklad, pretože všetky moduly majú rovnaký názov.

Čo ak sú však pozície modulov úplne odlišné, na rôznych miestach pod rôznymi názvami?

  • Vráťte sa do Správcu šablón a prepojte šablónu Atomic s inou kategóriou.
  • Uvidíte, že má úplne iné pozície modulov, môžete ich vidieť na obrázku nižšie:

Táto stránka obsahuje iba nasledujúce pozície modulov:

  • atomic-topmenu
  • atomic-topquote
  • atómové vyhľadávanie
  • atomic-sidebar
  • atómový-vľavo dole
  • atomic-dolnestred

Ak chcete túto šablónu na svojom webe, okrem Beez2, musíte urobiť viac.

Krok 4. Pridanie modulu ponuky pre novú šablónu

  • Z ponuky vyberte Rozšírenia > Správca modulov a kliknite na tlačidlo Vytvoriť.
  • Vyberte Menu.
  • Pripojte nový modul k polohe atómového bočného panela.
  • Novou funkciou v Joomla 2.5 je pole Poznámka. Pomôže vám to, aby ste sa nemýlili v moduloch s veľkým počtom z nich.

  • Teraz naviažeme modul na konkrétne stránky.
  • Vyberte možnosť „Iba na vybraných stránkach“.
  • Začiarknite políčko vedľa požadovanej položky ponuky.

  • Teraz je moja ponuka na bočnom paneli. Vidíte, že ide o horizontálne menu a nie je tam na to dosť miesta. Musíme sa pokúsiť nájsť mu lepšiu pozíciu.

  • Prejdite do Správcu modulov a presuňte ponuku do pozície atomic-topmenu. Menu by teraz malo vyzerať ako na obrázku nižšie:

Tento príklad som uviedol len na ilustráciu druhu problémov, s ktorými sa môžete stretnúť, keď začnete pridávať šablóny bez toho, aby ste to najskôr preskúmali.

Môžete tiež použiť kópiu svojej existujúcej šablóny ako tému pre alternatívnu sekciu alebo stránku. Veľkou výhodou je, že všetko bude na jednom mieste a stačí vykonať potrebné zmeny v CSS a vyhnete sa tak veľkým prerábkam.

Krok 5: Štýly šablón vs rôzne šablóny

Namiesto používania úplne odlišných šablón pre rôzne stránky na vašom webe môžete jednoducho vytvoriť rôzne možnosti vaša predvolená šablóna. Toto nová príležitosť v Joomle 2.5. Umožňuje vám vytvárať rôzne návrhy na každej stránke bez toho, aby ste museli prejsť všetkými krokmi, ktoré sme načrtli vyššie.

  • Prejdite do Správcu šablón.
  • Začiarknite políčko vedľa šablóny, ktorú chcete skopírovať. V tomto prípade použijeme Beez2.
  • Kliknite na ikonu "Duplikovať".

  • Začiarknite políčko vedľa položky Beez2-Default (2).
  • Kliknite na tlačidlo "Upraviť".

  • Beez2 prichádza s dvoma farebnými schémami, Personal a Nature. Z rozbaľovacieho zoznamu vyberte Príroda.
  • Prepojte šablónu s kategóriou v sekcii Odkaz na ponuku.
  • Všimnite si, že existujú aj ďalšie možnosti, môžete zmeniť aj logo, názov stránky a navigačnú pozíciu.

  • Teraz máte jednu lokalitu s dvoma rôznymi štýlmi rovnakej šablóny pripojenou k rôznym položkám ponuky.

  • Šablónu môžete viazať aj pri vytváraní položiek ponuky.
  • Keď ste v Správcovi ponúk, môžete pre túto položku ponuky nastaviť šablónu, ktorá sa vám páči (pozri nižšie).


Ak máte nejaké otázky, použite náš

Tento článok ukazuje, ako vytvoriť „gumu“ zo štandardnej šablóny Beez_20. Aby stránka bez ohľadu na rozlíšenie obrazovky zaberala celú šírku obrazovky. Táto metóda testované na Joomla 1.7 a Joomla 2.5

Ak sa používa Správca súborov poskytovateľa hostingu alebo správcu FTP, potom musíte nájsť súbor štýlu " naša_stránka\šablóny\beez_20\css\position.css". Ak sa používa Ovládací panel Joomla, potom musíte prejsť na Rozšírenia -> Správca šablón

Vpravo sú uvedené všetky šablóny štýlov Beez_20. Nájdenie reťazca Upravte súbor css/position.css a kliknite naň. Otvorí sa okno Správca šablón: Upraviť súbor.

Tu môžeme tento súbor upraviť.
Zistenie šírky hlavného div. Je to rovných 1050 pixelov.

#všetky
{
okraj: 0 auto;
maximálna šírka: 1050 pixelov
výplň: 0px
zarovnanie textu: doľava;
}

Zmeňte túto hodnotu na 100 %.

#všetky
{
okraj: 0 auto;
maximálna šírka: 100 %
výplň: 0px
zarovnanie textu: doľava;
}

Potom v tom istom súbore nájdeme šírku päty. Je to rovných 1020 pixelov.

#päta-vnútorná
{
maximálna šírka: 1020 pixelov
okraj: 0 auto;
veľkosť písma: 0,8 em
padding: 10px 15px 15px 10px;
}

Zmeňte túto hodnotu na 100 %.

#päta-vnútorná
{
maximálna šírka: 100 %
okraj: 0 auto;
veľkosť písma: 0,8 em
padding: 10px 15px 15px 10px;
}

Uložte súbor a prejdite na svoju stránku - pozrite sa, čo sa stalo. Aby ste po zmene CSS okamžite videli výsledok, prehliadač musí znova načítať nové štýly. Ak to chcete urobiť, kliknite ctrl+r

Posledná vec, ktorú musíte urobiť, je opraviť hlavičku. Po roztiahnutí stránky na celú šírku obrazovky sa obrázok hlavičky posunul doprava a naľavo sa objavil modrý obdĺžnik. Stalo sa to preto, že šírka obrázka je 1060 pixelov. Obrázok hlavičky sa nachádza v priečinku „ naša_stránka\šablóny\beez_20\obrázky\osobné\osobné2.jpg". Môžete si vytvoriť svoj vlastný väčší obrázok a nahradiť súbor personal2.jpg vlastným (názov súboru ponechajte ako personal2.jpg). Ak nie je vhodný obrázok, potom môžete vypnúť zobrazenie obrázka v šablóne štýlov a celá hlavička bude modrá.

Na vypnutie obrázku potrebujeme súbor s nastaveniami štýlu, ktorý sa nachádza na " naša_stránka\šablóny\beez_20\css\osobné.css". V ňom nájdeme:

hlavička loga
{
pozadie: #0c1a3e URL(../images/personal/personal2.png) neopakovateľné vpravo dole ;
farba:#fff;
min-height:200px;
}

Odstrániť URL (../images/personal/personal2.png) bez opakovania vpravo dole. Mali by ste získať nasledovné:

hlavička loga
{
pozadie: #0c1a3e;
farba:#fff;
min-height:200px;
margin:0em 10px 0 10px !dôležité;
}

Súbor uložíme. To je všetko.

Predtým, ako sa ponoríme do diskusie o konkrétnej šablóne, skúsme znova zistiť, čo je šablóna v joomle. Podľa väčšiny používateľov je šablóna zodpovedná za externý dizajn stránok vašej lokality. Šablóna však nie je len dizajn.

Zahŕňa aj mechanizmy, ktoré určujú umiestnenie údajov, spôsoby a intervaly zobrazovania rôznych dátových modulov, jazykové možnosti atď.
IN predchádzajúce verzie Joomla použila základnú šablónu Beez. IN najnovšie verziešablóny postavené na jeho základe (Beez5, Beez_20) prešli v porovnaní s ním výraznými zmenami. Pri vytváraní šablóny Beez do nej vývojári investovali možné možnosti prispôsobenia sa potrebám každého vlastníka stránky. Zdrojšablóna sa dá ľahko zmeniť. Vykonaním zmien v kaskádových štýloch bolo jednoduché vytvoriť úplne novú šablónu dizajnu bez vynaloženia veľkého úsilia. Ale v procese práce sa dizajnéri pokúsili túto šablónu nepoužívať, ale vyvinuli si vlastnú od nuly.
V dôsledku toho boli pre verziu Joomla 2.5 vyvinuté dve úplne nové šablóny. Obe šablóny používajú JavaScript, šablóna beez5 používa HTML5 a šablóna beez_20 nevyžaduje prepisy. Pri rozložení nie je potrebné použiť tabuľky. Názvy tried kaskádových tabuliek boli zmenené.

Vlastnosti šablóny

Nové šablóny sa stali široko dostupnými, bolo možné zvoliť umiestnenie navigačného bloku na stránke, boli pridané funkčné štítky WAI-ARIA, moduly v záložkách je možné zobraziť v automatický režim, boli pridané skladacie pozície pre moduly a stĺpce, v šablóne beez_20 sú zabudované dve dizajnové formy: prirodzená a ľudská, do šablóny beez5 bola pridaná podpora jazyka HTML5.
Nie je žiadnym tajomstvom, že existujú ľudia, ktorí majú oslabenú schopnosť vnímať svet okolo seba. Niekto nie je schopný vizuálneho vnímania, niekto je obmedzený na vnímanie zvuku. Títo ľudia však tiež používajú informačné zdroje internetu. A všetky vytvorené internetové portály by mali byť určené pre túto kategóriu používateľov. Šablóny Joomla majú všetko potrebné nástroje poskytnúť ľuďom so zdravotným postihnutím možnosť využívať internet.
Pri vytváraní šablón je potrebné dodržať základné požiadavky: materiály stránok by sa nemali prekrývať s dizajnom týchto materiálov, štruktúra webu by nemala byť preťažená, navigácia po stránkach webu by mala byť podporovaná príkazmi klávesnice, farebné prevedenie obsahu by mali byť kontrastné.
Najdôležitejším bodom z pohľadu vývojára je oddelenie obsahu od dizajnu. Aby ste to dosiahli, musíte sa zbaviť tabuľkového dizajnu materiálu na stránke. Formátovanie používa iba CSS. Materiál musí byť postavený lineárne zhora nadol.
Sémantický dizajn vám umožňuje prechádzať medzi stránkami webu na základe nadpisov, zoznamov atď., Ako aj pridať všeobecnú predstavu o materiáli dokumentu.
Existuje však nevýhoda lineárneho rozloženia obsahu stránky – získanie potrebných informácií môže chvíľu trvať (ak sú informácie obsiahnuté v spodnej časti stránky). Ak chcete tento problém vyriešiť, môžete použiť záložky HTML na zrýchlenie navigácie na stránkach. V tomto prípade sa predpokladá vytvorenie doplnkového menu pre pohyb po stránke. Pre tých, ktorí sú už oboznámení so štruktúrou stránky, môže byť toto menu skryté.
Napríklad:

  • Preskočiť na hlavný text.
  • Prejdite do hlavného navigačného bloku a prihláste sa.

Pri vytváraní stránky musíte venovať pozornosť farebnej schéme v dizajne. Ak pre bežný používateľ nie je výrazný rozdiel vo farebnom kontraste, kontrast má osobitný význam pre ľudí so zdravotným postihnutím. V tomto prípade by mali byť farby pozadia a textu kontrastné. Maximálny kontrast je možný s čiernym textom na bielom pozadí. Aby ste sa však vyhli problémom s optickým skreslením, pozadie stránky by malo byť mierne farebné.

Šablóna je typ rozšírenia v Joomle, ktorý predstavuje vzhľad vaše stránky. Používajú sa dva typy vzorov CMS Joomla: Front-end šablóny a back-end šablóny. Front-end (front-end) - určuje vzhľad vašej stránky, ide o celú vizuálnu časť internetového zdroja, ktorú používateľ vidí. Back-end je typ šablóny, ktorá vám umožňuje zmeniť vzhľad (rozhranie) Joomla!

Joomla 2.5 poskytuje niekoľko štandardných šablón, ktoré sa dodávajú s inštaláciou CMS (3 front-end a 2 back-end šablóny):

Šablóny webových stránok

  • Beez 20 (predvolená šablóna);
  • Beez 5;
  • Atómový.

Šablóny správcovského panela

  • Bluestorkk (predvolená šablóna)
  • Hathor.

Účel šablóny

Šablóna riadi rozloženie a vzhľad stránky. Poskytuje rámec, ktorý spája spoločné prvky, moduly, komponenty a doplnky a poskytuje kaskádový štýl stránky.


Pri prvej inštalácii Joomla! automaticky sú zahrnuté dve šablóny uvedené v časti vyššie. Na iných webových stránkach nájdete mnoho ďalších šablón pre každý vkus a farbu. Obrovské množstvo šablón je používateľom k dispozícii vo voľnej forme pod rôznymi licenciami, existujú však aj platené šablóny. Každý používateľ si môže vytvoriť svoju vlastnú šablónu, stačí ju definovať h bohaté poznatky v tejto oblasti.

Šablóny sa inštalujú cez administračný panel Joomla v Správcovi rozšírení, po inštalácii bude šablóna dostupná v Správcovi šablón.

Prečo Joomla! používa šablóny?

CMS Joomla! zdôrazňuje niekoľko kľúčových úloh, ktoré sú súčasťou výroby efektívneho internetového zdroja. Jednou z týchto úloh je vytvorenie estetického (layoutového) webu. Takáto úloha zahŕňa rozhodovanie o umiestnení prvkov obsahu (modulov, zásuvných modulov a komponentov).

Pri vytváraní novej webovej stránky by umiestnenie väčšiny prvkov obsahu malo zostať rovnaké (menu, bočné panely, miesta na banneroch atď.). Používateľ chce tiež vidieť rovnaký vzhľad a dojem z každého z nich nová stránka a jeho obsah (fonty, štýly nadpisov, farebná paleta atď.). Používateľ môže tiež zmeniť niektoré bežné prvky stránky, aby určil iné možnosti zobrazenia atď. (napríklad moduly). Nakoniec, po malom dizajne, sa usadíte na všeobecnom rozložení vašej stránky a vyriešite problém prípravy šablóny pre každú stránku a jej obsah.

A teraz to stojí za zváženie. Prečo písať kód pre každú stránku samostatne, keď môžete použiť šablónu pre každú sekciu na webe a keď pridáte novú stránku, stačí len „vyplniť prázdne miesta“. To všetko nie je také jednoduché, ako sa hovorí, ale tento materiál poskytuje základné informácie o použití šablóny a jej účele.

Hlavným dôsledkom tohto materiálu je, že šablóna riadi vzhľad vašej stránky a zároveň umožňuje správcovi zdrojov venovať viac pozornosti skutočnému obsahu, než písaniu kódu.

Úprava šablóny. Čo sa dá robiť?

Šablóna sa používa na organický návrh obsahu, ktorý je načítaný webovým prehliadačom na ďalšie čítanie obrazovky. Môžete nezávisle meniť farebné schémy, obrázky a efekty, písma a samotné rozloženie.

Rozloženie.Šablóna je oblasť, kde sa nastavujú štýly dizajnu vašej lokality. To zahŕňa umiestnenie rôznych prvkov (komponentov, modulov a doplnkov), za ktoré sú zodpovedné Rôzne druhy obsahu. Napríklad: rôzne ponuky (môžete si vybrať štýl ponuky existujúce možnosti a použite jeho príklad na vytvorenie vlastného, ​​jedinečného menu).

Paleta farieb. Pomocou CSS môžete zmeniť farbu pozadia, odkazov, textu a podobne.


Písma. To isté platí pre písma. Pomocou CSS štýlov môžete nastaviť jednotný vzhľad textov na vašich stránkach. To vám umožňuje jednoducho zmeniť vzhľad všetkých textových informácií úpravou jedného alebo dvoch súborov, a nie každej jednotlivej stránky.

Obrázky a efekty. Máte plnú kontrolu nad tým, ako sa obrázky zobrazujú na stránke, a dokonca vytvárate bleskové efekty, ako sú rozbaľovacie ponuky.

18. júna 2012

Rôzne šablóny pre rôzne stránky lokality - 3,8 z 5 na základe 5 hlasov

Nie všetky stránky na webe musia mať rovnaký dizajn. Niektoré stránky majú rôzne farby a štýly pre rôzne stránky. Iné stránky majú radikálne odlišný dizajn v jednej sekcii od druhej. Joomla vám umožňuje realizovať podobný nápad.

Tento tutoriál vám ukáže, ako používať viacero šablón alebo viacero štýlov tej istej šablóny pre rôzne časti vašej stránky Joomla.

Krok 1: Analýza štandardnej šablóny Joomla

Joomla má 3 štandardné šablóny: Atomic, Beez5 a Beez2. Tieto tri šablóny sú pre web. Ďalšie dve - Bluestork a Hathor - sú venované administračnému panelu Joomla. Môžete si tiež nainštalovať inú šablónu alebo si vytvoriť vlastnú.

Jedna zo šablón bude vždy predvolene priradená. Predvolená šablóna je označená zlatou hviezdou, ako je znázornené na obrázku.

Predvolenú šablónu môžete veľmi jednoducho zmeniť kliknutím na jednu z nevyplnených hviezdičiek. Ak je hviezda premaľovaná, potom bol priradený nový predvolený vzor.

Po inštalácii šablóna joomla predvolená hodnota je Beez2. Kliknutím na názov šablóny môžete upraviť niektoré nastavenia šablóny.

V tomto príklade môžete vidieť stránku nastavení šablóny. Táto šablóna je priradená predvolene a nie je špecificky viazaná na žiadnu položku ponuky. (Možnosť: Odkaz na menu).


Krok 2: Priraďte rôzne šablóny rôznym stránkam Joomla

Poďme sa pozrieť na úpravu inej šablóny a uvidíme, ako ju priradiť ku konkrétnej kategórii.

  • Zatvorte stránku na úpravu šablóny Beez2.
  • Otvoriť šablónu na úpravu beez5, začiarknutím políčka vedľa šablóny a kliknutím na tlačidlo: "Upraviť".

Pripojenie rôznych šablón k rôznym stránkam lokality sa realizuje výlučne pomocou položiek ponuky. Pokračujte do sekcie "Väzba ponuky" a budete môcť vybrať stránky lokality, ktorým chcete priradiť samostatné šablóny.

V tomto prípade je pole „Predvolené“ pre túto šablónu nastavené na hodnotu "Nie", pretože už máme štandardne používanú inú šablónu. Začiarknite políčko vedľa "kategória 1" alebo akékoľvek iné, ktoré budete používať.

Uložte túto väzbu a potom otestujte svoju stránku. Po uložení uvidíte, že šablóna Beez20 je predvolene priradená. A šablóna Beez5 je označená zelenou značkou začiarknutia.

Takto vyzerá domovská stránka s predvolenou šablónou Beez.

Zapnuté tento moment je potrebné pripomenúť, že zmena šablóny neovplyvní obsah stránky. Zmení sa však názov, logo, dizajn a pozície modulov. To znamená, že nemôžete zmeniť šablónu bez toho, aby ste vykonali nejakú prácu navyše.

Krok 3: Definovanie rôznych pozícií modulov v rôznych šablónach

Pozície modulov v šablóne Beez5 (hore) a šablóne Beez20 (dole) sú takmer rovnaké, takže zmeny sú menšie. Existujú však aj rozdiely.

Jedným z významných rozdielov medzi šablónami je umiestnenie modulov vedľa loga. V šablóne Beez5 sú pozície 1 a 0 pod logom.

V Beez20 je pozícia 0 nad logom a pozícia 1 je pod ním.

Toto je pomerne malý rozdiel, ale dobrý príklad toho, ako sa môžu líšiť pozície modulov v šablónach. V tomto prípade je uvedený jednoduchý príklad, keďže pozície modulov v oboch šablónach majú rovnaké názvy.

Čo ak sa však pozície modulov v šablónach líšia nielen pozíciou, ale aj názvom?

Vráťte sa do správcu šablón a prepojte šablónu Atomic so stránkou Kategória 2 Na stránke uvidíte šablónu Atomic Kategória 2 Má úplne iné pozície modulov a môžete to vidieť na obrázku nižšie.

Na tejto stránke sú uvedené pozície modulov:

  1. atomic-topmenu
  2. atomic-topquote
  3. atómové vyhľadávanie
  4. atomic-sidebar
  5. atómový-vľavo dole
  6. atomic-dolnestred

Ak chcete, aby šablóna Atomic fungovala spolu s Beez20, musíte urobiť viac práce. Nie je zaručené, že pozícia modulu, ktorá funguje v Beez20, bude fungovať aj v Atomic.

Krok 4: Pridanie modulu ponuky do novej šablóny.

  • Prejdite na položku Rozšírenia - Správca modulov a kliknite na tlačidlo Vytvorte.
  • Vyberte typ modulu Menu.
  • Priraďte svojmu novému modulu pozíciu atomic-sidebar.
  • Joomla 2.5 predstavuje novú funkciu: pole poznámky pre modul. Vďaka tomu nebudete zmätení, keď máte veľa modulov.

Teraz naviažeme modul len na konkrétnu stránku.

  • Vo voľbe „Väzba na položky ponuky“ vyberte hodnotu "Len na určených stránkach."
  • Začiarknite políčko na stránke, kde chcete modul zobraziť.

Modul ponuky je teraz umiestnený na bočnom paneli. Možno ste si všimli, že ide o horizontálne menu a je naň obmedzený priestor. Musíme to skúsiť znova, aby sme našli lepšiu pozíciu.

Prejdite do správcu modulov a presuňte ponuku na pozíciu atomic-topmenu. Výsledok môžete vidieť na ďalšom obrázku.

Krok 5: Štýly z rovnakej šablóny namiesto rôznych šablón.

Namiesto používania úplne odlišných šablón na rôznych stránkach vašej lokality stačí vykonať malú zmenu predvolenej šablóny. Toto je nová funkcia predstavená v Joomla 2.5. Táto technika vám umožní vytvoriť viac jemné rozdiely na každej stránke bez toho, aby ste museli vykonávať prácu popísanú vyššie.

  • Prejdite do Správcu šablón.
  • Vyberte šablónu, ktorú chcete duplikovať (začiarknite políčko vedľa nej).
  • Kliknite na tlačidlo "Duplikovať".

  • Začiarknite políčko vedľa šablóny Beez2-Default (2).
  • Kliknite na tlačidlo "Zmena".

  • Beez20 prichádza s dvoma farebnými schémami: Personal a Nature. Z rozbaľovacieho zoznamu vyberte Príroda.
  • Priraďte šablónu k položke ponuky Kategória 1 v bloku "Odkaz na menu". Upozorňujeme, že existujú aj ďalšie nastavenia, ktoré môžete zmeniť. Napríklad: logo, názov stránky a navigačná pozícia.

Teraz máte k dvom stránkam na vašej lokalite priradené dva rôzne štýly šablón.

  • Šablónu môžete priradiť aj pri vytváraní položiek ponuky.
  • Keď sa nachádzate v správcovi ponúk, môžete pri vytváraní položky ponuky viazať štýl šablóny.

Hodnotenie 3.80

Zobrazenia: 25562

Načítava...
Hore