Joomla

weboldal készítés

Vissza a főmenübe

Weboldal készítés

Készítsen zenéi-, dalszövegei-, versei-, egyéb művei-, vagy bármilyen tevékenysége bemutatásához professzionális weboldalt úgy, hogy ne kelljen fizetni a programért, a weboldal elkészítéséért, karbantartásáért, bővítéséért. Ez a tudás is nélkülözhetetlen a siker eléréséhez!

A Zenei Alkotóműhely weboldalai is ezzel a hihetetlenül profi rendszerrel készülnek.


Ez az első rész a program telepítésével, alapvető beállításaival foglalkozik. A szoftver ingyenes, profi, a kezelése pedig nagyon egyszerű! 

Ha a Joomla program iránt komoly érdeklődést tapasztalunk (visszajelzés E-mail -en, Facebook kedvelések, stb.), akkor további ingyenes tananyagot is közzéteszünk*, melyek részletesen bemutatják a teendőket.
Sokéves felnőttképzési gyakorlattal rendelkező informatika oktató készíti a Joomla leírás minden fejezetét.

Az ingyenes folytatás érdekében Ön is sokat tehet, például: 
1. Megosztja másokkal a Zenei Alkotóműhely Facebook- vagy weboldalának elérhetőségét, ezáltal az ingyenes tanulás lehetőségét.   
2. E-mailen visszajelez nekünk arról, hogy érdekli a Joomla programmal történő weboldal készítés.

Köszönjük, hogy megosztásaival támogatja mások ingyenes tanulását is!

 

JOOMLA
 

I. fejezet

A Joomla egy teljesen ingyenes, rendkívül népszerű és sokoldalú tartalomkezelő rendszer, melynek segítségével Ön professzionális és nagyon szép weboldalakat hozhat létre, költségek nélkül.

E leírás olyan érdeklődőknek készült, akik rendelkeznek általános számítástechnikai ismeretekkel, de még nem foglalkoztak weboldal készítéssel. Ezért szándékosan kerüljük a technikai alapok és programozási ismeretek részletezését. A lehető legegyszerűbb módon, érthetően, lépéstől lépésre írjuk le a tennivalókat. Javasoljuk, hogy pontosan az itt leírt sorrendben haladjon a munkával.
 

Localhost

Weboldalunk elkészítésének legegyszerűbb módja, ha otthon, a saját számítógépünkön (localhoston) végezzük el a munkát, majd a végső eredményt fogjuk feltölteni a tárhelyre, hogy weboldalunkat mindenki más is láthassa. (A tárhely szolgáltatásokról később részletesen is szó lesz.*)
Az elkészült Joomla weboldal tárhelyre történő feltöltése után a szolgáltató automatikusan biztosítani fogja a weboldal működéséhez szükséges technikai hátteret. 
Igen ám, de a számítógépen ilyen háttér nem áll rendelkezésre, azt külön kell telepíteni.
Mindebből kitűnik, hogy a Joomla (és egyéb profi) weboldalak otthoni építéséhez a Joomlán kívül ez a bizonyos háttér is rendelkezésre kell álljon. És lehetőleg ingyen.
Ez a bizonyos háttér csak a saját számítógépünkön lesz, azt nem kell majd a tárhelyre feltölteni, hiszen ott ilyen mindig rendelkezésre áll.

Több hasonló programcsomag is létezik. Íme a két leggyakrabban használt:

a./ Wampserver   http://www.wampserver.com/en/

b./ Xampp          https://www.apachefriends.org/hu/index.html

Az utóbbi az egyszerűbb és kezdőknek sokkal barátságosabb kezelési módot kínál, ezért érdemes azt használni.
 

Xampp telepítése

1.    Töltse le az Xampp programot. 

2.    Telepítse fel a számítógépre. Minden jelölő négyzet maradjon kipipálva, és a telepítés helye is maradjon a felajánlott ’C:\xampp’. 

3.    „Do you want to start the Control Panel now?”  
        A ‘Finish’ –re kattintás előtt ezt a kérdést látja a képernyőn. Hagyja kipipálva és kattintson a ’Finish’ -re.

Kész a telepítés.

4.    Megnyílik  az Xampp vezérlőpultja. Ez az ’Xampp Control Panel’, mely később a Start menüből bármikor újra megnyitható. Ezt a tényt jegyezze meg, mert fontos.


5.    Ebben a most következő 5. pontban leírt beállítást csak egyetlen egyszer kell elvégezni. 
      Tehát kattintson az Xampp vezérlőpulton az ’Apache’ szóval egy sorban lévő ’Config’ gombra, majd válassza a listából a ’PHP(php.ini)’ menüpontot.

A megnyílt szövegszerkesztő ablakban a Keresés funkcióval keresse meg a következő szöveget:   
upload_max_filesize=2M

Javítsa ki a szöveget a következőre (a 2-t kell 10-re kicserélni):
upload_max_filesize=10M

Mentse el a fájl tartalmát, és zárja be a ’php.ini’ fájlt.

