Modul megjelenítése cikkekben
A JoomlaWikiBÓL
Tartalomjegyzék |
Bevezetés
Joomla-ban lehetőségünk van bármilyen modult egy cikkben megjeleníteni a modul beállításának megfelelően.
Mi a teendő
- hozzunk létre egy modult vagy egy már létrehozott modult válaszunk ki a modul kezelőben.
- a modul beállításánál a modul pozíciót állítsuk be teszt elnevezésre. (Itt bármilyen elnevezést megadhatunk, kivéve olyant, ami már létezik)
- mentsük a beállításokat
- nyissuk meg azt a cikket, amelybe a modult el szeretnénk helyezni
- a cikk tartalmában a megfelelő helyre írjuk be a következőt: {loadposition teszt}
Formázás
A cikkben a megjelent modult lehetőségünk van formázni, természetesen figyelembe véve a sablon CSS beállításai, hiszen azt szeretnénk, ha a megjelent modulunk a lehető legjobban jelenjen meg. A formázáshoz nem kell semmilyen különleges tudás csak pár CSS parancs ismerete, amely alapján egy kis plusz külalakot, formázást adhatunk modulunknak. Figyelmébe ajánlom mindenkinek a Modul osztály utótag beállításait, hiszen ezzel megváltoztathatjuk alapjába véve a modul kinézetét, ha a CSS-ben már alaphelyzetben definiálva van a beállítás.
Nézzük a példát, amely a bejelentkező modult jeleníti meg: A pozíció ebben a cikkben már említett teszt marad. Ide helyezzük a bejelentkező modult, amelynek egy apró formázást adunk a példa kedvéért. A cikket nyissuk meg a Cikk kezelőben. A szerkesztőben váltsunk át HTML nézetre (ha a szerkesztő másképpen jeleníti meg a HTML-t, akkor Source felírat, jelenik meg). Ebben az esetben megjelenik a cikkünk forráskódja. Navigáljunk oda, ahova szeretnénk a modult megjeleníteni, majd próbáljuk először az alap modul betöltés alapján a modult betölteni. {loadposition teszt} Váltsunk vissza a forrásnézetből alaphelyzetbe. Itt még nem látjuk a modult, de a Cikk mentése után az oldalunkon már tapasztalhatjuk az eredményt.
Ha ez sikerült, akkor formázzuk kicsit meg a modult.
<div style=”float: right; width: 200px; height:180px; border solid: #660000 5px; padding: 10px">{loadposition teszt}</div>
Nézzük át részletesen mit csináltunk, milyen formázást adtunk a modulnak.
Float: right = Itt a modult jobbra igazítottuk a DIV-n belül
Width: 200px = 200px szélességre állítottuk a befogadó DIV-t
Height: 180px = 180px szélességre állítottuk a befogadó DIV-t
Border solid: #660000 5px = 5px széles bordó keretet állítottunk be a DIV-nek.
Padding: 10px = 10 px távolságot állítottunk be a DIV-nek, amelyet felvesz megjelenítéskor.
Mentés után a cikkünkben már a mi saját beállításaink alapján jelenik meg a modul.
Mi történt
A cikk megnyitásakor ez a modulpozíció betöltődik, mivel ebbe a modulpozícióba beállításra került egy modul, ezért megjelenik.
Mire kell figyelni!
A cikk megjelenésekor a modul beállításai is betöltődnek, ezért (Modul osztály utótag beállítása alapján) arra figyeljünk, hogy oldalunk megjelenése hibátlan legyen.
