Crearea unui site cu
Joomla! 2.5
Valentin Grecu - 2014
Cuprins
Categorii si articole
Meniuri
Template-uri
Extensii
Instalara unui nou editor de text
Module
Galerie foto
Contacte
Crearea de utilizatori noi
Categorii si articole
Crearea categoriilor in Joomla! 2.5 se face accesand:
Content->Category Manager->Add New Category
Introduceti titlul (in campul Title) si
continutul categoriei
Apasati Save &
Close ca sa salvati
modificarile facute
Introduceti aici textul
pentru descrierea
categoriei
Categoriile create pot fi modificate
facand click pe denumirea lor
Faceti click pe o categorie
pentru a-i modifica titlul
sau continutul
Pentru crearea articolelor accesati: Content-
>Article Manager->Add New Article
Introduceti titlul, continutul dar si
categoria din care face parte articolul
Selectati categoria de
care apartine articolul
Pentru introducerea unei imagini in articol, faceti
click pe butonul Image, din partea stanga-jos
Pentru a incarca o poza
de pe calculatorul
dumneavoastra, faceti
click pe Browse sau
Alegeti fisierul,
selectati poza pe care
doriti s-o incarcati si apoi
apasati Start Upload
Butonul Image
pentru introducerea
de fotografii
Imaginea va fi incarcata pe server. Faceti click pe ea
pentru a o selecta si apoi apasati Insert
Apasati butonul
Insert dupa ce ati
selectat poza pe
care vreti s-o
Faceti click pe poza introduceti in
pe care vreti s-o articol
introduceti in
articol
Pentru a afisa doar o anumita parte dintr-un articol, puteti
folosi optiunea Read more (sau Citeste mai mult)
Apasati butonul Read More
atunci cand aveti cursorul
pozitionat in locul in care doriti
sa intrerupeti articolul. Va
aparea pe ecran o linie
punctata care marcheaza
continutul care va fi afisat doar
dupa apasarea butonului Read
More
Pentru a edita dimensiunile unei imagini, dar si
aliniamentul acesteia faceti click pe butonul
insert/edit picture
Insert/Edit Picture
Puteti modifica
dimensiunile
imaginii si modul in
care textul este
aliniat in jurul pozei
In Article Manager sunt afisate articolele existente si
categoriile din care acestea fac parte
Faceti click pe titlul unui articol pentru a-i modifica
titlul, continutul sau categoria din care face parte
Meniuri
Desi am creat categorii si articole, acestea nu sunt vizibile pe
site pana nu vom crea elemente de meniu care sa faciliteze
navigarea utilizatorului pe site-ul nostru
Exista un singur buton de
meniu cel creat implicit
dupa instalarea Joomla!, si
anume butonul Home
Din meniul Menus alegem Main
Meniu
Pentru a adauga un nou buton de
meniu, facem click pe New
Adaugarea unui
nou buton pe
meniu
Selectati tipul elementului de meniu
(Meniu Item Type)
Pentru a crea un buton
de meniu care sa faca
legatura catre una din
categoriile create
anterior, selectati
Category Blog din
coloana Articles
*Daca alegeti Category
List, veti obtine o lista
cu toate articolele din
categoria respectiva
Dupa alegerea tipului de element de meniu (Category
Blog in cazul prezentat), selectati categoria careia ii
corespunde acest buton (Ex: categoria copaci)
Selectati categoria
pentru care doriti
sa faceti acest
element de meniu.
ATENTIE! Inainte de a crea elemente de meniu trebuie sa cream continut (ex:
categorii, artcole, etc.)
Pentru a crea un buton de meniu pentru un singur
articol, selectati la Meniu Item Type Single
Article
Dupa ce selectati articolul pentru care facem butonul pe
meniu, puteti alege parintele acestuia (Parent Item) noul
buton va aparea ca sub-meniu pentru Parent Item
Selectati parintele noului
element de meniu pe care il creati
puteti alege din toate butoanele
existente pe meniu la momentul
respectiv
Elementele de meniu si sub-
meniurile create
Site-ul contine acum un meniu care
usureaza navigarea utilizatorilor
Template-uri
Pentru a schimba aspectul site-ului trebuie sa
schimbam Template-ul, iar pentru aceasta accesati:
Extensions->Template Manager
Selectati unul dintre template-urile existente si apoi
faceti click pe steluta aurie Default acesta va
deveni template-ul implicit al site-ului
Observati ca aspectul site-uli s-a schimbat
prin schimbarea template-ului
Facand click pe numele template-ului putem alege sa-l alocam
doar pentru anumite butoane de pe meniu
Alegeti paginile pe care doriti sa
apara template-ul.
Daca nu selectati nimic, template-
ul implicit (default) va aparea pe
toate paginile din site-ul dvs.
Extensii
Extensiile
Sunt pachete software pe care le putem
instala pe site-ul nostru pentru a-i oferi si alte
functii fata de cele instalate in mod implicit
Se pot descarca gratuit, dar exista si extensii
pentru care trebuie sa platiti
Sunt dezvoltate de catre comunitatea Joomla,
iar pentru majoritatea dintre ele exista
instructiuni pentru instalare si folosire
Vom cauta un template nou pentru site-ul nostru.
Cautati in Google folosind cuvinte cheie
Google va va directiona catre site-uri de unde
puteti alege si descarca un nou template
Alegem template-ul si il descarcam
(facand click pe butonul Download)
Extensia va fi descarcata de
obicei intr-o arhiva de tip
.zip (nu este necesar s-o
dezarhivam, cu exceptia
cazurilor in care este
specificat unzip first)
Instalarea extensiei se face accesand
Extensions->Extension Manager
Alegeti fisierul pe care doriti sa-l
instalati (in exemplul acesta alegem
arhiva zip pentru template-ul pe care
l-am descarcat). Apoi apasati
Upload & Install
Alegerea documentului pe care il
vom instala
Extensia a fost instalata cu succes
Daca accesam Template Manager observam ca alaturi
de template-urile existente deja a mai aparut un
template nou cel pe care tocmai l-am instalat
Selectam template-ul nou instalat
si apoi apasam steluta aurie
default. Acum acesta este
template-ul implicit al site-ului
Daca apasam View Site observam ca aspectul site-
ului nostru s-a schimbat -> noul template, descarcat
de pe internet, este acum activ
Instalarea unui nou editor de text
Un editor de text nou este o extensie pe care o vom
descarca de pe site-ul oficial Joomla
extensions.joomla.org
In coloana din stanga vom observa categorii de
extensii. Selectam categoria Editing si observam
cele mai folosite extensii pentru editare de text
Vom descarca
si instala cel
mai folosit
editor de text
pentru site-
urile Joomla!
Facem click pe butonul Download si vom fi
directionati catre site-ul dezvoltatorului acestei
extensii
Faceti click pe butonul
Download pentru
descarcarea extensiei
De pe site-ul dezvoltatorului selectam
versiunea pentru Joomla! 2.5
Alegem editorul de text
JCE pentru Joomla! 2.5
Alegem ultima versiune a acestui
editor si facem click pe Download
Instalam extensia ca pe oricare alta extensie de la
Extension Manager incarcam si instalam arhiva .zip
Extensia a fost instalata cu succes.
Acum trebuie sa o implementam
De la meniul Site selectam Global
Configuration
Alegem ca si Default Editor cel pe care
tocmai l-am instalat Editor JCE
Alegem JCE editor
ca si editor de text
implicit si apoi
apasam Save &
Close
Puteti observa schimbarea pe care o aduce acest
editor atunci cand veti crea un nou articol
Facilitati oferite de
JCE editor
Module
Din meniul Extensions alegeti
Module Manager
Dupa instalarea Joomla! site-ul dvs. contine 3
module. Modulele usureaza navigarea pe site si ofera
diferite facilitati utilizatorilor
Pentru creara unui nou modul, faceti click pe butonu
New si alegeti un tip de modul dintre cele existente
Vom crea un modul de
cautare, pentru a
usura navigarea
Configurarea modulului
Puteti alege o denumire
pentru modul, ii puteti
selecta pozitia pe site si
puteti schimba starea
acestuia: activ/inactiv
Modulul de cautare pe site
Modulul de
cautare este
activ pe site
Crearea unui modul pentru cele mai
citite articole
Configuram modulul in mod similar
celui de cautare
Noul modul este activ si este
pozitionat sub modulul de cautare
Galerie foto
De pe site-ul extensions.joomla.org, alegem din coloana din
partea stanga categoria Photos and Images Si accesam una
dintre extensiile recomandate
Am selectat Sigplus si
am accesat site-ul
dezvoltatorulu pentru
descarcarea extensiei
De pe site-ul dezvoltatorului alegem si descarcam
versiunea extensiei compatibila cu Joomla! 2.5
Facem click pe
pachetul de fisiere din
categoria celor
compatibile cu
versiunea de Joomla
pe care o folosim
In instructiunile de instalare ni se spune ca arhiva pe
care o descarcam trebuie dezarhivata (intrucat
contine la randul sau alte 2 fisiere de tip .zip)
Instalam cele doua extensii (in acelasi mod in
care am instalat si extensiile anterioare)
Dupa instalarea extensiei trebuie sa o activam.
Accesam Plugin Manager pentru activarea galeriei
Sigplus
Faceti click pe denumirea extensiei
(Content Image gallery sigplus)
Accesam extensia
pentru activarea ei
Schimbam statusul extensiei din Disabled in
Enabled si apasam Save & Close
Activam
extensia
Puteti modifica setarile de
functionare ale extensiei
Pentru crearea unei galerii foto nu este suficient sa
instalam extensia trebuie sa incarcam si fotografiile
care dorim sa apara in galerie
De la Meniul Content accesam
Media Manager pentru a
incarca fotografiile din galerie
intr-un nou director
Vom crea un director nou in care
vom incarca pozele din galeria foto
Scrieti aici numele
directorului in care veti
incarca pozele si
apasati Create Folder
Alegeti imaginile pe care doriti sa le incarcati
in galeria foto si apasati Start Upload
In directorul flori am incarcat
cateva imagini pentru galeria foto
Intr-un articol in care dorim sa apara
galeria foto utilizam extensia Sigplus
In continutul articolului (in zona in care ati
introdus text) scrieti in zona in care doriti sa
apara galeria foto urmatoarele:
{gallery}nume_folder_poze{/gallery}
In exemplul folosit am introdus:
{gallery}flori{/gallery}
Accesati site-ul dvs. si vizualizati
galeria foto
Daca faceti click pe o anumita imagine, aceasta se
mareste. Aveti posibilitatea de a naviga printra
imaginile din galeria foto
Contact
Pentru crearea unei categorii de contacte
accesati: Components->Contacts->Categories
Faceti click pe New si creati o categorie de contacte
(in exemplu este denumita Contacte)
Creati un contact nou acccesand: Components
-> Contacts -> Contacts -> New
Denumiti contactul
Asociati contactul cu unul dintre utilizatorii
existenti, facand click pe Select user
Alegeti categoria de contacte de care apartine (in
exemplu avem doar o categorie cea creata anterior)
Introduceti datele de contact la Contact
Details si apasati Save & Close
Dupa ce ati creat contactul trebuie sa-l legam de un
element de meniu. Menus->Main Meniu->New
Selectati la Meniu Item Type
Single Contact
Alegeti contactul (Select contact)
creat la pasul anterior
Vizualizati site-ul. Observam pagina de contact cu detaliile de
contact, iar mai jos gasim un formular de contact
Formular de contact
Formularul de contact creat
Crearea de utilizatori noi
Pentru crearea unui nou utilizator
accesati Users -> User Manager
Deocamdata exista un singur utilizator. Se numeste
admin si are rol de super-utilizator (Super User)
Faceti click pe New pentru
adaugarea unui nou utilizator
Puteti introduce numele, parola si
adresa de e-mail a utilizatorului si
puteti stabili nivelul de acces al
acestuia (atat in partea de
administrare Back End, dar si in
partea de interfata Front End)
Gestionarea utilizatorilor existenti din
User Manager
Utilizatorii se pot loga pe site prin
modulul de autentificare
Utilizatorul Ion Popescu
este logat pe site
