joomla C3

5/10/2018 joomla C3 - slidepdf.com

http://slidepdf.com/reader/full/joomla-c3 1/9

Curs 3

Curs 3

Templateuri pentru Joomla!

Unde căutăm şi unde găsim template-uri pentru Joomla! 1

Cum aleg un template 2

Cum poate fi schimbată grafica (template-ul) unui site 4

Cum instalăm un nou template în Joomla! 5

Cum găsesc poziţiile pentru module 7

Ce înseamnă un template Joomla? 9

Cum schimbăm logo-ul 10

Unde căutam şi unde găsim template-uri pentru Joomla!

Există foarte multe template-uri pentru Joomla! (Joomla! templates).

Unele template-uri sunt gratuite (free Joomla templates), altele pot fi achiziţionatedoar cumpărând licenţa. În general preţul unui template de Joomla! nu este foarte mare iar

după cumpărare acestea pot fi modificate şi îmbunătăţite astfel încât să reprezinte căt mai bine ideea siteului.

Template gratuite pentru Joomla!

Există şi câţiva dezvoltatori de templateuri pentru Joomla!, pentru unele dintre acestetemplate-uri trebuie plătit iar altele pot fi obţinute chiar gratis, sunt destul de bune şi cu

puţină muncă pot fi aduse la standardul dorit.

O listă cu provideri(dezvoltatori) mai reprezentativi este prezentată mai jos:

rockettheme.com gavick.com

joomlart.com themesclub.com joomlajunkie.com templateplazza.com joomladesigns.co.uk joomlatemplates.com joomlajet.com pure-joomla.com



Curs 3

Template pentru Joomla! contra cost

Recomandări: Există posibilitatea înscrierii într-un club (RocketTheme Template Club),acesta reprezentând cel mai avantajos mod de a avea acces la toată arhiva pe o perioadă determinată (perioada platită, opţiunea pentru template individual are un cost mai ridicat).

Consultând site-urile de mai sus pot fi găsite informaţii despre cum se poate face un

cont individual sau cum se poate ajunge membru al clubului, informaţii de preţuri, demo pentru template-urile Joomla! disponibile şi multe alte informaţii.

Informaţie: Există un cont Profesional Member la http://www.rockettheme.com/ , costă 250USD pe an şi se pun la dispoziţie pentru download peste 40 de template-uri (Joomla! 1.0 şiJoomla! 1.5). Se mai pune la dispoziţie şi un pachet "RocketLauncher" care conţine instalulde Joomla!, template-ul şi exemple de content (se utilizează numai ca o nouă instalare de

joomla), astfel cu numai câteva clickuri putem obţine un site exact ca în demo-ul prezentat.Deasemenea sunt puse la dispoziţie sursele (imaginile din template prelucrate în Fireworks) şisuplimentar un modul şi un mambot.

Nu trebuie uitat forumul unde oricând putem găsi informaţii foarte utile şi exemple desite-uri Joomla! dezvoltate cu template-uri disponibile. Aşa că, http://www.rockettheme.com/

poate fi recomandat cu căldur ă ca sursă pentru template-uri Joomla!.

Cum aleg un template

Ideal ar fi să avem "trasată" foarte clar imaginea siteului pe care îl dezvoltăm cuJoomla!, să ştim cum ar trebui să arate pagina, adică: locul meniurilor, pe căte coloane dorimsă avem contentul, locul modulelor (care pot fi atât pe stânga cât şi pe dreapta), alegereaculorilor, acestea fiind doar câteva aspecte care trebuiesc urmărite înainte de a plăti un anumetemplate.

În imaginea templateului de mai jos pot fi văzute toate acestea precum şi acele locuriunde pot fi adăugate modulele cu care lucr ăm, fiind astfel foarte importante. În afar ă de

poziţiile cu care vine un template pentru Joomla!, se pot adăuga şi altele, însă trebuie avutecunoştinţe în limbajul PHP.

left, right, top, banner, user1..4, sunt poziţii pe care se poate pune un modul.



Curs 3

Ca şi regulă nescrisă, pe left (stânga) se pun: meniul, modulul de login; pe right(dreapta) se pune Polls (chstionare online); pe banner apar de obicei bannerele care urmează afi folosite ulterior.

Vizualizând imaginea de mai sus realizăm cum o să apar ă conţinutul (body) paginii. E bine de amintit faptul că, nu e obligatoriu să avem poziţiile ocupate cu module, în exemplul

de mai sus dacă se dorea o pagina mai "largă", nu se pune nimic pe poziţia right, în acest felconţinutul paginii "se dilată" şi peste acea poziţie.

