2015

Site cu Joomla! 3 Şnel Costel

Cum să-ți faci propriul site

Acest tutorial este în special un rezumat de pe tutorialul video Lynda.com - Joomla3

,o compilare de pe diverse cărți/tutoriale,plus propriile mele considerații.

www.snelcoart.ro
 Ce este Joomla!?

Joomla! este un CMS(Content Management System).Ce este asta?

Principiul de bază în Joomla(dar și la alte CMS)este de a separa conținutul de felul
cum e prezentat acest conținut.
Informația este ținută în baza de date și este un mix de fișiere:
.css .html .ini .js .php și .xml iar fișierele de imagine sunt: .gif .png .jpg
Joomla rulează pe Linux cu Apache web server,MySQL baza de date și PHP limbajul
de programare.
Cînd un vizitator solicită un link,Joomla! asamblează pagina din conținutul din baza
de date;
și folosește un template pentru a ghida cum să fie prezentată informația.
Aparența vizuală este definită în principal de template-ul care se adoptă.
Joomla! template este o colecție de fișiere(PHP, CSS, și JavaScript) care determină
această aparență vizuală.
În general template-ul nu are nici un conținut(content) dar poate include logo-ul
și imaginea de background.
Cînd privim o pagină dintr-un site Joomla! aceasta este generată de HTML output
a unui component,modulele selectate și de template.
Față de website-urile tipice unde diferitele componente ale template-lui sunt
duplicate pentru fiecare pagină,în Joomla! există un singur template.
Dacă dorim mai multe aparențe de design pentru diverse pagini putem folosi
același template pe care îl duplicăm și creem alte stiluri,sau pentru anume pagini
folosim un template diferit.
Trebuie să mai spunem că tempate-ul nu este propriu-zis aparența site-lui cum cred
multe persoane,ci este doar o structură care poate fi parțial modificată prin setări și
substanțial modificată prin editări a unor fișiere.
Deși nu este absolut necesar este bine măcar să știm ce este:PHP,MySQL,HTML5 și
CSS.

Joomla are nevoie de:

1.Web server-Apache [ə´pa:ʃ]
2.Limbaj de programare-PHP
3.Baza de date-MySQl

Pentru Windows serverul local poate fi WAMP

(Windows,Apache,MySQL,PHP)

Calculatorul are nevoie de web broweser,iar serverul

ruleaza Joomla,MySQL,Apache &PHP.
La instalarea locala si serverul(WAMP) si clientul sunt
pe acelasi calculator.
 Ne trebuie un plan

Trebuie să existe un plan la construcția unui site care să răspundă

la cîteva întrebări:scopul site-lui,cui servește,ce vrea să facă,public țintă.
Site-ul trebuie să ofere informațiile pe care ar dori să le vadă vizitatori:
să viziteze galeria,cît costă,unde se situează,cum se poate achiziționa un produs,
cum ne poate contacta etc.
Pentru a avea un site avem nevoie de:
1.Domeniu (50 EUR)
2.Găzduire(serviciu de hosting-aprox.50EUR/AN)
3.Template Joomla!(aprox.50EUR)
4.Construcția propriu-zisă a site-lui(dacă apelăm la un webdesigner,aprox.50EUR)

Domeniu este adresa rădăcină a website-lui unică în toată rețeaua www.și pentru
a o înregistra e necesar să plătim o taxă de în funcție de tipul de Domeniu
(.ro,.com,.net,etc)
Trebuie să ne gîndim la cîteva denumiri potrivite și aici începe SEO.
SEO(Search engine optimization)-optimizare pentru motoarele de căutare.
1.Prima recomandare este ca denumirea site-lui să fie pe cît psibil un singur cuvînt.
Căutăm pe Google(și pe alte motoare) denumirile la care ne gîndim,iar dacă nu
există rezultate pentru domeniu respectiv putem să-l luăm în considerare.
Trebuie să excludem parafoniile cu domenii superaccesate;spre exemplu nu vom
denumii domeniu „neisan„cînd avem parafonia „nissan„
Urmărim cîte rezultate sunt la căutarea cuvîntului respectiv și ce „greutate„
au domeniile de pe prima pagină.
Deci dacă nu avem brand-uri sau firme cu renume și nu sunt pe același domeniu
de activitate și evident pentru domeniu respectiv nu există nici un rezultat,putem
să consideră alegerea bună.
2. Trebuie de la început să concepem o asociere puternică între domeniu și 2/3
tag-uri.
3.E bine să folosim cuvinte cu aceeași formă în română și engeză,dacă se poate!

Google are un algoritm de căutare pe care îl modifică parțial,la anumite intervale;