6.    Kattintson a megnyitott Xampp vezérlőpult két darab ’Start’ gombjára, melyek  az  ’Apache’-, és a ’MySQL’  sorokban vannak.
Várja meg, amíg mindkét felirat először sárga, majd zöld színűre vált.


7.    Végül zárja be az Xampp vezérlőpultot. 

Az Ön számítógépe most már készen áll a Joomla használatára. 

Ne távolítsa el az Xampp programot a számítógépről, amíg a teljes weboldala el nem készült.
Ha mégis szeretné eltávolítani (például gyakorlás miatt), akkor természetesen megteheti, és bármikor újra telepítheti az egészet. 

 

Xampp (és egyúttal a Joomla) eltávolítása a számítógépről

Ha törölni szeretne, akkor előbb mindig készítsen biztonsági mentést az elkészült Joomla weboldalról (későbbi téma)!
A vezérlőpultban a Program eltávolítása részben válassza ki a törlendő elemet (XAMPP), majd válassza az Eltávolítás -t.
Törlés előtt a program felteszi a kérdést = “Remove the C:\Xampp\htdocs folder too?”
Ha maradéktalan törlést szeretne, akkor válassza a Yes –t (ajánlott).
Végül ellenőrizze, hogy a C: meghajtó főkönyvtárában ott maradt-e az Xampp nevű mappa, maradék fájlokkal. Ha igen, törölje ki az Xampp mappát. 

 

Xampp elindítása

Ha a számítógépet újra indítja, és Joomla weboldalt szeretne készíteni / használni, akkor az Xampp vezérlőpultját is mindig újra el kell indítani, vagyis a 6. pontot ismét végre kell hajtani.
Ha azt tapasztalja, hogy valamiért nem működik a JOOMLA, akkor legtöbbször ennek (6.) műveletnek a kihagyása az oka. 

 

Most, hogy feltelepítettük és elindítottuk az Xampp segédprogramot, következhet magának a Joomlának a letöltése, telepítése.

 

Joomla letöltése, kibontása

https://joomlacms.hu/

1.     Nyissa meg a Joomla hivatalos weboldalát.

2.     A Joomla program a weboldal alábbi menüpontjainak kiválasztásával tölthető le = Letöltések / Joomla / Telepítő csomag
Itt érdemes mindig a legújabb verziót kiválasztani, azt, ami a legmagasabb számjelzéssel bír.
Töltse le.

3.    Ez után nyissa meg a számítógépén a következő mappát = C:\xampp\htdocs

4.    Készítsen a htdocs mappában egy új üres mappát, melynek neve legyen: joomla.

5.    Nyissa meg a joomla mappát.

6.    Helyezze el a joomla mappában az imént letöltött ’Joomla_3.8.2-Stable-Full_Package’  (vagy újabb verziójú) tömörített fájlt.

7.    Bontsa ki a tömörített fájlt, ott helyben, a mappában. Ehhez ajánlott program például a 7Zip.

8.    Kibontás után törölje ki azt az egy fájlt, amit az imént kibontott (’Joomla_3.8.2-Stable-Full_Package’ (vagy újabb verziójú) tömörített fájlt). A többi fájl marad.

9.    Végül zárjon be minden ablakot.

 

Joomla telepítése

Győződjön meg arról, hogy előzőleg végrehajtotta-e az 'Xampp telepítése' fejezet 6. pontjában leírtakat. Legyen mindkét felirat zöld!

1.    Nyissa meg a Google Chrome böngészőt.

2.    Írja be a címsorba azt, hogy = localhost/joomla

3.    Enter

4.    Megnyílik a telepítő ablak. Itt csak azokat a sorokat töltse ki, amiket itt leírunk. A kitöltött adatok utólag megváltoztathatók.

5.    Webhely neve =              joomla
       E-mail =                         ide bármilyen E-mail címet beírhat.
       Felhasználói név =           admin
       Jelszó (és megerősítés) = 1234
       TOVÁBB

6.    Felhasználónév =             root
      Jelszó =                           ez üresen marad!!!
      Adatbázisnév =                 joomla
      TOVÁBB

7.    Mintaadatok telepítése =  nincs
       TELEPÍTÉS

       Elkezdődik a Joomla telepítése a megadott adatokkal, melyet egy vízszintes folyamatábrán követhetünk.

8.    “További lépések:  Nyelvek telepítése” - kattintsunk rá.

Megjelenik a  'Nyelvi csomagok telepítése'  ábra, ahol kiválaszthatunk tetszőleges nyelveket, akár többet is. A példa kedvéért válasszuk ki a magyart és a németet (az angol mindig megmarad). 
TOVÁBB 

9.     ‘Adminisztráció alapértelmezett nyelve’ és ’Webhely alapértelmezett nyelve.’
Itt mindkét helyen kiválaszthatjuk a magyart.

A többnyelvű funkció aktiválása’ = Nem 