Odată ce v-aţi hotărât, achiziţionând un template (cu bani sau gratis), creaţi un folder pe computerul personal, denumiţi-l " joomla templates" şi salvaţi acolo fişierele care conţinsursele care de obicei au extensia .zip sau .tgz,. De ce? pentru că în timp se achizitionează foarte multe arhive, aşa că e bine să le avem organizate în calculator. Acestea pot fi chiar impăr ţite în două, "template joomla 1.0.X" şi "template joomla 1.5.X", pentru că templateurilesunt diferite pentru cele două versiuni de Joomla!.

Atenţie, nu este nevoie să fie dezarhivate, nu e nevoie să fie încarcate cu un client de FTPJoomla!, acestea se vor instala în site exact cum au fost descărcate pe computer, oferind cea

mai simplă metodă de instalare a unui template.

Cum poate fi schimbată grafica (template-ul) unui site

Cum schimb grafica (template-ul) unui site sau altfel spus: cum setez un template ca default în Joomla!.

După ce s-a instalat template-ul, trebuie să schimbăm pe cel setat default (cel cu carevine Joomla!), cu cel nou. E foarte simplu să facem acest lucru, nu trebuie să ştim

programare, HTML sau PHP, însă trebuie să fim atenţi să fim logaţi în admin cu un cont de

Super Administrator. De fapt, cam pentru orice modificare în extensii, structura, useritrebuie să fim logaţi ca superadmin, pentru a avea drepturi depline.

Trebuie să dăm două click-uri, urmăriţi imaginea de mai jos:

Paşii pe care-i urmăm sunt: Site -> Template Manager -> Site Templates, după carese prezintă o listă cu template-urile disponibile. În acea listă se află şi cel pe care tocmai l-aminstalat. Click stânga în dreptului lui după care click dreapta sus pe butonul "Default".



Curs 3

O să apar ă un V de culoare verde pe coloana Default în dreptul acelui template. Dacă se dă refresh în front end, o să realizăm că site-ul este deja transformat iar noul template esteacum vizibil în browser. Dacă ne place înseamnă că suntem gata, dacă nu, putem alege alttemplate, îl instalăm şi îl setăm default în acelaşi fel, continuând aşa până suntem completmulţumiţi de noul design al site-ului.

Pentru schimbarea unui template în Joomla! 1.5, e nevoie să urmăm nişte paşi ajutaţişi de imaginea de mai jos:

Extensions -> Template Manager -> click pe template şi click pe Default în dreapta sus.

Cum instalăm un nou template în Joomla!

Cum să instalez un nou template în site-ul meu Joomla!? Este foarte simplu să instalăm un

template în Joomla! Sunt numai caţiva paşi de urmat.

1. Se merge la Installers -> Templates -Site;

2. Browse pentru găsirea unui template Joomla! pe calculator (dacă aţi urmat aceleintrucţiuni de salvare şi există deja salvat în foldere vă va fi foarte uşor de găsit), dacă nu, trebuie căutat prin My Documents;

3. Click pe Upload File & Install;

4. Ok, este instalat;

5. Pentru a ne aduce aminte cum îl setăm ca template default in Joomla! Ne întoarcemla imaginea de acum două pagini.



Curs 3

A se vedea în imagine, jos dreapta cateva informatii?

media/ Writeable administrator/templates/Writeable templates/ Writeable images/stories/ Writeable

Acele foldere trebuie să aibă permisie de scriere pe ele, trebuie sa fie "Writeable" şi

colorat în verde, dacă cel puţin unul din ele nu are aceste caracteristici, nu se poate faceinstalarea şi o să dea erori.Acest articol a fost scris pentru a învăţa ce înseamnă şi cum se dau drepturi de

scriere pe foldere şi fişiere.În Joomla! 1.5.X este mai uşor de realizat deoarece avem un singur câmp unde

încărcăm extensii iar sistemul va recunoaşte automat de ce tip este.



Curs 3

Cum găsesc poziţiile pentru module

Aşa cum au fost prezentate cu câteva lecţii mai înainte, modulele sunt aplicaţii create pentru Joomla! cu ajutorul cărora putem să adăugam în site diverse "features" (aplicaţii) în jurul contentului principal. O să reluăm o imagine prezentată anterior dar cu mai multeexplicaţii.



Curs 3

Pentru a ne da seama unde le putem adăuga pe grafica siteului, trebuie să vedem maiînainte dacă siteul are acele poziţii.

Aproape toate templateurile au o diagramă cu poziţiile pe care le are construite, aceadiagramă este prezentată în imaginea de mai sus.

Un exemplu prezentat de provider pe site-ul Joomla! este următorul.

Ca să ajungem acolo, se merge pe meniul din top: Site-> Preview-> Inline withPositions şi o să apar ă o digramă ca cea din imagine. E bine ca poziţiile, dacă nu suntreţinute, să le notaţi pentru a şti unde să aşezăm modulele.