esența este de a prezenta site-urile de valoare.
Un domeniu prost ales nu va fi prezent pe prima pagină nici cînd se caută tastînd
domeniul respectiv(și numai la introducerea adresei complecte)
Dacă căutăm pe Google „snelcoart„(fără .ro),apar trei pagini doar cu snelcoart.
(ca exemplu de domeniu bine ales)
Dacă căutăm neisan(parafonie cu nissan);site care există,acesta nu poate fi găsit
pe prima pagină,rezultatele referitoare la nissan vor apărea pe primele paginii
(ca exemplu de domeniu extrem de prost ales).
Alte considerații despre SEO la momentul potrivit.
 Plan site:Web Host

Joomla!pote fi instalata local si apoi mutata pe server online (web host)

sau se poate instala direct pe WEB HOST.
Cum e mai bine?
La instalarea directă poți primi ajutor si nu apar problemele
cu mutarea corectă pe web host,deci e de preferat.
Pentru incepători e bine sa aiba și o instalare locală Joomla!
pentru a exprimenta.
Nu e suficient ca serviciul de hosting să accepte Joomla
trebuie văzut și dacă o face bine.
1.În primul rînd are serverul instalate ultimele versiuni de
Apache,PHP și MySQL ?
Altfel nu pot fi instalate decît versiuni anterioare de Joomla.

2.Cum face serverul backup;zilnic

sau săptămînal(și în ce zi?)
Unele servicii de hosting fac backup de 2 ori pe zi!

INSTALARE JOOMLA!LOCAL

Putem să ne facem oricîte site-uri instalate local,pe calculatorul nostru,care va

conține și serverul și clientul.Asta nu ne costă nimic,nu ne trebuie Domeniu și
se poate face foarte repede,dar site-urile nu vor fi vizibile,evident,pe Internet ci doar
de noi pe propriul calculator.
Dacă nu suntem specialiști și dorim să ne concepem și să ne administrăm
singuri site-ul este obligatoriu să procedem astfel și să menținem instalația și atunci
cînd vom avea site-ul online.
Pe site-urile locale vom putea să învățăm și să facem experimente înainte de a
face modificări pe site-ul online(vizibil pe Internet)
Unele extensii(templet-uri,componente,module,plug-in-uri) neverificate înainte pot
pot crea probleme pînă la blocarea site-lui.
Site-ul local îl putem pur și simpu șterge și facem o nouă instalație.
Extensiile sunt mici programe care aduc noi capabilități instalației inițiale Joomla!
Pentru că există o mare afacere cu extensiile Joomla fiecare dezvoltator are o anume
politică de a-și promova produsul.
Aici există și dezvoltatori incorecți și odată ce ai făcut greșeala de a instala o
extensie,neverificată mai întîi local,e ca și cum ai luat o rîie de care nu scapi
decît dacă le cumperi varianta pro!
Deci verificăm local orice!

Pentru a instala Joomla! local descărcăm ultima versiune Joomla!

În acest moment (ian/2015) Joomla! a ajuns la versiunea3.3
Puteți descărca Joomla! de aici.
 WAMP

WAMP(abreviere de la Windows/Apache/MySQL/PHP)
WAMP este serverul local care conține:web serverul(Apache), baza de date(MySQL),
și limbajul de programare(PHP)
Descarcă WAMP de aici.
1.Pornește instalarea și alege,de preferat,altă partiție decît :C(:D sau:E)
2.Mergi la folderul unde s-a instalat WAMP și deschide folderul:www
(aici avem un fișier favicon și două .php)
3.Crează un nou folder și denumește-l,oricum vrei să se numească site-ul local.
4.Deschide acest folder și copiază aici Joomla(așa cum ai descărcat-o,arhivată/zip)
5.Dezarhivează și apoi șterge fișierul zip

Acum trebuie o atenționare cu parolele să legem cuvinte simple

(site-ul se vede doar local și nu se pune vreo problemă de securitate)
E bine dacă am denumit site-ul spre exemplu „test„să trecem „test„ peste tot.

Instalare Joomla! pe WAMP server

1.Rulează WAMP
Cînd iconița se face verde e funcțional.
2.Site-ul pe bază de Joomla are nevoie de o bază de date pe care o vom crea astfel:
clik iconița verde WAMP,clik phpMyAdmin/se va deschide browserul și aici
selectăm Baze de date

În rubrica Database name trecem numele sitelui(test) și

dăm clic pe Crează.
După mesajul de succes am terminat aici,și trecem la
instalarea propriu-zisă Joomla!
 Instalare Joomla!
