Beez 20 sablon Jumla számára. A különböző sablonok konfigurálása a Joomla különböző oldalaihoz

Mielőtt egy adott sablon megvitatására kerülne, próbáljuk meg kitalálni, hogy a sablon Joomla-ban van. A legtöbb felhasználó megértésében a sablon felelős a webhely oldalainak külső nyilvántartásáért. A sablon azonban nem csak design.

Ez magában foglalja olyan mechanizmusokat is, amelyek meghatározzák az adatelhelyezést, módszereket és intervallumokat különböző adatmodulok megjelenítésének, nyelvi paraméterek stb.
BAN BEN előző verziók Joomla használta a Beez alap sablont. BAN BEN legutóbbi verziók A bázison alapuló sablonok (BEEZ5, BEEZ_20) jelentős változásokon ment keresztül vele szemben. BEEZ sablonfejlesztők létrehozása Befektetett az IT-be való beállítást a Site tulajdonosának szükségességének beállításához. Forrás A sablon könnyen megváltoztatható. A kaszkád stílusú táblázatok módosítása lehetővé tette, hogy könnyen hozzon létre teljesen Új sablon Regisztráció, anélkül, hogy jelentős erőfeszítéseket költene. De a munkafolyamat során a tervezők megpróbálták használni ezt a sablont, de kifejlesztették saját karcolását.
Ennek eredményeképpen két teljesen új sablonot fejlesztettek ki a Joomla 2.5 esetében. Mindkét sablonban a JavaScript nyelvét használják, a beez5 sablon HTML5 nyelvet használ, a BEEZ_20 sablon nem igényel újratervezést. Ha a táblázatokat nem kell használni. A lépcsőzetes táblák osztályai nevét megváltoztatták.

Tulajdonságok minták

Az új sablonok széles körben elérhetővé váltak, lehet kiválasztani a navigációs egység helyét az oldalon, a WAI-ARIA funkciócímkéket hozzáadják, a lapok moduljai automatikus üzemmódban jelenhetnek meg, a modulok összecsukható pozícióihoz és az oszlopokhoz hozzáadódik, a tervezés két formája épül a Beez_20 sablonban: természetes és emberi, hozzáadott HTML5 nyelvi támogatást Beez5 sablonban.
Nem titok, hogy vannak olyan emberek, akik gyengítik a világ észlelésének lehetőségét. Valaki nem képes vizuális érzékelésre, valaki a hang érzékelésére korlátozódik. Ezek az emberek azonban is használják információs források Internet. És az összes online portálot meg kell tervezni a felhasználók számára. Joomla sablonok rendelkeznek szükséges eszközök Annak érdekében, hogy a fogyatékkal élők legyenek az internetes hálózat használatának képességével.
A sablonok létrehozásakor be kell tartani az alapvető követelményeket: a webhely anyagai nem lehet metszi az ilyen anyagok kialakításával, a helyszíni struktúrát nem szabad túlterhelni, az oldaloldalakon keresztül történő átmeneteket a parancsok segítségével kell támogatni Billentyűzet, a tartalom színtervezése ellentétesnek kell lennie.
A legtöbb fontos pont A fejlesztő szempontjából a tartalom szétválasztása a tervezésből. Ehhez meg kell szabadulnia az asztali tervezésből. A formázáskor csak CSS-t használunk. Az anyagot lineárisan felülről lefelé kell építeni.
A szemantikai kialakítás lehetővé teszi, hogy átálljon a webhely oldalai között a címsorok, listák stb., És hajtsa végre a dokumentum anyagának általános elképzelését is.
Az oldal tartalmának lineáris kialakításával azonban hiány van -, hogy eljusson szükséges információ Szükség van időre (ha az információ az oldal alján van csatlakoztatva). A probléma kijavításához a HTML könyvjelzők segítségével felgyorsíthatja az oldalt. Ebben az esetben feltételezzük, hogy további menüt hoz létre az oldal mozgásához. Azok számára, akik már ismerik a webhely szerkezetét, ez a menü rejtve lehet.
Például:

• Menjen a fő szövegre.
• Menjen a fő navigációs egységre, és jelentkezzen be.