10.     A telepítés befejezéséhez gratuláló ábrán keresse meg a SÁRGA SZÍNŰ mezőben “Az installation mappa eltávolítása” feliratot, és kattintson rá! 
A sárga mezőben látható felirat alig észrevehetően megváltozik, jelezve, hogy ez a művelet is sikerült.

    
11.    ’Adminisztráció
Az Adminisztráció gombra kattintva végre be tud jelentkezni a programba.
Username: admin
Passwort:  1234

Ezek a belépési adatok utólag természetesen megváltoztathatók. Egyelőre maradhatnak így, hiszen más úgysem fér hozzá a számítógépünkhöz.

12.    Megnyílik a Joomla kezelőfelülete, a Vezérlőpult

A legfelső sorban megjelenik egy feltűnően nagy betűvel szedett kérdés = 
             “A Joomla! engedélyét szeretné kérni, néhány alapvető statisztika gyűjtéséhez.
    A kérdésre bármelyik választ kijelölheti:    pl.:  Soha.


Előnézeti kép megtekintése

Fent, jobb szélen, a legfelső sorban lévő kisbetűs ’joomla’ szóra kattintva minden esetben egy külön ablakban nyílik meg az éppen készülő weboldal előnézete. Próbálja ki.

NE zárja még be a JOOMLA vezérlőpultot!


Egy cikk szövegének létrehozása (próba)

1.    Kattintson a Joomla vezérlőpult felső menüsorában a következőkre:
Tartalom / Cikkek / Új cikk hozzáadása
Megjelenik egy nagy szövegszerkesztő ablak.

2.    Írja be a szövegszerkesztő feletti ’Cím’ sorba:  Első cikk

3.    Jobb szélen a ’Kiemelt’ mező alatt válassza az ’Igen’ gombot (a gomb zöldre vált).

4.    Írjon be bármilyen szöveget a nagy szövegszerkesztő ablakba.

5.    Végül fejezze be a munkát fent a ’Mentés és bezárás’ gombbal

Elkészült az első szövegünk. 

Fent, jobb szélen, a legfelső sorban lévő kisbetűs ’joomla’ szóra kattintva nézze meg a weboldal előnézetét. Ott fogja látni a beírt szöveget is.

Mi történik akkor, ha nem tetszik, amit lát?  Hogyan tud a weboldal kinézetén változtatni? 
Sablon cserével.


Sablon csere

A weboldalak kinézetét alapvetően az alkalmazott sablonok határozzák meg.
A későbbiekben majd megtanulhatja új sablonok telepítését, alkalmazását is.

A következő példában kicserélünk egy sablont. 

A Joomla alapesetben két sablon közül enged választani (később majd sok közül):
E két sablon neve = ’Beez3’ és ’protostar

1.    Kattintson a felső menüsorban az alábbiakra = Bővítmények / Sablonok

2.    Az éppen aktív sablont (protostar) látjuk kis sárga csillaggal megjelölve. 

3.    Kattintson a másik sablon (Beez3) nevétől jobbra lévő kis csillagra – most annak színe vált sárgára.

4.    Nézze meg ismét a weboldalunk előnézeti képét.    Már másképp néz ki, mint amit ez előbb láttunk.


Munkamenet élettartama

Érdemes a legelső beállítások közt azt is meghatározni, hogy hány perc tétlenség után lépjen ki automatikusan a program.

Lépjen be a felső menübe:  

Rendszer / Globális konfiguráció

A felső sorban vízszintesen 5 menüpontot lát, kattintson a Rendszer -re.

A felület alján találja a Munkamenet élettartama -t. Írja át a számot 15 -ről 60 percre.

"Mentés és bezárás"
 

Név és jelszó megváltoztatása

Lépjen be a felső menübe:

Felhasználók / Kezelés

Kattintson a Super User feliratra

Itt megtalálja az új Bejelentkezési név és Jelszó beírásának lehetőségét.

Ugyanitt tudja átnevezni a Super User nevet például a saját nevére, mint egyedüli felhasználó.

"Mentés és bezárás"

 

Új felhasználó hozzáadása

Lépjen be a felső menübe:

Felhasználók / Kezelés / Új felhasználó hozzáadása

A sorokat kitöltve így bárkinek lehetőséget biztosíthat arra, hogy külön névvel és jelszóval belépjen és kezelhesse a weboldalt.
Mivel ez bizalmi tevékenység, a Felhasználói állapot sorban bármikor le is tilthatja az illetőt.

"Mentés és bezárás"


Visszatérés a kiinduló helyzetbe.

Bárhol is jár a vezérlőpulton belül, érdemes időnként a kiinduló állapotba visszakerülni.

Zárja be a megnyitott ablakokat.

Lépjen be a felső menübe:

Rendszer / Vezérlőpult


 

Ha igény lesz rá, akkor folytatása következik, szíves türelmét kérjük!
A folytatásban a weboldal építésével, kategóriák-, cikkek és menük készítésével-, sablonok és egyebek telepítésével foglalkozunk

Vissza a főmenübe