Ca să instalăm Joomla!,deschidem browserul și tastăm în bara de adrese
”localhost/numele sitelui(în exemplu nostru:localhost/test) și apăsăm Enter.
Avem fereastra de pornire a instalației Joomla!
Selectăm limba pentru procesul de instalare și trecem numele site-lui.
Descrierea site-lui,atunci cînd vom instala un site adevărat online,trebuie să o
considerăm cu atenție findcă e vorba de SEO.
Joomla are o deficiență de securitate:dacă trcem administrator după adresa site-lui
apare fereastra de logare și dacă lăsăm admin la user și mai trecem și o parolă slabă
site-ul este expus la brute force.Trebuie să alegem ca user
ceva complicat și fără legătură cu site-ul sau numele nostru,iar parola trebuie să
fie puternică.
Acum fiindcă instalăm local nu au importanță aceste lucruri.
În fereastra următoare -Baza de date- trcem la utilizator ”root”
iar la parolă nu trecem nimic.
Numele Bazei de date este cel pe care l-am trecut în WAMP
(în exemplu nostru ”test”)
În a-treia fereastră trebuie să alegem între 6 variante de conținut Joomla.
1.Nimic
2.Date mostră blog în Engeză
3.Date mostră broșură în Engleză
4.Date mostră implicite în Engleză
5.Învățați Joomla în Engleză
6.Date mostră test în Engleză

Ca să învățăm Joomla putem alege varianta5

Cînd vom instala pe un webserver alegem 1.Nimic
Date mostră test este pentru dezvoltatori,conține componente netestate
suficient și nu este folosită pentru a construi un site ci pentru a perfecționa
Joomla.
După instalare trebuie să ștergem directorul de instalație.
În celelate variante există butoanele de print/email pe FrontEnd de care se scapă
ușor,
dar și un buton de editare de care nu poți scăpa decît editînd un fișier „default PHP”
ceea ce necesită acces la server și dă bătaie de cap!
Voi reveni cu problema aceasta.
Putem să instalăm în folderul „www„din WAMP oricîte site-uri dorim,procedînd
ca în primul exemplu,alegînd alte denumiri pentru site/baza de date și alte
parole.
 Cum scapi de butoanele Edit pe FrontEnd?
Întîi mai trebuie spus ceva important legat de instalarea Joomla!
Dacă la instalarea Joomla local apare situația de
”never ending database installing” și instalarea nu se mai
termină trebuie ieșit din instalare,se oprește WAMP și se editează
PHP.ini (se dă clic pe iconița WAMP)asfel:
1.display_errors = Off
2.max_execution_time = 240
3.output buffering=Off

Cum scapi de edit icon în frontpage?

Varianta1:These links are all control in Global Configuration > Article Options. If
you have them set to off, then you need to LOG OUT of the admin and then look at
your page. They will be gone at that point
Varianta2:You need to edit Joomla's com_content template file:
◦/components/com_content/views/article/tmpl/default.php
And delete this:
<?php if ($canEdit) : ?>
<td align="right" width="100%" class="buttonheading">
<?php echo JHTML::_('icon.edit', $this->article, $this->params, $this-
>access); ?>
</td>
<?php endif; ?>

Dacă nu merge:
If this won't work, it is possible that your Joomla template overrides this file. In that
case you will need to do the same here:
◦{site_root}/templates/{your_template}/html/com_content/article/default.php

Deschidem fișierul default.php în Dreamweaver selectăm codul pe rîndurile

67-69,Edit/Clear/Save.Putem încerca și cu Notepad,dar salvăm undeva o copie
a fișierului original.
 Template