A webhely létrehozásakor figyelmet kell fordítania a tervezés színsémájára. Ha nincs lényeges különbség a szokásos felhasználóval ellentétben, akkor a fogyatékkal élők számára a kontraszt különösen fontos. Ebben az esetben a háttér és a szöveg színei ellentétesnek kell lenniük. Maximális kontraszt lehetséges fekete szöveg esetén, fehér alapon. Az optikai torzulásokkal kapcsolatos problémák elkerülése érdekében az oldal hátterét kissé festeni kell.

Ez a cikk bemutatja, hogyan készítsük el a standard beez_20 sablont "gumi". A képernyő felbontásától függetlenül a webhely elfoglalta a képernyő teljes szélességét. Ez a módszer A Joomla 1.7 és a Joomla 2.5 tesztelt

Ha használják fájl kezelő Hosting szolgáltató vagy FTP menedzser, akkor meg kell találnia a stílusfájlt " a mi_site \\ sablons \\ beez_20 \\ css \\ pozíciók.css". Ha használják Vezérlőpult Joomla, akkor kell menned Kiterjesztések -> Sablonkezelő

A jobb oldalon minden beez_20 sablon stílus. Találunk egy karakterláncot CSS / POSITION.CSS módosítása És kattintson rá. Megnyílik Sablonkezelő: Fájl szerkesztése.

Itt szerkeszthetjük ezt a fájlt.
Megtaláljuk a fő div'a szélességét. Ez 1050px.

#minden.
{
margó: 0 Auto;
max-szélesség: 1050px;
padding: 0px;
szöveghez igazítás: maradt;
}

Ezt az értéket 100% -kal változtatjuk meg.

#minden.
{
margó: 0 Auto;
max-szélesség: 100%;
padding: 0px;
szöveghez igazítás: maradt;
}

Ezután ugyanabban a fájlban találjuk meg a lábléc szélességét. Ez 1020px.

# Lábléc belső
{
max-szélesség: 1020px;
margó: 0 Auto;
betűméret: 0,8em;
padding: 10px 15px 15px 10px;
}

Ezt az értéket 100% -kal változtatjuk meg.

# Lábléc belső
{
max-szélesség: 100%;
margó: 0 Auto;
betűméret: 0,8em;
padding: 10px 15px 15px 10px;
}

Mentse el a fájlt, és megyünk a webhelyére - megnézzük, mi történt. Annak érdekében, hogy az eredményt a CSS-változás után azonnal láthassuk, az új stílusok böngészőfrissítése szükséges. Ehhez kattint Ctrl + R.

Az utolsó dolog, hogy késleltesse a kupakot. Miután a képernyő teljes szélességére nyúlik a képernyő teljes szélességére, a kupak jobbra tolódott, és egy kék téglalap jelent meg Lev-től. Ez történt, mert a kép szélessége 1060px. A képkupak a mappában vannak a mi_site \\ sablones \\ beez_20 \\ images \\ személyes \\ személyes2.jpg". Készítheti a nagyobb képet, és cserélheti ki a Personal2.jpg fájlt (a fájlnévnek meg kell hagynia a Personal2.jpg-t). Ha nincs megfelelő kép, akkor kikapcsolhatja a kép kimenetét a stíluslapon, és az egész kalap kék lesz.

A kép letiltásához szükség van egy olyan fájlra, amely a " a mi_site \\ sablons \\ beez_20 \\ Css \\ Personal.css"Benne talál:

LogoHeader.
{
Háttér: # 0c1a3e URL (../ képek / Personal / Personal2.png) Nem ismétlődő alsó jobb;
Szín: #FFF;
Min-Magasság: 200px;
}

Töröljük az URL-t (../ Képek / Personal / Personal2.png) Nem ismétlődő alsó jobbra. Az alábbiak történhetnek:

LogoHeader.
{
háttér: # 0c1a3e;
szín: #FFF;
min-Magasság: 200px;
margó: 0 10px 0 10px! Fontos;
}

Mentse el a fájlt. Ez minden.

