sig a15 - creare site in joomla 25
DESCRIPTION
CREARE SITETRANSCRIPT
-
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