Joomla este acum un site funcțional,e adevărat doar pe
calculatorul nostru și evident că nu î-l vom lăsa așa.
Site-ul are două părți:site-ul propriu-zis pe care î-l vede toată
lumea›frontend și zona de administrație›backend,pe care î-l vedem doar noi și prin
care controlăm site-ul.
În această fază trebuie să butonăm cît de mult Joomla pentru a-i învăța configurația
Joomla vine cu 3 template-uri și în principiu se poate construi un site,să zicem
pe Protostar,dar dacă avem pretenții nu vom face asta.
Design-ul trebuie să fie în concordanță cu domeniul de activitate promovat de site.
Există o explozie a templet-urile Joomla pe Net și trebuie să ne documentăm,
orientîndu-ne,la început,pe variantele free.
Putem găsi un template free,bun și care să ne satisfacă vizual și funcțional,dar
trebuie să facem testări în WAMP.
Putem instala cîte templet-uri vrem în Joomla pentru a le testa.
Chiar dacă nu avem probleme cu limba engleză este bine să instalăm,de la început,
pachetul lingvistic al variantei respective de Joomla.
Limba nativă poate fi activată doar pentru frontend,doar pentru backend sau
pentru amîndouă zonele site-lui.
Pachetul lingvistic,template-urile și tot ce înseamnă extensii se instalează din
Extensions/Extensions Maneger/Install din 2 mișcări:
1.Browse...(căutăm pachetul zip în calculator)
2.Upload&Install
Urmează notificarea de succes și e gata.Nu folosi instalarea directă de pe WEB!
Mergem la Extensions/Template Maneger selectăm template-ul pe care l-am
instalat și în stînga sus clic pe steluța Default pentru a stabili template-ul ca implicit.
Clic pe template-ul respectiv și aici trebuie să asociem pe ce pagini vom avea
template-ul(Menus assignment)
În al treilea rînd trebuie ca modulelor instalate să le atribuim poziții din template-ul
respectiv.Pentru aceast mergem la Extensions/Module Maneger dăm clic pe cîte un
modul și selectăm poziția și statutul(Published dacă dorim să fie vizibil pe site)
Template-ul are și o documentație care ne va lămuri ce putem face.
După ce ne-am lămurit,cît de cît,ce este cu Joomla,trebuie să ștergem contentul
de mostră, în următoarea ordine 1-meniuri,2-articole,3-categorii.Păstrăm doar
MainMenu cu Home și User Menu fără nimic.
Iar după ce am șters selectăm statutul Trashed-și vom avea aici ceea ce am șters
clic pe Empty Trash și astfel ștergem definitiv.
Un articol din Trash ne înpiedică să creăm un alt articol cu aceeași denumire și
Alias.Nu dezinstalăm module ci le edităm în funcție de conținutul nostru.
Modulele pot fi duplicate fiecare cu alt content și altă poziție.
Cuvîntul Joomla nu trebuie să mai existe nicăieri!Ștergem tot(tag-uri/categorii/
articole)Vom vedea mai încolo cum înlocuim iconița Joomla din bara de adrese.
ATENȚIE! Verificăm să nu avem link-uri străine pe Frontend,de la template-ul
pe care l-am instalat sau de la altă extensie!Dacă nu reușim să dezactivăm link-urile
mai bine renunțăm la template sau extensia respectivă!
 Cum alegem un template
Template Framework este un scheletron,o osatură/construcție de bază pe care
se poate construi templeturi diferite ca design și funcționalitate.
Nu putem să pornim din punctul acesta fără cunoștințe temeinice de webdesign.
Totuși dacă dorim un site cu aspect profesional,putem,cum am spus,să testăm mai
multe templet-uri free,sau să cumpărăm o variantă paid și nu trebuie să cunoaștem
neapărat lucrul cu coduri.
Este bine să ne decidem la un template înainte de a introduce content în site.
Iată principale cerințe ale unui template bun:
1.să nu lase link-uri/logo-uri pe care nu le putem scoate nici editînd template-ul
(putem să dezarhivăm și să căutăm codurile care trebuie scoase,concomitent cu
o editare a unor fișiere-pentru asta ne trebuie Dreamweaver instalat și evidet să
știm ce facem.O editare simplă o putem face.Putem să înlocuim logo original cu
un logo propriu,după care arhivăm la loc și reinstalăm template-ul)
2.să aibă setări cu care se poate controla design-ul și culorile site-lui
3.să aibă suficiente module de poziție într-o dispunere acceptabilă
(Este bine să ne tipărim schema modulelor de poziție pentru a o avea la îndemînă
cînd alocăm o poziție)
4.să fie „responsive„ adică să se adapteze automat pe telefoane/tablete
5.în general să aibă suficiente setări de configurare
6.să nu fie totuși o bunică a template-urilor cum este Gantry,cu care s-a creat mii
de site-uri,pentru a avea o oarecare originalitate.

Vom găsi pe Internet suficiente site-uri care oferă template-uri free.

Să nu descărcăm variante demo decît dacă dorim să achiziționăm varianta pro
a templet-ului respectiv.
Încă o dată,insist, să fim prudenți și să testăm în WAMP orice extensie!
Dacă corupem site-ul,și nu avem backup,vom pierde 2-3 zile să refacem totul!

Acum cîteva recomandări de organizare.

Este bine să ne facem un folder principal(WEB)în calculator în care să facem
subfoldere cu tot ce avem legat de WEB.
Deasemenea contentul din site să fie sub aceeași organizare pe calculator
Joomla folosește Media Maneger pentru a urca fișiere.
Ștergem tot ce ține de Joomla și ne facem propriile foldere:backgrounds/logos/
icons/sliders/galerie(cu subfoldere),etc.
Folderul default care conține toate aceste subfoldere este ”images”

Trebuie să ne facem cont pe Joomla! Extensions Directory,de unde vom descărca

diverse extensii.