Următoarea imagine poate fi şi mai concludentă:



Curs 3

Ca începător, să nu vă gândiţi că pe un template o să găsiţi toate poziţiile din imagineade mai sus, însă chiar dacă nu le are ele pot fi adăugate. Nu este nevoie de cunoştinţeavansate de HTML şi PHP.

O altă metodă pentru aflarea poziţiilor, f ăr ă a ne loga în site, este să tastăm în browser:

http://mysite.ro/index.php?tp=1

se ânlocuieşte mysite.ro cu numele site-ului dumneavoastr ă (comanda funcţionează atât peJoomla!1.0 cât şi pe Joomla!1.5), prezentăndu-ne imediat poziţiile pe pagina de front end asite-ului.

Ce înseamnă un template Joomla?

În Joomla!, grafica unui site se schimbă foarte uşor cu ajutorul template-urilor. Oriunde cautaţio să găsiţi termenii de "template, joomla templates, template-uri Joomla", pentru ceea ce dă aspectulvizual al unui site. Grafica este independentă de content şi se adresează elementelor de style existente înpagină.

Deci, template-ul Joomla! intervine în site asupra următoarelor elemente:

• fonturile utilizate şi culorile care apar în pagină;• aşezarea în pagină a poziţiilor pe care instalăm modulele, mai exact aşezarea în pagină

a tuturor elementelor incluzând componente şi content;

După instalarea Joomla!, se poate observa că există 2 template-uri cu care vine pachetul: madeyourweb si rhuk_solarflare_ii, aceste template-uri ne fiind foarte deosebiteca şi grafică, fapt pentru care o să ne folosim de altele pentru exemplificare.

Templateurile sunt instalate în folderul templates, din root-ul siteului, fiecare noutemplate fiind în folderul său, creat la instalare.

Ca şi structur ă, în Joomla! 1.0.x, fiecare template are câteva foldere şi fişiere obligatorii:

• index.php - fişier care conţine codul de HTML/PHP şi poate JavaScript în combinaţiecu CSS-ul şi imaginile din site, o să afişeze grafica finală a site-ului;

• templateDetails.xml - acest fişier conţine informaţiile template-ului (nume, data decreare, autorul, copyright, email-ul şi site-ul creatorului, versiunea, descrierea şi toatefişierele (fişiere plus imagini) conţinute în template;

• template_thumbnail.png - imagine a template-ului pe care o putem vedea în admin,Site ->Template Manager ->Site Templates, când trecem cu mouse-ul peste numeletemplate-urilor instalate;

• CSS/ - este un folder care conţine fişierele de CSS din template (cel mai importanteste template_css.css). Aici o să găsim clasele din site care ne dau aspectul fonturilor utilizate (familie, dimensiune, culoare), culorile din site, diverse clase pentru div-uri,celule şi multe alte clase. Este de menţionat faptul că, atunci când căutăm să schimbăm ceva legat de style, aici este locul unde trebuie să căutam;



Curs 3

• images/ - este folderul care conţine imaginile utilizate în template, imagini cu extensia.gif, .jpg, .png; aici o să găsim şi logo.gif.

Cum schimbăm logo-ul

Logo-ul care apare în site este de fapt o imagine care este inclusă în template-ul pecare tocmai l-aţi instalat. Ca să îl schimbăm trebuie să vedem ce imagine are şi unde se află.

În browser, aşezaţi mouse-ul deasupra acelei imagini şi daţi click dreapta, o să apar ă un meniu cu opţiuni pe verticală, daţi pe View Image. În browser o să apar ă acea imagine şiun link, de exemplu:

http://localhost/test_Joomla/templates/madeyourweb/images/logo.gif asta înseamnă că imaginea în cauză este logo.gif .

Presupunând că aveţi deja un logo personal (e bine să păstraţi dimensiunile celui dintemplate dar nu este obligatoriu, însă s-ar putea să nu se încadreze foarte bine dacă nu areacceaşi lungime respectiv înalţime), trebuie încărcat în site în locul celui existent.

Pentru asta, e bine să ne asigur ăm, în primul rând, că are aceeaşi extensie (.gif, .png,.jpg) şi acelaşi nume: logo.gif, apoi instalăm componenta JoomlaXplorer, cu care se potaccesa fişierele din site (din adminul siteului) după care replace la imaginea din folderul undeeste cel original. Binenţeles că aceşti paşi se pot face şi pe FTP utilizând un client de FTP.

Atenţie mare la lucrul cu fişiere, un fişier din surse şters, poate compromite tot siteul.templates/madeyourweb/images/

reprezintă folderele unde este locat logoul template-ului.

joomla C3

Documents

Transcript of joomla C3