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

Faceti click pe poza

pe care vreti s-o
introduceti in
articol

Apasati butonul
Insert dupa ce ati
selectat poza pe
care vreti s-o
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 submeniurile 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, templateul 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 siteului 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 siteurile 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