Dacă vom citi,fără a sări peste pagini acest tutorial vom vedea că lucrurile devin
simple.Dacă vom apela la un serviciu de design,tot va trebui să alocăm ceva timp
ca să învățăm unele lucruri,nu vom fi stăpîni în totalitate pe site de a face orice
modificări oricînd dorim.
În concluzie vom pierde timpul cu telefoane la webdesigner pentru fiecare problemă.
 Setări inițiale în Joomla!
Accesăm Global Configuration/Site
1.Numele site-lui nu e bine să-l,tot, schimbăm (din rațiuni de SEO)
2.Mouse-over edit icons for-selectăm None
3.Default Editor-schimbăm această setare cînd vom instala un Edior mai bun:JCE
4.Site Meta Description-Trecem o descriere simplă care să conțină principalele
taguri.
5.Site Meta Keywords-Trecem cuvintele cheie/tagurile principale:
începem cu numele site-lui,numele nostru,produse/servicii/acțiuni pe care le
promovăm.Site Meta Keywords ține de principalele aspecte SEO,așa că trebuie să
fim puțin atenți!

Global Configuration/System
1.Aici putem să trecem la
SessionLifetime 30 (pentru că o
perioadă vom sta mai
mult logați pe backend)

Acestea sunt setările pe care le putem

face acum-să nu facem greșeala de a
face alte setări fără a ști ce facem!

La Articole
Setăm să nu apără:icons/Print
icon/Email icon/Hits/Unauthorised
Links
Deasemenea setăm Hide
la:Author/Link Author/Create
Date/Modify Date/
Publish Date/Show Voting.

Urmăriți screenshot-ul și faceți și

alte setări.

Deocamdată lăsăm setările așa

Salvăm și verificăm în Frontend dacă
este totul în regulă.
(Dăm Refresh la pagină)

Dacă avem în continuare acel buton

Edit procedăm cum am arătat mai
înainte.
E posibil să ne rămînă un tags cu
Joomla;mergem la setări/tags și
dezacticăm Show tags
 Primele extensii

Extensie- este o denumire generică care cuprinde:template-uri/componente/

module/plag-inuri.
Trebuie să descărcăm primele extensii sigure de care vom avea mare nevoie.
Facem cont/ne logăm pe Joomla! Extensions Directory
Căută/descărcă/instalează următoarele extensii:
K2-Este cea mai apreciată componentă free,de care vom avea nevoie mai ales dacă
vom avea multe articole în site.La început vom folosi Media Maneger din K2.
JCE-Editor.Este un editor mult mai performant decît TinyMCE(default editor)
Activăm JCE-Editor,î-l trcem în Global Configuration ca Default Editor,iar pe
TinyMCE îl lăsăm activat.
Ne trebuie un jQuery(controlează animația în paginile web).
Putem descărca 2 variante:
plg_jQueryIntegrator și
plg_system_jqueryeasy
sigplus este o galerie excelentă,poate cea mai bună,free și fără copyright.
(vezi în site-ul meu cum funcționează:snelcoart/flori și nu uita documentația)
plg_aixeena_custom_favicon.-cu acest plag-in vom schimba iconița Joomla!
care apare în bara de adrese,cu propria noastră iconiță.
mod_sih_3.0.2 Simple Image Holder-modul excelent,putem să facem multe
setări.Se poate stabilii pziția(left,center,right),transparența,și textul la trecerea
cu mous-ul,text deasupra/dedesupt.(vezi pe snelcoart,tablourile”Natura statică„)
fwtagsjoomulus- Dacă dorim efectul de animație a tagu-rilor de pe snelcoart.
E suficient să activăm și să stabilim o poziție,iar fwtagsjoomulus va prelua singur
meniul Popular Tags.
Akeeba Backup e bine să ne obișnuim cu această extensie cu ajutorul căreia vom
face backup la site.
mod_sp_simple_youtube_j3; cu acest modul putem introduce un video de pe
Youtube pe site-ul nostru.

Putem descărca și testa extensiile potrivite pentru profilul site-lui nostru și dacă
după verificarea,pe site-ul local,este totul OK,putem folosi extensia în site-ul online.
Citiți cu atenție documentația pentru fiecare extensie.
După instalare căutăm extensia(după caz la:Components sau Extensions/
Module/Plug-in/Template/Language Maneger),
selectăm un statut:publicată/nepublicată(activată sau nu),facem setări comform
documentației.

Dezinstalare Extensii
Mergem la Extension Maneger/Manage.Căutăm extensia folosind filtru sau în
căsuța de căutare,o bifăm și clic pe Uninstall.
 Plan site-Pagini
