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

Introduceti aici textul pentru descrierea

categoriei

Apasati Save & Close ca sa salvati modificarile facute

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

Butonul Image pentru introducerea

de fotografii

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

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 introduceti in

articol

Faceti click pe 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 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