Crearea unui site cu Joomla! 3.x

© Valentin Grecu - 2015

Cuprins

• Categorii si articole

• Meniuri

• Template-uri

• Extensii

• Instalara unui nou editor de text

• Module

• Galerie foto

• Contacte

• Crearea de utilizatori noi

Structura site-ului

Articole

Categorii

Numele site-ului Gradina verde

Copaci

Liliac pitic Magnolia

Arbusti

Chiparos albastru

Hortensia

Flori

Trandafiri Margarete

Categorii si articole

Crearea categoriilor in Joomla! 3.x 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 salvatimodificarile 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, faceticlick pe butonul Image, din partea stanga-jos

Butonul Image –pentru introducerea

de fotografii

Pentru a incarca o poza de pe calculatorul

dumneavoastra, faceticlick 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 atiselectat poza pe

care vreti s-o introduceti in

articolFaceti click pe poza

pe care vreti s-o introduceti in

articol

Pentru a afisa doar o anumita parte dintr-un articol, putetifolosi optiunea „Read more” (sau „Citeste mai mult”)

Apasati butonul „Read More” atunci cand aveti cursorul

pozitionat in locul in care doritisa 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 Menu”

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 facalegatura catre una din

categoriile create anterior, selectati

„Category Blog” din coloana „Articles”

*Daca alegeti „CategoryList”, veti obtine o lista cu toate articolele din categoria respectiva

Dupa alegerea tipului de element de meniu (CategoryBlog – 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

Pentru a selecta articolul pe care doriti sa-l legati de un buton de pe meniu faceti click pe butonul „Select” si alegeti din lista

articolelor existente pe cel dorit

Selectati articolul pe care doritisa-l atasati unui buton de pe

meniu

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-ului 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 accesandExtensions->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”

Extensia a fost instalata cu succes

Daca accesam Template Manager observam ca alaturide 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 vizualizam site-ul observam ca aspectul site-ului nostru s-a schimbat -> noul template, descarcat de

pe internet, este acum activ

Unele template-uri permit utilizatorilor modificarea unor

parametri (text logo, text slogan, culori, poze, etc). Dorim sa

personalizam template-ul pentru site-ul firmei de gradinarit

Din meniul „Template Manager” dati click pe numele template-ului pe care doriti sa-l modificati, iar de la header settings puteti schimba logo-ul si sloganul

La template-ul instalat se pot modifica mai multi parametri (text,

dimensiune text, aranjare, etc.)

Dupa previzualizare se observa modificarile facute

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 descarcasi instala cel mai folosit

editor de text pentru site-

urile Joomla!

Facem click pe butonul „Get this” 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! 3.x

Alegem editorul de text JCE pentru Joomla! 3.x

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 System 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 alegetiModule 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 putetiselecta 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 descarcamextensia

In instructiunile de instalare ni se spune ca arhiva pe care o descarcam trebuie dezarhivata (intrucatcontine 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 – facem click pe „Create New Folder”

Scrieti aici numele directorului in care veti

incarca pozele si apasati „Create Folder”

Accesati folderul creat, apoi faceti click pe butonul verde „Upload”. Alegeti imaginile pe care doriti sa le incarcati in

galeria foto si apasati „Start Upload”

In directorul „flori” am incarcatcateva imagini pentru galeria foto

Intr-un articol in care dorim sa aparagaleria foto utilizam extensia Sigplus

In continutul articolului (in zona in care atiintrodus 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 vizualizatigaleria 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 o imagine si datele de contact

Din tab-ul „Form” selectati Show Contact Form si Send Copy to Submitter

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

Din tab-ul „Assigned User Groups” putem aloca drepturi utilizatorilor

Apasati „Save & Close” dupa ce atialocat drepturi utilizatorului creat, daca nu mai doriti sa creati alt user

sau „Save & New” daca doriti sa creati un nou utilizator

Gestionarea utilizatorilor existenti din „User Manager”

Utilizatorii se pot loga pe site prin modulul de autentificare

Utilizatorul Ion Popescu este logat pe site