În acest punct trebuie să ne clarificăm Planul general al site-lui iar pentru început ne
vom concentra pe Home page.
Meniul poate fi dispus orizontal (nav)sau vertical(slidebar left sau slidebar right)
E bine să ne decidem la un Main Menu dispus clasic/orizontal cu 4-5 meniuri.
Iată o schemă:
Home Home-este prima pagină care corespunde cu adresa Domeniului.
Home trebuie obligatoriu redenumită!Trebuie să ne gîndim că
Menu-2 denumirea primei pagini=primul menu va fi afișată de Google
-Submenu-1 atunci cînd cineva va căuta site-ul.
-Submenu-2 Denumirea trebuie să fie un tag puternic care să facă legătura
între domeniu/numele nostru și profilul site-lui.
Aceasta este o condiție SEO!
About us Denumiri ca:Home,Acasă,Bun venit! sunt copilărești și nu le va
accesa nimeni plus că pierdem puternic la SEO.Doar marile
Contact companii î-și pot permite să lase prima pagină Home.

Alte recomandari sunt să fie un cuvînt eventual cu aceeași formă în engleză și

română,să facă parte din meta tag-urile pe care le vom stabili.
Putem avea pentru Menu2:Produse/Galerie,etc.
About us:Despre noi/mine,Profilul meu,etc.-nu este o paagină obligatorie.
Contact-este o pagină necesară-vom vedea cum se face Contact Form în Joomla!

Home Iată altă schemă orientativă.

About(Category:About) Inițial ne stabilim la o schemă minimală,și
About me ne concentrăm pe design și funcționalitate.
Frends
News&Events(Category:News&Events) CONTENT
News(Category:News)
Schnell last Paintings Reviews Pregătim textele/imaginiile/media pe care
Ofertă limitată le vom urca în site.
Events(Category:Events) Ne facem în calculator un folder „images„
Current Exhibition (acesta este default folder din Media
Upcoming Exhibit Maneger/Joomla!).În acest foder creăm
Digital Work(Category:Digital Work) următoarele subfoldere:logos,sliders,
Links backgrounds,icons,galerie(cu subfoldere),
Contact(Category:Contact) headers,etc.
Această organizare o vom avea și în
Footer menu Media Maneger din Joomla.
Formatele text nu este necesar să fie
Privacy Policy(Category:uncategorized) urcate în Media Maneger decît în mod
Login special.
Site Map E bine să avem,pe calculator un folder cu
extensiile instalate,un folder cu date de
construcție a site-lui,un folder cu
documentație,etc.
 Creare Articole și baza formatări
Un articol poate aparține doar de o singură categorie!
Dacă am făcut toate categoriile acum facem toate articolele
și urmează apoi să facem toate menu link-urile.
Pornește cu:Content/Article Maneger/Add new Article
(Evident că se presupune că ne-am pregătit din timp
articolele pt care am creat categorii:texte și imagini dimensionate)
Se complectează titlul,categoria se copiază textul din Notepad și
se lipește în Editorul din Joomla.Se dă clic pe iconița de imagine
și se poate introduce o poză(optim jpeg sau png),apoi Save&new
și se trce la următorul articol.(Se lucrează cu Ctr+C și Ctr+V pentru rapiditate)
Se folosește Notepad și nu WordPad pentru care trebuie
setări speciale în Joomla pt. ai folosi faciltățile.
Se poate edita textul în HTML sau se poate folosi butonul ”toggle”.
Plug-inul de editare TinyMCE poate fi configurat:
Mergem la Plug-in Maneger și dăm clic pe TinyMCE.
Putem la funcționalitate să alegem ”extended” și întorcîndu-ne la
Article Maneger vom vedea mai multe funcții și obțiuni de editare.
Ce butoane credem că nu ne trebuie le dezactivăm în Plug-in Maneger.
Trebuie încercat și un alt editor JCE(JoomlaContentEditor) care
are o reputație excelentă.
După instalare se configurează în Global Configuration ca Default Editor,
și pentru configurare mergem la Components/JCE Editor.

ADĂUGARE EXTERNAL LINK

Selectăm din Article Maneger un articol.Dacă avem denumirea unui
site sau dorim să asociem un cuvînt(spre exemplu ”Descarcă”) cu o
pagină web deschidem Firefox,căutăm pagina,copiem adresa,
ne întoarcem în Editorul Joomla,selectăm cuvîntul(sau grupul de cuvinte)
și dăm clic în Editor pe iconița ”Insert/Edit link”.
Introducem adresa care trebui să înceapă recomandabil cu ”http://„
(pot apărea probleme la un link doar cu ”www„)
Alege target- ”open in a new window„ dă clic pe ”insert„
și asta e tot.Acum cuvîntul/cuvintele selectate sunt albastre ceea ce
indică un link.Testează linkul să te asiguri că funcționează.
Și nu uita să dai clic pe Save&close.