Az összes elrendezéscserefájl a mappába kerül. sablonok /<имя_шаблонa>/ Html.. Szóval, ha a sablont hívják my_beautiful_template.Az elrendezések összes elrendezése a mappában található sablonok / my_beautiful_template / html. Ez azt jelenti, hogy a cserefájlok biztonságosan mentésre kerülnek a különálló sablon mappába. De egy ilyen "virágzó" megőrzés csak akkor lehetséges, ha az alak nem alapvető.

A Joomla-ban szereplő alap sablonok megváltoztathatók, amikor egy új Joomla verzióra költöznek. És ez nem okoz semmilyen nehézséget, ha a sablont a fájlok bármilyen változása nélkül használják. De ha a sablon helyettesíti a cserét, akkor a végén egy fájl lehet változtatni, mint a régi, és mások újak.

Másolja a sablon mappát Új mappa. E célból használja a Mappa másolási funkcióját a szinten operációs rendszerA sablonok / beez_20 mappa áthelyezése (az összes almappából és fájlban) az új sablonok / beez_20_copy mappába. Győződjön meg róla, hogy az összes forrásmappa fájlja helyesen másolódik a célmappához.

Biztonságos fájlok cseréből és frissítésekről új verzió A Joomla egyáltalán nem nehéz. Ehhez elegendő a Joomla eloszlásának főbb lehetőségében nem szereplő sablont használni. Az ebben a könyvben szereplő anyag egyszerűségének kedvéért a BEEZ_20 SHEDA BEEZ_20 példányát fogja használni. Kétféle módon kaphat egy példányt.