IMAGES
Imaginile trebuie optimizate pt. web ca dimensiune și rezoluție și
adecvate necesităților de afișare în browser.
Dacă avem un text și dorim ca deasupra lui să introducem o imagine,
întîi poziționăm cursorul sus,apoi selectăm poziția ”paragraph„
În meniul de jos selectăm ”image„ și se deschide Media Manager
de unde putem alege o imagine sau putem da clic pe ”browse„ și alegem
una/două imagini dintr-un folder local.Înainte de a da clic pe ”Insert„
putem face niște editări pentru imaginea aleasă.
 Readmore în articole
Un articol poate avea o formă de introducere ca un rezumat al
subiectului,iar la forma aceasta scurtă putem introduce ”readmore„
care se va deschide în o nouă pagină.
(Dacă concepem site-ul în română „citește mai mult...„
-amestecarea aiurea a două limbi în menu și articole nu este recomandată,
și denotă diletantism)
Începem cu Add New Article,complectăm titlu,categoria și introducem
articolul cu două paragrafe :cîteava rînduri pentru introducere
urmat de articolul complet.
Trebuie să dăm clic pe read more și va apărea o linie care
desparte cele două paragrafe;ajustăm spațiile și e gata.
Urmează să adăugăm un link la articol în menu cum vom arăta
la capitolul despre meniuri.
FEATURED [´fi:tʃ əd],(cu trăsături,well featured-bine făcut)
Dacă bifăm căsuța cu yes,articolul va apărea pe frontpage.

Trash
Vom vedea cum se șterge un articol.
Dacă dorim doar să nu mai apară pe site trebuie doar să
selectăm articolul și să dăm clic pe Unpublish.
E posibil să dăm la gunoi un articol dar menulink să rămînă de aceea trebuie
să procedăm în ordine invers ca la instalare deci dezactivăm/ștergem întîi
menulink-ul,articolul și la urmă categoria(dacă a fost creată doar pentru acel articol)
pentru ștergere completă selectam articolele date la gunoi(clic Search tools/Status/
Trashed)alegem ce vrem să ștergem și selectăm golește gunoiul.
Un articol din trash ne înpiedică să introducem un
nou articol cu același titlu și același alias.

Introducere PDF în site cu JCE Editor:

Trebuie instalat JCE și schimbată setarea în Global Configuration:

de la Editor TinyMCE la JCE-default editor.

Mergem la Components/JCE/Profiles,
de aici dăm clic pe Defaul Profile for all users și ajungem la JCE
Administration::Edit Profile[Default]
La Editor Parameters/Filesystem urmăriți rubrica:Upload file size(KB)aici
puteți să schimați acest parametru la maximum cît permite serverul.
Fișierele PDF pot fi uploadate normal sau se poate porni și de la butonul de link.
 Creare menu-uri pentru site

Trebuie să reținem această ordine:CAM

1.Întîi facem categoria apoi articolul și la urmă menulink-ul
Un articol poate aparține unei singure categorii,dar o categorie
poate avea mai multe articole.
Acum despre menu care e puțin mai complicat.
Un meniu poate avea link spre un singur articol,o listă de articole
și alte opțiuni.
Să vedem întîi cum funcționează menu.
Toate articolele trebui să aibă un link în menu!
Joomla înparte menu-urile în două părți:Menu Maneger și Main menu.
Cu Menu maneger creăm linkuri pentru website iar cu Module
Maneger creeăm likuri de afișat.
Pentru a crea menu pt un singur articol mergem la Main menu
și selectăm Add new menu item.
În ordine:tastăm titlu,selectăm menu item Type,Controlăm și
celelalte selecții dacă sunt corecte,selectăm la Parent item dacă e vorba de
un submenu.
Menu Item Root semnifică un meniu pe prima pagină cum este Home.
Unui meniu Parent i se pot selecta mai multe submeniuri.

Category blog
Selectăm New Menu Item iar la Menu Item Type selectăm Category Blog,
alegem titlul,categoria și salvăm.
The default layer pentru categoria blog arată astfel:
Leading article
Intro article Intro article
Intro article Intro article
.Article Link
.Article Link
.Article Link
.Article Link
Articolul poate astfel fi editat în Word cu această configurație
ceea ce permite o paginare perfectă sau în Joomla stabilim spre exemplu:
Leading article(principal,articol de fond) poate fi zero,Intro article să zicem 20
coloane 1-4,și links 0.În felul acesta indiferent cum am editat articolul
acesta se va așeza corect pe pagină.
 Main Menu
Iată cum procedăm să creăm menu-uri în Main Menu,ca exemplu la snelcoart

CATEGORII
Exemplu::Mergem la Content/Category Maneger/Add New Category-
Complectăm Title(Schnell Paintings),în Editor nu sciem nimic,la Tags trebuie să
trecem cum am spus niște asocieri gîndite bine(eu am trecut:Schnell,Paintings,
Snel,pictor,pictura,tablouri.)Se scrie cuvîntul și se apasă Enter.
Complectăm și la Publishing iar restul lăsăm așa.Clic Save&New.
Procedăm la fel pentru:Galerie/Flori/Peisaje/Teoria Imginii/Contact.
La Flori și la Peisaje setăm ca Parent:Galerie(sunt subcategorii)
Primul tag este titlul(la Fori vom avea:flori/Schnell/Snel/pictura/tablouri)

ARTICOLE
Mergem la Content/Article Maneger.Ștergem absolut tot ce ține de Joomla.
Clic Add New Article.Vom face cîte un articol cu aceleași titluri cu categoriile.
Pentru Contact nu face acum articol.
Complectăm titlul:Schnell Paintings,nu scrim nimic în Editor,trecem categoria
(evident-Schnell Paintings),tag-urile cum am făcut la Category și selectăm Statutul-
Published.
La rubrica Publishing complectăm Created by,Meta Description,Meta Keywords.
Dacă am setat bine Global Configuration/Article nu mai setăm nimic la Options.
Procedăm identic pentru celelalte articole de Menu.

MENU-uri
Main Menu este un modul care poate conține mai multe meniuri principale.
Meniurile principale se pot deschide în subeniuri subordonate succesiv.
HOME trebuie redenumit pt. a fi listat pe Google(Schnell Paintings Alias homepage)
Menu Item Type -se alege Featured Articles(Articole recomandate)
Link-ul devine automat:index.php?option=com_content&vie
La Layout se selecteaza All Categories iar restul Use Global
La Options avem mai multe setări și trebuie să fim atenți:
Show Title- Show;Position of Article Info-Above;Show Category -Hide;
Link Category-No;Show Parent-No;Link Parent-No;Show Author-Hide;
Link Author-No;Show Create Date-Hide;Show Modify Date-Hide;
Show Publsh Date-Hide;Show Navigation-Hide;Show Icons-Hide;
Show Print Icon -Hide;Show Email Icon -Hide;
Ce nu este trecut aici -Use Global
La Integration -Use Global
La restul de setari nu se trece nimic.

Vezi screenshot-ul la următoarea pagină.

 Main menu-2

Setare Schnell Paintings

Galerie;un menu care nu trebuie să aibă nici
un link cînd se dă clik pe el,și
care va cuprinde mai multe submeniuri
care,trebuie să fie arătate cînd se trece
cu mouse-ul pe el.
Pentru Galerie am făcut Categorie,Articol
setările la menu sunt:
Titlu:Galerie
Tip element de menu:URL extern
Link:# Se verifică și celelalte setări și e
gata cu acest menu principal.
Flori/Peisaje se setează astfel:
Se face Categoria/Articolul și se trece la new
menu item/
Se tastează titlu și se alege la Tip element de
menu-Categorie blog;
Restul setărilor-Folosește global.
Nu trebuie uitat de setat părintele(Aici
Galerie)
Pentru a arăta elementele sub-menniului se
merge la Module Maneger/Main Menu
și se setează Yes la rubrica respectivă.
La Modulul Main Menu se trece la Sufixul
clasei menu nav-pills iar
sufixul clasei de modul _menu

Mergem pe Frontend și verificăm.

Urmează să ne ocupăm de Contact Form.

 Contact Form

1.Întîi trebuie să creem content pentru datele noastre de Contact.

a)Clic Edit Account și schimbăm,doar,Super User cu numele nostru.
b)Mergem la Components/Contacts și clic New
Trecem Titlul:Contact Form(Titlul care apare pe site este cel de la Menu)
Selectăm user-ul(adică numele nostru)
Complectăm în continuare obligatoriu Email-ul,țara,orașul,Website,
iar la categorii lăsăm cum este(uncategorized)pentru securitate dacă vom avea
useri logați pe site.
La telefon eu am trecut:„contact by Email first„
La Tag-uri :contact,numele nostru.
Mai selectăm la Form:Show Contact Form=Show
La Display selectăm rubricile cum dorim:Show sau Hide(La Tags trecem„Hide)
Selectăm statutul Published și Save&Close.
2.Trebuie acum să facem menulink pentru Contact.
Urmăm Menu/Main Menu/New Menu Item
Titlu=Contact,Menu Item Type=Single Contact și selectăm contactul nostru.
Vedem cum apare pe site.Dacă e ceva în neregulă ne întoarcem la setări.
E firesc să nu avem și celelate menu-uri pe pagina de Contact,în faza asta.
Urmăm Module Maneger/clic Main Menu/Menu Assignment și bifăm Contact,
Save&Close și GATA!