• Hozzon létre saját példányát a beez_20_copy sablon, az alábbi utasítások után.
• Töltse be a BEEZ_20_COPY.ZIP archívum fájlt a könyvre (http://joomlaprogrammingbook.com/downloads.html), majd konfigurálja a telepítést az Extension Manager ^ Telepítési parancs (bővítőmenedzser1 ^ SET).

Készítsen másolatot a sablon viszonylag egyszerű, és még hasznos tudni, hogy ez megtörtént. Ehhez kövesse az alábbi lépéseket.

2. A fájlnevek módosítása a BEEZ_20_COPY XML fájlban. Ebből a célból a Cut-Cut XML fájl beez_20_copy / templateetails.xml szerkesztéshez. Ugyanez a szerkesztés önmagában csak globális keresést tartalmaz, és a beez_20 szöveget a beez_20_copy szövegbe helyezi. Három ilyen helyettesítésnek kell lennie: a pashe elemben és a nyelvi elemek két nyelvi támogatási fájljában.

3. A nyelvi támogatási fájlok átnevezése. Ebben az eljárásban a fájlneveket XML fájlban módosították. És most át kell nevezni őket a szinten fájlrendszer A következőképpen:

• en-gb.tpl_beez_20.ini az en-gb.tpl_beez_20_copy.ini
• en-gb.tpl_beez_20.sys. Ini on en-gb.tpl_beez_20_copy.sys .ini

Másolás mindkét fájlokat a sablon / BEEZ_20_COPY / nyelv / EN-GB mappa / a Nyelv / hu-HU / mappa szerint újra a másolási funkció az operációs rendszer szintjén.

5. Keresse meg és telepítse a sablon másolatát új kiterjesztésként. Az 1.6-os verzióban új figyelemre méltó szoftverfelismerő eszközt vezetett be. komponensek Joomla - Felfedez. Ez biztosítja alternatív módon Új kiterjesztések telepítése. A bővítés telepítésekor a következők fordulnak elő.

• A bővítési fájlokat másolja szükséges mappák A jelenlegi Joomla telepítés.
• A Joomla adatbázist frissíti az új bővítési információk.

A Discover Detection eszközzel manuálisan másolja a fájlokat a mappában, majd adja meg a Joomla új kiterjesztéseket. Miután az új kiterjesztés észlelhető, telepíthető. Ennek köszönhetően a Joomla adatbázis helyes bejegyzéseket hoz létre. Ezt az eszközt új sablon telepítéséhez használjuk. Ha átmegy a kiterjesztéskezelők felfedezésére (Extension Manager\u003e Detect), és válassza ki az eszköztár felfedezését, a Joomla új sablont talál.

Ezután a beez_20_copy minta az alapértelmezett webhely létrehozásához szükséges. Ehhez menjen a kiterjesztésekhez \u003d\u003e sablonkezelő: Stílusok (Extensions \u003d\u003e Sablonkezelő: Stílusok), válasszon ki egy új sablont, és kattintson az Alapértelmezett gombra (tegye az alapértelmezett választható lehetőséget).

Végül, ha szükséges, hogy az új sablon úgy néz ki, mint a forrás, akkor meg kell fejezni egy új stílus paramétereit oly módon, hogy összhangba kerüljön a régi design stílussal. Ez történik a képernyő formában Szerkesztés stílus (szerkesztési stílus) Megnyílik a sablon nevére (ebben az esetben - BEEZ_20_COPY - alapértelmezett)

Az új sablon stílusának szerkesztése

A képződési űrlapon található mezők a következőképpen vannak beállítva.

2012. június 18.

Különböző sablonok a webhely különböző oldalaihoz - 3.8 5-ből 5 szavazat alapján

Nem minden webhely oldalnak kell lennie ugyanazzal a tervezéssel. Néhány webhely különböző színű és stílusokkal rendelkezik különböző oldalakon. Más webhelyek designja radikálisan más a másik szakaszban. A Joomla lehetővé teszi, hogy ilyen ötletet hajtson végre.

Ebben a leckében leírják, hogyan lehet több sablonot használni, vagy többféle stílust használhat egy sablon webhelyének különböző részein a Joomla.

1. lépés: A szabványos Joomla sablon elemzése

Joomla 3. standard sablonok: Atomic, Beez5 és Beez2. Ez a három sablon a webhelyre tervezték. Egyéb két - Bluestork és Hathor nevezik ki a Joomla admin panelhez. Egy másik sablont is beállíthat, vagy létrehozhatja sajátját.

Az egyik sablon mindig lesz hozzárendelve alapértelmezés szerint. Az alapértelmezés szerint hozzárendelt sablon arany csillaggal van jelölve, amint azt a képen látható.

Nagyon csak az alapértelmezett sablont cserélheti az egyik elválasztott csillagra kattintva. Ha a csillag festett, akkor egy új alapértelmezett sablon van hozzárendelve.

A telepítés után joomla sablon Az alapértelmezett beez2 hozzárendelve van. Ha rákattintott a sablon nevére, akkor módosíthatja a sablon objektumait.

Ebben a példában láthatja a sablonbeállítások oldalt. Ezt a sablont alapértelmezés szerint hozzárendeli, és nem kapcsolódik kifejezetten bármely menüponthoz. (Paraméter: kötés a menübe).

2. lépés: Különböző sablonok célja a Joomla különböző oldalain

Vessünk egy pillantást egy másik sablon szerkesztésére, és nézzük meg, hogyan kell hozzárendelni egy adott kategóriához.

• Zárja be a sablon szerkesztési oldalt Beez2..
• Nyissa meg a sablon szerkesztését Beez5 Miután ellenőrizte a dobozt a sablon előtt, és nyomja meg a gombot: "Szerkesztés".

Különböző sablonok csatlakoztatása a különböző webhelyoldalakhoz kizárólag a menüpontok használatával valósul meg. Menj a „kötődése a menü” című részben, és kiválaszthatjuk a honlap oldalain, amelynek meg szeretné rendelni külön sablonokat.

Ebben az esetben az "Alapértelmezett" mezőben az értéket használják erre a sablonra. "Nem",mivel már rendelkezünk egy másik sablont alapértelmezés szerint. Jelölje be a dobozt az elem előtt "1. kategória"vagy bármely más, amit fog használni.

Mentés ez a kötelezőMajd ellenőrizze webhelyét. A mentés után látni fogja, hogy a beez20 sablont alapértelmezés szerint hozzárendeli. És a beez5 sablon zöld csekk jelzéssel van jelölve.

Ez az, ami úgy néz ki főoldal. A BEEZ sablon alapértelmezett.

Jelenleg érdemes emlékezni, hogy a sablon változása nem befolyásolja a webhely tartalmát. Azonban a modulok címe, logója, tervezése és pozíciója megváltozik. Ez azt jelenti, hogy nem egyszerűen megváltoztathatja a sablont anélkül, hogy további munkát végezne.

3. lépés: A különböző sablonok különböző pozícióinak meghatározása

A modulok pozíciói a beez5 sablonban (a tetején) és a beez20 sablonban (az alábbiakban) szinte azonosak, így a változások jelentéktelenek. Vannak azonban különbségek.

A sablonok közötti észrevehető különbség a modulok helyzete a logó közelében. A beez5 sablon pozíciók 1 és 0 a logó alatt találhatók.

BEEZ20-ban a pozíció-0 a logó felett helyezkedik el, és az alatta lévő pozíció alatt van.

Ez meglehetősen kisebb különbség, de jó példa arra, hogy a modulok pozíciói eltérhetnek a sablonokban. Ebben az esetben egy egyszerű példa van megadva, mivel a modulok pozíciói mindkét sablonban azonos nevekkel rendelkeznek.

De mit kell tennie, ha a sablonokban lévő modulok pozíciói nemcsak a pozíció, hanem a cím is különböznek?

Visszatérés a sablonkezelőbe, és csatlakoztassa az Atomic sablont az oldallal 2. kategória.Látni fogja az atomi sablont az oldalon. 2. kategória. Teljesen különböző modulok pozíciója van, és az alábbi képen látható.

Ez az oldal bemutatja a modulok pozícióit:

1. atomic-topmenu.
2. atom-topquote.
3. atom-keresés.
4. atom-oldalsáv
5. atomic-Bottomleft.
6. atom-bottommiddle

Ha azt szeretné, hogy az atomi sablon a beez20 mellett dolgozzon, akkor több munkát kell tennie. Nem garantált, hogy a beez20-ban működő modul helyzete atomi jellegű lesz.

4. lépés: Menümodul hozzáadása egy új sablonhoz.

• Menjen a mellékállomás-menedzserre, és kattintson a gombra. Teremt.
• Válassza ki a Menü modul típusát.
• Adja meg az új modul pozícióját atom-oldalsáv.
• A Joomla 2.5 új funkciót mutat be: a modul jegyzetei. Ez lehetővé teszi, hogy ne zavarja, ha sok modul van.

Most csak egy adott oldalra kötözzük a modult.

• A "Kötés a menüelemekhez" opcióban válassza ki az értéket "Csak a megadott oldalakon".
• Jelölje meg az oldal zászlóját, amelyen megjeleníteni szeretné a modult.

Most a menümodul az oldalsávban található. Valószínűleg észrevette, hogy vízszintes menü És a hely korlátozott. Meg kell próbálnunk újra, hogy megtaláljuk a megfelelőbb pozíciót.

Menjen a Modul Managerre, és mozgassa a menüt a pozícióba atomic-topmenu.. A következő képen látható eredmény.

5. lépés: Egy sablon stílusai a különböző sablonok helyett.

Ahelyett, hogy teljesen különböző sablonokat használna a webhely különböző oldalain, egyszerűen kicsi módosítást végezhet az alapértelmezett sablonban. Ez egy új funkció, amely megjelent a Joomla 2.5-ben. Ez a technika lehetővé teszi, hogy az egyes oldalakon több finom különbséget hozzon létre anélkül, hogy meg kell tennie a fent leírt munkát.

• Menjen a sablonok menedzseréhez.
• Válassza ki a másolni kívánt sablont (jelölőnégyzet előtt).
• nyomja meg a gombot "Másolat".

• Ellenőrizze a Rada zászlót a beez2- alapértelmezett (2) sablonnal.
• nyomja meg a gombot "Változás".

• BEEZ20 két színsémával rendelkezik: személyes és természet. Válassza ki a természetet a legördülő listából.
• Adjon hozzá egy sablont a menüponthoz 1. kategória.blokkban "Kötés a menübe". Kérjük, vegye figyelembe, hogy vannak más beállítások, amelyeket megváltoztathat. Például: logó, webhelynév és navigációs helyzet.

Most már a webhelyen két különböző stílusa van két oldalhoz kapcsolódó sablon.

• A menüpontok létrehozásakor egy sablont is hozzárendelhet.
• Ha a Menu Managerben tartózkodik, akkor a sablonstílust egy menüpont létrehozásakor összekapcsolhatja.

Értékelés 3.80

Megtekintések: 25562.

Nem a Joomla webhelyének minden oldala ugyanazt a tervezést lehet, és egyenlően néz ki. Egyes webhelyek radikális különböző színsémákkal és a fő blokkok helyszíne a webhely különböző részeihez. És a Joomla lehetővé teszi, hogy megtegye.

Ebben a leckében megmutatjuk Önnek, hogyan használhatunk különböző sablonokat vagy különböző típusú stílusokat a webhely különböző részeihez a Joomla-on.

1. lépés: Általános információk a sablonokról a Joomla-ban

A Joomla három alapértelmezett design sablonnal rendelkezik: Atomic, Beez5 és Beez2.

Ez a három sablon a "hely" oszlopban "webhely" -ként van jelölve, és a webhely nyilvános részére szolgál. A Bluestork és a Hathor sablonok "adminisztrátornak" vannak jelölve, és csak az adminisztrátorra vonatkoznak. Más harmadik fél sablonokat is telepíthet, vagy saját sablont fejleszthet ki.

Az egyik sablon mindig az alapértelmezettként van jelölve, amely egy külső webhelyre és az adminisztrátorra vonatkozik. Annak megállapításához, hogy melyik alapértelmezés szerint használja, keresse meg az alapértelmezett csillagot az alapértelmezett oszlopban, amint az az alábbi ábrán látható:

Az alapértelmezett sablont bármikor egyszerűen az egyik üres csillagra kattintva módosíthatja, majd aranyvá válik, és az alapértelmezés szerint használt megfelelő sablon.

Az elsővel telepítés Joomla Alapértelmezés szerint a beez2 sablon telepítve van. Ha rákattint a sablon nevére, akkor módosíthatja a sablon beállításait.

Amint azt ebben a példában láthatja, ezt a sablont alapértelmezés szerint használja minden És nem igényli az egyes menüelemek telepítését.

2. lépés: Különböző sablonok megkötése különböző oldalakon

Vessünk egy pillantást más sablonok beállításaira, és nézzük meg, hogyan rendelhet egy adott kategóriához.

• Nyissa meg a sablonkezelőt
• Jelölje meg a beez5 sablont.
• Kattintson a Szerkesztés gombra.

• A CMS különböző sablonokat állít be különböző oldalakon, amelyek kizárólag a menühivatkozásokon alapulnak. Menjen a "Kötéshez a Menu" szakaszba, és kiválaszthatja, hogy melyik menühivatkozások ezt a sablont használják.
• Az alapértelmezett elemhez a "NO" be van állítva, mert már van egy másik alapértelmezett sablonunk.
• Ellenőrizze a megfelelő menüponttal szembeni jelölőnégyzetet.

• Mentse ezt a kötést a menübe, majd ellenőrizze webhelyét.
• A mentés után látni fogja, hogy a beez_20 sablon alapértelmezés szerint van beállítva.
• És a beez5 sablon egy külön menüelemhez van hozzárendelve, és zöld jelölőnégyzetrel van ellátva.

Tehát a főoldal úgy néz ki, mint egy alapértelmezett sablon - Beez2:

Érdemes emlékezni Önnek, hogy a sablon változása nem befolyásolja a tartalmat. Ez azonban megváltoztatja a modulok címét, logót, tervezését és pozícióját. Ez azt jelenti, hogy nem egyszerűen megváltoztathatja a sablont anélkül, hogy további munkát végezne.

Meg kell változtatnia a logót mind a sablonok, mind a modulok pozíciói szerint az általános webhelystruktúrával.

3. lépés: A modulok különböző pozícióinak magyarázata különböző sablonokban

A beez5 modulok (a tetején) és a beez2 (az alábbiakban) szinte ugyanaz, ezért nem okoz nagy problémákat a tervezés megváltoztatásakor. Vannak azonban különbségek.

Az egyik legnyilvánvalóbb különbség két sablon között a modulok helyzete a logó körül. A Beez5-ben a pozíció-1 és a pozíció-0 modulok a logó alatt találhatók:

A Beez 2-ben a pozíció-0 modul a logó felett helyezkedik el, és az alábbi pozíció:

Ez egy meglehetősen kisebb megkülönböztetés, de jó példa arra, hogy a minták eltérhetnek a modulok pozícióiban. Ebben az esetben ez egy meglehetősen egyszerű példa, mivel minden modul azonos nevekkel rendelkezik.

De mi van, ha a modulok pozíciói teljesen eltérőek, különböző helyeken különböző neveken?

• Visszatérés a sablonok menedzseréhez, és kösse össze az atomi sablont egy másik kategóriába.
• Látni fogja, hogy teljesen különböző modulok pozíciója van, láthatja őket az alábbi képen:

Ezen az oldalon csak a következő pozíciók vannak a modulokról:

• atomic-topmenu.
• atom-topquote.
• atom-keresés.
• atom-oldalsáv
• atomic-Bottomleft.
• atom-bottommiddle

Ha azt szeretné, hogy ez a sablon legyen a webhelyén, a Beez2 mellett, akkor több munkát kell tennie.

4. lépés: Adjon hozzá egy menümodult egy új sablonhoz

• Válassza a Bővítmény menü\u003e Modul Manager elemet, és kattintson a Létrehozás gombra.
• Válassza ki a menüt.
• Kötődik Új modul Az atomoldali helyzetbe.
• Új funkció a Joomla 2.5 - Field Megjegyzés. Ez segít abban, hogy ne zavarja a modulokat, nagy számmal.

• Most a modulot konkrét oldalakra kötjük.
• Válassza a "Csak a kiválasztott oldalakat".
• Telepítse a szükséges menüelem melletti jelölőnégyzetet.

• Most az én menü az oldalsávban van. Láthatja, hogy ez egy vízszintes menü és helyek, hogy nincs elég. Meg kell próbálnunk találni egy jobb pozíciót.

• Menjen a modulkezelőre, és mozgassa a menüt az atom-topmenu pozícióba. Most a menünek meg kell néznie az alábbi képen:

Ezt a példát csak azért hoztam, hogy illusztrálja, milyen problémák merülhetnek fel, amikor elkezdi a sablonok hozzáadása előzetes kutatás nélkül.

A sablon másolatát is használhatja a téma egy alternatív szakaszra vagy oldalra. A nagy előny az, hogy minden egy helyen lesz, és csak a szükséges változásokat kell tennie a CSS-vel, és ez elkerülni fogja a komoly átdolgozást.

5. lépés: Stílusok sablon vs különböző sablonok

Ahelyett, hogy teljesen különböző sablonokat használna a webhelyen található különböző oldalakhoz, egyszerűen létrehozhat különböző lehetőségeket az alapértelmezett sablonhoz. Ez egy új lehetőség a Joomla 2.5-ben. Ez lehetővé teszi, hogy különböző tervezési lehetőségeket hozzon létre az egyes oldalakon anélkül, hogy át kellene adnunk az összes olyan lépést, amelyet magasabb.

• Menjen a sablonkezelőre.
• Jelölje be a sablon melletti négyzetet, amelyhez egy példányt szeretne létrehozni. Ebben az esetben a Beez2-et használjuk.
• Kattintson a "Duplicate" ikonra.

• Jelölje be a BEEZ2-alapértelmezett négyzetet (2).
• Kattintson a "Szerkesztés" gombra.

• Beez2 két színsémával, személyes és természetgel rendelkezik. Válassza ki a természetet a legördülő listából.
• Tasíts egy sablont a kategóriába a "Kötéshez a menübe" szakaszban.
• Kérjük, vegye figyelembe, hogy vannak más lehetőségek is, megváltoztathatja a logót, a webhely nevét és a navigációs pozíciót is.

• Most van egy webhelye, amelynek két különböző stílusa van egy sablonhoz, amely a különböző menüelemekhez van kötve.

• A sablont is összekapcsolhatja a menüelemek létrehozásakor.
• Ha a menükezelőben tartózkodik, telepítheti az opcionális sablon verziót a menüelemhez (lásd alább).

Ha bármilyen kérdése van, akkor a gyors válaszért javasoljuk