LLeecctt..uunniivv..ddrr.. FFlloorreennttiinnaa AAnniiccaa PPiinntteeaa [615476]

UNIVERSITATEA „ TIBISCUS” DIN TIMIȘO ARA
FACULTATEA DE CALC ULATOARE
ȘI INFORMATICĂ APL ICATĂ

LLUUCCRRAARREE DDEE LLIICCEENNȚȚĂĂ

CONDUCĂTOR ȘTIINȚIFIC:
LLeecctt..uunniivv..ddrr.. FFlloorreennttiinnaa AAnniiccaa PPiinntteeaa

CANDIDAT: [anonimizat]
2017

UUNNIIVVEERRSSIITTAATTEEAA „„TTIIBBIISSCCUUSS”” DDIINN TTIIMMIIȘȘOOAARRAA
FFAACCUULLTTAATTEEAA DDEE CCAALLCCUULLAATTOOAARREE
ȘȘII IINNFFOORRMMAATTIICCĂĂ AAPPLLIICCAATTĂĂ

LUCRARE DE LICENȚĂ

CCOONNDDUUCCĂĂTTOORR ȘȘTTIIIINNȚȚIIFFIICC::
LLeecctt..uunniivv..ddrr.. FFlloorreennttiinnaa AAnniiccaa PPiinntteeaa

CCAANNDDIIDDAATT::
MMaarriinn CChheețții

TTIIMMIIȘȘOOAARRAA
22001177

MMaarriinn CChheețții

RREEAALLIIZZAARREEAA SSIITTEE–UULLUUII
MMAAMMAADDEEFFAATTAA..RROO

Universitatea „Tibiscus” din Timișoara
Facultatea de Calculatoare și Informatică Aplicată
Departamentul de Informatică

RREEFFEERRAATT

asupra lucrării de licență cu titlul
__________________________________________________
__________ ________________________________________
elaborată de candidat: [anonimizat] _________________________________

Subsemnat a/ul _______ _____________________ de la
departamentul de Informatică al Facultății de Calculatoare și Informatică
Aplicată, în calitate de coordonator științific, fac următoarele precizări:
 lucrarea este structurată pe ___ capitole (___ pagini), în care se
tratează t ema propusă;
 lucrarea este îngrijit redactată și tehnoredactată;
 lucrarea corespunde din punct de vedere științific, dovedind
cunoașterea și aprofundarea de către candidat a domeniului
abordat;
 bibliografia consultată este bine aleasă și de actualitate;
 _______________________________________________
_______________________________________________
_______________________________________________
_______________________________________
În conc luzie, sunt de acord cu acceptar ea lucrării în vederea susținerii
publice în fața comisiei de licență.
Propun, în calitate de coordonator științific, nota __________.
Timișoara,
___/___/______ _______________________

Cuprins

1. GENERALITĂ ȚI ………………………….. ………………………….. ……………………….. 1
1.1. Istoric al apari ției internetului ………………………….. ………………………….. …. 1
1.2. Site-uri web ………………………….. ………………………….. …………………………. 2
1.3. Despre WordPress ………………………….. ………………………….. ………………… 4
1.4. Logo ………………………….. ………………………….. ………………………….. ………. 8
1.5. Blog -uri ………………………….. ………………………….. ………………………….. … 11
2. PREZENTAREA SITE -ULUI ………………………….. ………………………….. …….. 12
2.1. Structura pentru utilizator ………………………….. ………………………….. …….. 12
2.2. Structura pen tru administrator ………………………….. ………………………….. .. 14
2.3. Modul de gestionare a site -ului ………………………….. ………………………….. 18
2.3.1. Alegerea temei ………………………….. ………………………….. …………….. 19
2.3.2. Gestionarea paginilor ………………………….. ………………………….. ……. 20
2.3.3. Gestionarea pos tărilor ………………………….. ………………………….. …… 23
2.3.4. Adăugarea fi șiere media în pagini și postări ………………………….. ….. 25
2.3.5. Comentarii ………………………….. ………………………….. ………………….. 27
2.3.6. Galerie foto ………………………….. ………………………….. …………………. 28
2.3.7. Pagină contact ………………………….. ………………………….. ……………… 28
2.3.8. Agăugare meniu ………………………….. ………………………….. …………… 28
2.3.9. Plugins ………………………….. ………………………….. ……………………….. 30
2.3.10. Customize ………………………….. ………………………….. …………………… 34
2.3.10.1. Site Identity ………………………….. ………………………….. …………….. 35
2.3.10.2. Colors ………………………….. ………………………….. …………………….. 35
2.3.10.3. Header Media ………………………….. ………………………….. ………….. 37
2.3.10.4. Menus ………………………….. ………………………….. …………………….. 38
2.3.10.5. Widgets ………………………….. ………………………….. ………………….. 39
2.3.10.6. Static Front Page ………………………….. ………………………….. ………… 40
2.3.10.7.Theme Options ………………………….. ………………………….. ………….. 40
2.3.10.8.Additional CSS ………………………….. ………………………….. ………….. 41

Lista figuri lor

Figura 1. 1 Transmiterea primului mesaj electronic „Lo” ………………………….. ………… 1
Figura 1. 2. Modele site -uri web ………………………….. ………………………….. …………….. 3
Figura 1. 3. Selectare temă W ordPress ………………………….. ………………………….. …….. 4
Figura 1. 4. Adăugare articol WordPress ………………………….. ………………………….. ….. 5
Figura 1. 5. Panoul de găzduire al site ………………………….. ………………………….. ……… 5
Figura 1. 6. Iconi ță de instalare software ………………………….. ………………………….. ….. 6
Figura 1. 7 . Pagină de configurare Cpanel ………………………….. ………………………….. .. 6
Figura 1. 8. Meniu principal WordPress ………………………….. ………………………….. …… 7
Figura 1. 9. Logo site mamadefata.ro ………………………….. ………………………….. ………. 8
Figura 1. 10. Pagină start Adobe Photoshop ………………………….. ………………………….. 9
Figura 1. 11. Logo Google, Microsoft și Ebay ………………………….. …………………….. 10
Figura 1. 12. Culori logo Nippon și Coca -Cola ………………………….. …………………… 10
Figura 1. 13. Blogger vs. WordPress ………………………….. ………………………….. ……… 11

Figura 2. 1. Prima pagină a site -ului mamadefata.ro ………………………….. ……………… 12
Figura 2. 2 Social Links Meniu ………………………….. ………………………….. …………….. 13
Figura 2. 3 Adăugare Utilizator nou ………………………….. ………………………….. ………. 14
Figura 2. 4. Plugin User Role Editor ………………………….. ………………………….. ……… 17
Figura 2. 5. General settings ………………………….. ………………………….. ………………… 18
Figura 2. 6. Formular de autentificare ………………………….. ………………………….. ……. 19
Figura 2. 7. Se lectarea temei Twenty Seventeen ………………………….. ………………….. 19
Figura 2. 8. Agăugarea unei noi Pagini ………………………….. ………………………….. …. 21
Figura 2. 9. Editare rapidă a paginilor ………………………….. ………………………….. ……. 21
Figura 2. 10. Editor de text Visual ………………………….. ………………………….. ………… 21
Figura 2. 11. Com enzile rapide de la tastatură ………………………….. ……………………… 22
Figura 2. 12. Adăugare postare ………………………….. ………………………….. …………….. 23
Figura 2. 13. Editare etichete postări ………………………….. ………………………….. ……… 24
Figura 2. 14. Editare categorii postări ………………………….. ………………………….. …… 25
Figura 2. 15. Inserare fi șier media – plasare cursor ………………………….. ………………. 25
Figura 2. 16. Inserare fi șier media – Add media ………………………….. ………………….. 26
Figura 2. 17. Inserare fi șier media cu Media Library ………………………….. …………….. 26
Figura 2. 18. Inserare fi șier media – Detalii fi șier media ………………………….. ……….. 27
Figura 2. 19. Inserare comantarii ………………………….. ………………………….. …………. 27
Figura 2. 20. Gest ionare comentarii ………………………….. ………………………….. ……… 28
Figura 2. 21. Editare meniu ………………………….. ………………………….. …………………. 29
Figura 2. 22. Gestionare loca ție meniuri ………………………….. ………………………….. .. 30
Figura 2. 23. Adăugare Plugins ………………………….. ………………………….. …………….. 30
Figura 2. 24. Adăugare contact – Contact Form 7 ………………………….. …………………. 31
Figura 2. 25. Pagină de contact ………………………….. ………………………….. …………….. 31
Figura 2. 26. Adăugare slider ………………………….. ………………………….. ……………….. 32
Figura 2. 27. Slider ………………………….. ………………………….. ………………………….. … 32
Figura 2. 28. Adăugare galerie ………………………….. ………………………….. ……………… 33
Figura 2. 29. Adăugare imagini în galerie ………………………….. ………………………….. . 33
Figura 2. 30. Shortcod -ul galeriilor create ………………………….. ………………………….. . 34
Figura 2. 31. Customize Screen ………………………….. ………………………….. ……………. 34
Figura 2. 32. Customize – Site Identity ………………………….. ………………………….. …… 35
Figura 2. 33. Customize – Colors ………………………….. ………………………….. ………….. 36
Figura 2. 34. Customize – Header Media ………………………….. ………………………….. .. 37
Figura 2. 35. Customize – Menus Locations ………………………….. ……………………….. 38

Figura 2. 36. Customize – Menus – Social Links Menu ………………………….. ………… 38
Figura 2. 37. Customize – Widgets ………………………….. ………………………….. ……….. 39
Figura 2. 38. Customize – Static front page ………………………….. ………………………….. 40
Figur a 2. 39. Customize – Theme Options ………………………….. ………………………….. . 41
Figura 2. 40. Customize –Additional CSS ………………………….. ………………………….. . 42

Introducere

În lucrarea de fa ță se va prezenta proiectul de licență mamadefata.ro conținând inițal
aspectele generale, apoi con tinuând cu detaliile tehnice despre implementarea și dezvoltarea
site-ului.
Scopul proiectului prezentat în această lucrare a fost stabilit împreuna cu doamna
profesoar ă coordonatoare Lect.univ.dr. Florentina Anica Pintea și este realizarea unui site -ului
mamadefata.ro .

Cerin țele site -ului au fost ur mătoarele:
 un design modern și atrăgător, care să fie potrivit cu profilul site -ului;
 site-ul se va rea liza în limba română;
 logo-ul personalizat care să se potrivească cu site -ul;
 se va realiza o navigare u șoară și accesibilă pentru diferite tipuri de uti lizatori;
 încărcare rapidă a pozelor, galeriilor și paginilor;
 descărcarea u șoară a fișierelor atașate;
 compatibil tehnic cu majoritatea sistemelor de navigare web și pentru majoritatea
sistemelor în uz;
 informa ții clare și concise;
 bine structurat din per spectiva informa țiilor oferite vizitatorilor;
 ușor de men ținut și de actualizat;

Se dore ște să se realizeze un site bogat în con ținut și informații, care să crească în timp.
Să fie bine structurat și atrăgător.
Devenind proaspată mamică, feti ța mea a fost un real ajutor în realizarea acestui site,
ajutându -mă astfel să învă ț pe parcursul a celor 9 luni provoc ările pe care le aduce meseria de
mamă , dar și bucuriile care vin odată cu un nou membru al familiei . Odată cu venirea pe lume a
unui copil înve ți pe parcurs ce înseamnă să ai răbdare, să ierți și să iubești necondiționat, aflând
ce este iubirea adevărată. Acestă experien ță este împărtașită prin site -ul mamadefata.ro , unde
vorbesc atât despre sarcină cât și despre întâmplările noastre, diversificare și rețete culinare
pentru bebelu și.
Site-ul este realizat cu ajutorul platformei WordPress, folosind una dintre cele mai noi
teme ale lor Twenty Seventeen.
Structura lucrării va cuprinde o parte teoretică în care se vorbeste despre istoria apari ției
internetului, faptul că stocarea tuturor informațiilor pe un singur calculator nu este deloc sigură,
motivele fiind că informa țiile se pot pierde destul de ușor în cazul unei defec țiuni tehnice majore
sau ele pot sa fie o țintă vulnerabilă a unor eventuale atacuri .
Tot în partea teoretică sunt cuprinse capitolele despre site -uri web, de unde provine
denumire și istoria evoluției site -urilor în timp, o scurtă introducere despre Word Press,
modalitatea de alegere a unui logo și importanța alegerii culorilor pentru un logo și semnifica ția
lor, și o analiză despre blog -uri, tipuri de blog -uri și diferentele între site și blog.
Lucrarea con ține și o parte practică în care se vorbeste desp re structura site -ului pentru
utilizator, în care se descrie interfa ța grafică a acestuia, și structura site -ului pentru
administrator, modul în care se pot adăuga noi utilizatori și modul de creare/ gestionare a site –
ului care include efectiv modul de pe rsonalizare a site -ului.

În modul de gestionare a site -ului intră subcapitolele : alegerea temei, gestionarea
paginilor, grestionarea postărilor, adăugarea de fi șiere media in pagini și postări, gestionarea
comentariilor, adăugare galerie foto, adăugare me niuri, despre plugins -uri – cele mai utilizate
plugin -uri și modul cum se utilizează – și personalizarea site -ului de la meniul ”Customize” cu
ajutorul căruia se poate vedea orice modificare făcută înainte ca aceasta să fie publicată pe site.
În toate subca pitolele se vorbe ște despre cum sunt utilizate toate aceste meniuri, ce semnifică și
pentru ce sunt folosite.

1
1. GENERALITĂ ȚI

1.1. Istoric al apari ției internetului

Istoria Internetului începe cu anul 1968, când guvernul S.U.A. intenționa să
interconecteze universitățile, departamentele militare și de apărare ale țării, astfel încât ele să
coopereze în cadrul unor proiecte de cercetare comune. Astfel, s -a format o agenție numită
Advanced Research Projects Agency (ARPA). [1]
Acest proiect pune in discu ție faptul că stocarea tuturor informațiilor pe un singur
calculator nu este deloc sigură, motivele fiind că informa țiile se pot pierde destul de ușor în
cazul unei defecțiuni tehnice majore sau ele pot sa fie o țintă vulnerabilă a unor eventuale
atacuri. Metoda de rezolvare a acestei probleme ar fii copierea informa țiilor pe mai multe
calculatoare și distribuirea informațiilor în întreaga țară folosind o rețea de calculatoare.

Figura 1. 1 Transmiterea primului mesaj electronic „Lo”

În 1975, câteva dintre limbajele sau protocoalele pe care calculatoarele le foloseau
pentru a comunica între ele s -au standardizat. Majoritatea universităților importa nte și a
departamentelor de apă rare din S.U.A. s -au legat împreun ă într-o rețea numită DARPANET,
toate calculatoarele folosind acela ș protocol pe care astă zi îl cunoaștem sub denumirea de
TCP/IP. [3] În timp rețeaua a fost înlocuită de mai multe rețele, care astă zi împânzesc globul
pămâ ntesc.
Prima oară mai multe colegii și universități au fost conectate la Internet în anul 1980,
permi țând universităților să -și distribuie informații despre programe, cercetările lor și știri
recente. În scop comercial internetul a fost utilizat abia in a nii 1990.
Astfel internetul se va dezvolta și vor exista mai multe căi de utilizare a informațiilor
transmise prin intermediul acestei gigantice rețele. Astazi, folosirea internetului este utilizată
pentru a trimite scrisori electronice pe întregul glob în doar câteva secunde sau pentru a cauta

2
informa ții despre orice subiect dorit. Expresia „World Wide Web” (WWW) definește o
colecție de documente care se întinde în câteva sute de milioane de calculatoare. [3 ]
Principiul de bază al funcționării Internetului constă în faptul că două sau mai multe
calculatoare pot comunica între ele. Astfel ca acest lucru să fie posibil este nevoie de existen ța
unui „protocol”, care reprezintă un ansamblu de norme ce trebuiesc res pectate de calculatoare,
adică de programele care rulează pe ele, astfel ca sc himbul de date să poată avea loc.
Protocolul TCP/IP este standardul care s -a impus în ceea ce privește Internetul .
De fapt acest nume este un nume comun al famiililor de protocoa le folosit pentru
transferul datelor în re țea. Un calculator conectat la Internet are o adresă, numită adresă IP
(Internet Protocol Address). [5 ] O adresă IP ocupă 4 octe ți și este alcătuită din 4 numere între
0 și 255. Deci transmiterea datelor de la un c alculator la altul se va face prin transmiterea
datelor de la o adresă IP la alta.
Protocolul IP (Internet Protocol) reglementează transmiterea datelor de la o adresă IP
la alta. Datele sunt transmise divizate în pachete. În acest fel, se preîntâmpină mon opolizarea
transmisiei în rețea doar d e către un singur utilizator. [5 ]
Protocolul TCP (Transmission Control Protocol): un progr am TCP va împăr ți
informa ția de transmis în mai multe pachete IP, chiar de la plecare. Aceste pachete se vor
transmite la dista nță prin intermediul rețelelor. Când pachetele ajung la destinație un alt
program TCP asamblează și aranjează în ordinea corectă pachetele IP de date primite. Unele
pachete se pot pierde în momentul transferului datorită unor probleme hardware. De acest
lucru se va ocupa tot protocolul TCP . Astfel, când împachetează datele într -un plic „IP”,
protocolul TCP al expeditorului adaugă și un număr (numit sumă de control) asigurând
destinatarul de faptul că datele primite sunt corecte. Suma de control este recalcu lată de
receptor și comparată cu cea transmisă de emițător. Atunci când ele nu sunt identice
înseamnă că a apărut o eroare în timpul transmisiei , protocolul TCP va anula acel pachet și va
cere retransmisia lui.
Bazele World Wide Web(WWW) au fost puse în 1 989 la Centrul European de
Cercetări Nucleare (CERN) în Geneva (Elveția). Propunerea inițială de creare a unei colecții
de documente având legături între ele a fost făcută de Tim Berners -Lee în martie 1989. [5]
Tim Berners -Lee a propus creare a unei colecț ii de documente datorită problemelor de
comunicare pe care le întâmpinau cercetatorii ce foloseau centrul, chiar și folosind poșta
electronică. În decembrie 1991 a apărut primul server web folosit de Tim Berners -Lee, atunci
făcând și prima lui demonstrație publică. Cercetătorul Marc Andreessen de la centrul
universitar National Center for Super Computing Applications (NCSA) din orașul Urbana –
Champaign din statul federal Illinois, SUA, a realizat prima aplica ție Mosaic, în februarie
1993 continuând astflel s tudiul lui Tim Berners -Lee. [5] Mai apoi WWW -ul a evoluat
ajungând la ceea ce este astăzi, un serviciu integrativ și multimedial, utilizând ca suport fizic
Internetul.

1.2. Site-uri web

Noțiunea site web provine din expresia engleză web site, care înseamnă un grup de
pagini web multimedia care con țin texte, imagini, video, etc. Ele sunt accesibile prin internet
oricui și se conectează între ele prin hiperlinkuri. Site -urile we b sunt realizate de o firmă,
organiza ție, persoană particulară, instituție publică, etc. În limba română no țiunea a apărut
scrisă sub doua forme: sit web sau site, unii sunt de părere că varianta corectă este sait.
Administrarea site -ului implucă realizare a, între ținerea și actualizarea site -ului și este
facută de un a șa-numit webmaster , dar site-ul pot s ă se:
 actualiza automat sau permanent cu ajutorul unor baze de date;

3
 paginile sale s e pot creea în mod dinamic și automat în cadrul unei aplicații
web în func ție de acțiunea utilizatorului;
 web 2.0 – acest tip de site se creează și administrează de utilizatorii săi.
Inițial fiecare site web era accesat prin intermediul adresei sale IP, de ex.
155.284.317.0 37, urmând să se introducă ulterior și numele de domenii, care permit prin
cuvinte sau nume u șor de reținut indicarea adresei respective mult mai usor ( de exemplu
www.google.com ). Fiecare adres ă de site este unică în lume și clar stabilite și garantate pentru
posesorul lor. [5]
În general un site web este alcătuit din mai multe pagini web, o pagină web este un
document ce se creează cu ajutorul limbajului de marcare HTML (Hyper Text Markup
Language) și limbaje de programare ca PHP, ASP, etc. Site -ul este accesibil vizitatorilor prin
intermediul protocolului HTTP, cu ajutorului căruia se transferă informa șii de la server la
browser. O pagină web are o lă țime care încape în întregime pe ecran, purtând denumirea de
pagină web deoarce ea se aseamănă cu o pagină de ziar cînd este afi șată pe un monitor. În
schimb adâncimea poate să fie mult mai mare ca monitorul, fiind u șor de văzut cu ajutorul
mous e-ului, prin "tragere" în sus și în jos a paginii. Site -urile web pot să fie v izualizate pe
orice dispozitiv ( telefoane mobile smart, PDA -uri, tablete, etc) care are o conexiune de
internet și este capabil să afișeze informații prin intermediul protocolului HTTP.
Un site web este alcătuit din mai multe pagini, avâ nd o pagină principală numită
homepage. De la homepage pleacă legături către paginile secundare. Schema și structura site –
urilor sunt diferite de la site la site în func ție de posibilități, dorințe și scopul realizatorului.
Pagina de start a site -ului web este punctul de plecare pentru întregul site web pe care
ofertantul de informa ții o face cunoscută și este în gen eral homepage -ul.
Clasificarea site -urilor web se face după mai mul ți factori dar principalul factor
rămâne con ținutul site -ului web. Din punct de vedere tehnologic un site web poate fi alcătuit
din orice tipuri de date și informa ții statice, efecte speciale, formulare de completat online ,
camere de discu ții, imagini statice și animate, produse și servicii de vânzare, anunțuri, sun ete
digitalizate, clipuri video, meniuri dinamice și multe altele.
Tema unui site poate fii un blog, magazin virtual, catalog web, portal web, bibliotecă,
universitate, bancă, ziar web, revistă web, enciclopedie virtuală, etc. Se pune foarte mult
accentul si pe latura estetică, căreia i se acordă o importan ță deosebită. O atenție deosebită se
acordă și dinamicii, esteticii și atractivității.
În august 1995 existau 18000 de site -uri web cu nume de domeniu unic, publică
Netcraft , o companie de monitorizare a Internetului care produce statistici. Tot ei spun că în
2006 existau 101.435.235 site -uri web. [11]

Figura 1. 2. Modele site -uri web

4

După con ținut site -urile web se pot împăr ții în:
 conținut infografic: prezent ând graficele unor date (ex : graficele vânzărilor de
pe ultimul an);
 conținutul de tip meme: meme -urile reprezintă imagini editate cu textul dorit;
 conținutul propriu -zis de tip text: elementul cheie al unui site sau blog este
textul ce poate fi combinat cu succes împreună cu primele trei tipuri de
conținut;
 conținut video: sunt web site-urilor ce oferă demonstra ții, tutoriale, etc ;
 site-uri de prezentare:
o site-uri personale: ini țial realizate pentru persoanele publice, apoi
folosite și de persoanele care vor să î și împărtășască ideile și gândurile;
o site-uri ce prezintă o afacere: aici intră site -urile companiilor, acestea
dând dovadă de transparen ță și profesionalism. Ele prezintă și dom eniul
de activitate al firmei, portofoliu cu proiectele realizate.

1.3. Despre WordPress

Pentru prima oară WordPress a apărut în 2003 ca precursor al B2/cafelog, fiind utilizat
în acea vreme de 2000 blog -uri. Devoltatorii platformei sunt Matt Mullenweg , Ryan Boren ,
Donncha O Caoimh .[12]
WordPress este cea mai utilizată platformă soft la creearea unui site web sau a unui
blog. Majoritatea site -urilor web con țin și un blog. Fiind un soft gratuit este alegerea numărul
unu al majorită ți scriitrilor, blogărilor, jurnaliștilor,etc. WordPress se orientează atât pe
estetică cât și pe ușurința de folosire a realizării și întreținerii unui site web, mai ales dacă nu
vrei să ai bătăi de cap cu configurarea sau personalizarea sa. În acela ș timp menține si niște
standarde web ridicate.

Figura 1. 3. Selectare temă WordPress

Limbajul utilizat pentru scrierea platformei WordPress este PHP, iar MySQL este folosit
pentru gesti onarea bazelor de date. De asemenea dispune și de un si stem de șabloane scrise în
limbaj HTML și CSS. Cele mai mari avantaje prezentate de WordPress sunt simplitatea și
plugin -urile cu ajutorul cărora se poate modifica func ționalitatea WordPress -ului
trans formandu -l in orice tip de site web dorim. De altfel se poate schimba foarte usor interfa ța
cu ajutorul multitudinii de teme gratuite cu doar un cli ck.

5

Figura 1. 4. Ad ăugare articol WordPress

Pentru utilizarea WordPress -ului trebuie prima oară să îl instalăm. Această instalare se
poate realiza în doua moduri:
1) Prin panoul de gazduire a site -ului
Prin panoul de găzduire al site -ului este cea mai directă cale de instalare a
WordPressului și în acelaș timp reprezintă cea mai bună opțiune. Tot ce trebuie facut este să
porne ști o procedură de instalare a bazei de date și apoi trebuie introdus numele și parola. Prin
procedura de instalare se va crea o bază de date și se vor configura setările care necesită a fii
definite. [8]
Mai jos voi arăta cum se instalează WordPress prin Cpanel fiind cel mai comun panou
de control de gazduire.

Figura 1. 5. Panoul de găz duire al site

6
Se va cauta iconi ța de instalare software. Trebuie selectat apoi WordPress. Pe
următoarea pagină vei introduce informa ții despre noul tău site, prima parte este despre contul
administratorului primar. Trebuie introdusă adersa de mail și ales un username și o parolă.

Figura 1. 6. Iconi ță de instalare software

În ultima parte a paginii de configurare se vor introduce numele site -ului și descrierea.
Această procedură va creea pentru site -ul tău un nou nume de baze de date, dar există și
alternativa sel ectării unei baze de date existente. Aria de admin se găseste la /wp -admin/.

Figura 1. 7. Pagină de configurare Cpanel

7

2) Instalare manuală
Pentru instalarea manuală tre buie să descarci WordPress, să creezi o bază de date, apoi
configurarea fisierului wp -config .php, încărcarea fi șierelor și apoi să pornești instalarea
WordPress. Nu se va insista pe acest tip de instalare deoarce nu prezintă tema acestei
lucrări. [8]

Accesarea backend -ului sau a păr ții de adminisrare
Se va accesa adresa www.siteul -tău.ro/wp -admin din browser -ul tău de internet, unde
se vor introduce user -ul si parola alese în timpul instalării.

Figura 1. 8. Meniu principal WordPress

Meniul principal:
 Dashboard (Panou Control): conține o serie de link -uri pentru a adăuga
pagini, postări, imagini, galerii, fi șiere media. Aici se vor gasi și statistici
despre site, comentarii care trebuie să fie aprobate, fluxuri RSS de la
WordPress, ul timele update -uri disponibile pentru site, temele, modulele
instalate.
 Posts (Articole) : cu ajutorul articolelor avem posibilitatea de populare a site –
ului cu informa ții. Post ările pot con ține aproape orice informație, ele fiind
motivul pentru care există un blog. De asemenea ele sunt cele ce aduc
vizitatori site -ului. Indiferent câtă publicitate faci la site, dacă con ținutul
articolelor nu este atractiv, vizitatorii nu se vor m ai întoarce pe site.
 Media (Fi șiere): aici se găsesc imaginile, înregistrările audio/video, fi șierele
video, într -un cuvânt fi șierele pe care le adaugi și le folosești pe site -ul tău. În
general acestea sunt adăugate și încărcate în timpul unei postari sau realizării
unei pagini. Aici ai posibilitatea de a administra, adica a adăuga, a șterge,
modifica sau vizualiza, fi șierele media.

8
 Links (Legături): aici putem adăuga diverse link -uri pe care utilizatorii le pot
accesa sau vizualiza.
 Pages (Pagini): la fel ca si meniul Posts, cu acest meniu se poate adăuga
conținut pe site. Singura diferen ță este că se folosesc pentru a prezenta
informa ții statice ca „Despre”, „Contact”, „Portofoliu”, „Blog”, etc.
 Comments (Comentarii): utilizatorul are posibilitatea de a r ăspunde la postări.
Cu acest meniu putem controla aceste comentarii: să aprobăm comentariile, să
cenzurăm anumite cuvinte, să respingem comentariile. Aici se vor găsi și
comentariile marcate ca spam.
 Appe arance (Aspect): oferă posibilitatea personalizării site -ului. Se pot selecta
tema site -ului, meniul, widget -urile, antete, fundalul.
 Plugins (Module): de aici se pot instala, modifica, activa modulele. Cu ajutorul
acestora putem de exemplu transforma un site într -un maga zin, putem adăuga
diverse tipuri de meniuri, widget -uri,etc.
 Users (Utilizatori): aici se găsesc to ți utilizatorii înregistrați pe site -ul
dumneavoastră, pute ți schimba nivelul de acces al fiecărui utilizator. Se poate
adăuga, șterge sau modifica utilizato rii sau numai anumite detalii ale acestora.
 Tools (Unelte): putem face update la o nouă versiune de WordPress sau putem
importa/exporta con ținutul site -ului.
 Settings (Setări): aici se găsesc toate setările site -ului, ale blog -ului,
vizibilitatea motoarelo r de căutare, modul în care apare URL -ul, modul în care
utilizatorii interac ționează cu site -ul,etc.

1.4. Logo

Cuvântul logo este prescurtarea cuvântului logogramă, format din logo -„cuvînt” și –
gramă „scriere”. Cu ajutorul unui logo se poate identifica o fir mă, un produs, o organoza ție,
un site,etc. Un logo este un element grafic, compus din una sau mai multe litere sau cifre,
dintr -o imagine sau chiar o combina ție intre litere si imagini. În cazul unui logo pentru o
întreprindere acesta trebuie sa fie usor d e recunoscut și să se identifice cu o caracteristică
pentru întreaga întreprindere.

Figura 1. 9. Logo site mamadefata.ro

Dacă vorbim de contextul legal, un logo este și o marc ă înregistrată a unei firme , a
unui produs , a unui eveniment , a unei organiza ții etc.
Cu ajutorul un ui logo trebuie să eviden țiem s emnifica ția numelui sau activitatea
companiei/ site -ului. Pentru realizarea logo -ului trebuie aplicată formula „KISS” (Keep It
Short (and) Simple), însemnând : ce este simplu se memorează u șor. Logo -urile se realiz ează
cu ajutorul unui program g en Adobe Ph otoshop .[10]

9
Adobe Photoshop este unul dintre cele mai utilizate produse software pentru editarea
de imagini digitale, fotografii, grafică web, etc.

Figura 1. 10. Pagină start Adobe Photoshop

Adobe Photoshop are o interfa ță intuitivă și permite o multitudine de modificări ca:
editări de luminozitate și contrast , culoare , suport de canale de culoare pe 8, 16 sau 32 biți,
focalizare, aplicare de efecte pe imagine sau pe zone (sel ecții), retușare de imagini degradate,
număr arbitrar de canale de culoare, efecte third -party etc. In versunea CS6 este i nclusă
aplica ția ImageReady care conține un set impresionant de instrumente Web pentru a optimiza
și previzualiza imaginiile, pentru a prelucra pachete de imagini cu ajutorul sistemului
Droplets -uri, realizarea imaginilor rollover (sunt acele imagini care î și schimbă aspectul când
treci cu mous e-ul peste ele) și pentru realizarea de GIF -uri. [4]
Prin logo se va transmite poten țialilor clienți și parteneri de afaceri primele impresii
despre serviciile și mărfurile pe care le oferă. Culoare logo -ului poate să transmită optimism,
forță, seriozitate.
La creearea unui logo este vital sa întelegi psiho logia culorilor. Prima oară mintea este
receptivă la stimulul vizual, facând estfel culoarea s ă fie unul din factorii principali, devenind
chiar mai importantă ca și graficul logoului. Majoritatea companiilor apelează la sfatul
designerilor si psihologilor pentru alegerea cu mare aten ție a culorilor, accentuând mai mult
mesajul pe care vor să îl transmită .
Orice culoare, inclusiv negru și alb , influen țează efectele logo -ului. Trebuie să alegem
nuan țele cu atenție până și pentru umbre .
Atrag aten ția culoril e luminoase și îndrăznețe, însă pot fi obositoare. O imagine mai
sofisticată, de bun gust este dată de t onurile discrete, dar pot fi ignorate mai u șor.
Logo-uri multicolore dau rezultate excelente , cum ar fi cele de la Google, logo -ul
Windows sau cel al br andului eBay.
Logo -urile multicolore vor să transmit ă ideea de diversitate, transmit faptul că
companii le oferă o gamă largă de servicii și produse .

10

Figura 1. 11. Logo Google, Microsoft și Ebay

O culoare trebuie să îmbunătă țească și să întărească designul logo -ului, în nici un caz
să îl definească.
„Culorile sunt primele pe care le remarci la un logo, ele sunt primele care ne ajung la
creier. Abia apoi vezi forma logo -ului, semnele, topografia.” – Paula Rupolo [6]
Când realizezi un logo ini țial te concentrezi pe grafică, urmând apoi să setezi culorile
și nuan țele potrivite.
Culoarea portocaliu înseamnă: nu da înapoi, fiind culoarea încre derii în sine, a
curajului, a în drăznelii.
Fiind o culoare ce iese în eviden ță într-o mul țime, transmite sentimentul că nu se teme
să fie în centrul aten ției. Portocaliul este și tineresc, creativ, entuziast.
Marea companie de motociclete Harley -Davidson folose ște portocaliul în logo.
Asocierea portocaliu -negru -alb reprezintă sfidar ea adevărului și dorința de competiție. În
acela ș timp portocaliul este și o culoare prietenoasă și care atrage atenția tinerilor, ca de
exemplu portocaliul sucului Fanta.
Culoarea ro șu semnifică energie, o încărcătură de energie printr -o infuzie de sânge
tânăr. Este o culoare ce poate să crească pulsul spectatorilor, o culoare puternică, dar totodată
caldă, incitantă, sexy sau poate exprima urgen ță. Roșul se folosește atât la indicatorul STOP și
INTERZIS, dar și în dragoste, fiind culoare trandafirilor, a iubirii, a sângelui.
În industria de divertisment această culoare merge foarte bine, de exemplu compania
Niponi realizatoare a jocului Nitendo are un logo cu un font simplu, fară aproape nici o
imagine, dar folosind culoarea ro șu îl scoate în evidență. Și marea companie Coca -Cola
profită de această culoare primitoare care exprimă pozitivism și atașament.

Figura 1. 12. Culori logo Nippon și Coca -Cola

11
1.5. Blog -uri

Termenul de blog a aparut prima oară în anul 1997, atunci când Joh n Berger și-a
denumit site -ul "web log".
Cuvântul blog provine de la expresia englezească web log, care înseamnă jurnal pe
internet. Deci un blog este un text scris, o publica ție web, care va conține articole periodice
care au un con ținut cu caracter personal. Astfel prin actualizarea uni blog se va întelege
adăugarea de noi texte, exact ca într -un jurnal. Toate articolele se vor afi șa în ordine
cronologică inversă, adică cele mai noi articole vor fi afi șate primele. În general acest tip de
articole su nt disponibile publicului larg gratis, dar există și unele contra cost.
Inițial blog -urile se actualizau manual, astăzi în schimb există programe și metode care
automatizează acest proces.
Astăzi sunt cunoscute mai multe platforme pentru blog -uri ca: WordPress (care este
cea mai folosită și cunoscută platformă de blogging), Blogspot , Blogger , etc.
Conform unor studii în februarie 2006 existau în întreaga lume aproximativ 27,2
milioane de blog -uri, comparativ cu august 2005 când existau 8 milioane de blog-uri. Astfel
că în iulie 2011 numărul de blog -uri crescuse la 164 milioane, din acestea 49% fiind în SUA,
iar 29% în Uniunea Europeană. [9]
În România existau aproximativ 12.000 de blog -uri în anul 2012, iar veniturile din
aceste bloguri ajungând la pe ste 600.000 de euro. În ianuarie 2014 numarul de blog -uri cre ște
în România la 70.925, active fiind doar 6.493 de blog -uri. Un blog devine activ dacă a fost
publicat minum un articol/ săptămână. [9]
Conținutul blog -urilor poate să fie un jurnal personal, o campanie publicitară pentru
politicieni, reclame ale anumitor companii comerciale, etc. Blog -urile variază în func ție și de
numarul de autori, poate să fie un singur autor sau o comunitate întreagă.
Un blog poate să devină o sursă importantă de venit pentr u bloggeri cei mai eficen ți
ajungând din administrarea paginilor web să câ știge bani buni. Se fac săptămânal sau zilnic
clasamente cu cele mai vizitate blog -uri, de principalele portaluri ce găzduiesc paginiile
personale, astfel cele mai vizionate blog -uri au posibilitatea să posteze reclame contra cost.
Majoritatea blog -urilor permit vizitatorilor sa răspundă prin comentarii publice, astfel
se va creea o comunitate de cititori centrată în jurul blogu -lui.
Totalitatea blog -urilor și a autorilor de blog -uri a fost denumită „ blogosferă ”. Blog –
urile reprezintă una din numeroasele fa țete ale fenomenului Web 2.0.

Figura 1. 13. Blogger vs. WordPress

12
Tipuri de blog -uri în func ție de conținut:
 blog personal: sunt folosite de persoane ce vor să povestească întâmplări din
viața de zi cu zi, care comenteză subiecte politice sau care apar în presă sa u
care fac interpretări fi lozofice pe anumite teme;
 blog profesional : este folosit de cei ce vor să î și prezinte activitatea lor
profesională. Exemple de blog -uri profesionale sunt: blog politic, blog
jurnalistic, blog fotografic, etc;
 blog corporatist : este vorba de vocea corpora țiilor, în care se prezintă poziția
companiei fa ță de anumite subiecte, noutați și evenimente din cadrul
companiei.
Diferența între site și blog
O diferen ță este faptul că un blog este mai limitat și utilizatorul trebuie sa posteze
săptămânal pentru ca pagina să rămână activă. Astfel un utilizator de weblog spune că: „nu
este nevoie de un întreg site ca să scriu despre ce -am mâncat la micul dejun“. Astfel o altă
diferen ță ar fii cea de conținut, pe un blog se vor găsi și anumite postări scrise din plictiseală.
Pentru a avea un blog nu este nevoie de cuno știnte de web designe, pentru a realiza un blog
cât mai modern.
Un blog este interactiv, având po sibilitatea de interac ționare cu cititorii, astfel cititorii
pot să posteze comentarii cu privire la tema dată, iar administratorul blog -ului poate să
transmită un răspuns la comentarii print -un feed -back.
Blog-ul este mult mai usor de folosit și de utiliz at decât un site. Un site este un set de
pagini informa ționale care au carcter static. Un site se foloseste pentru prezentarea firmelor și
companiilor, pentru vânzarea de produse, ca motoare de c ăutare, etc.
Dar, unui site web poate să i se ata șeze cu ușur ință un blog, asta făcând vizitatorii și
motoarele de căutare să aprecieze mai mult site -ul.

2. PREZENTAREA SITE -ULUI

2.1. Structura pentru utilizator

Site-ul mamadefata.ro este un site realizat cu ajutorul platformei WordPress, folosind
una dintre cele mai noi teme ale lor Twenty Seventeen, fiind un site modern și un aspect
plăcut.

Figura 2. 1. Prima pagină a site -ului mamadefata.ro

13

Site-ul include galerii de imagini, blog -ul, formular de contact, un motor de c ăutare.
Pentru administrator site -ul con ține editorul special pentru fie care sec țiune a site -ului. Dar să
nu uităm ca platoforma site -ului este felxibilă putând adăuga func ționalități noi în site fără a
avea limitări tehnice.
Astfel, site -ul mamadefata.ro are mai multe sec țiuni care vor atr age aten ția
vizitatorului. Aceste sec țiuni sunt :
 Home – în această sec țiune se găsește pagina Home Page cu informații
generale despre site și de unde utilizatorul î și poate face o idee despre
infor mațiile conținute pe acest site;
 Despre noi – secțiunea cu informații despre fiecare membru al familiei ș i
contribu ția lui la acest site;
 Diversificare – locul unde pute ți afla informații despre modul de diversificare
al bebelu șului ales;
 Rețete – este sec țiunea specială dedicată rețetelor culinare pentru bebelu și
începând de la vârsta de 7 lun i și continuând până în prezent;
 Blog – locul unde se găsesc articole despre via ța înainte de a avea un copil,
complica țiile si nout ățiile pe care le aduce o sarcină, cât și viața după apariția
unui copil;
 Gale rie – aici se găsesc poze atât cu bebe pe parcursul celor 9 luni cât și cu
rețetele culinare de pe blog;
 Contact – formularul de contact cu care utilizatorii pot să ne contacteze și să ne
împărta șască experiența lor.
Cel mai important pentru un utilizator este u șurința de navigare și ușurința cu care pot
găsi informa ții pe site. Pentru a ușura acest lucru site -ul are un meniu simplu ce permite
navigare rapidă și în secțiunea blog există posibilitatea căutării în conținut.
În blog se vor adăuga și găsi arti cole sortate în ordine cronologică, pe diverse
categorii. Acesta este utilizat pentru pagini de genul Rețete, Diversificare, Blog. Fiecare
articol va avea etichete ata șate, asa numitele tag -uri, care vor permite o mai bună organizare a
articolelor dar și o navigare mai ușoară pentru utilizatori. Arhiva de articole din blog permite
navigarea după data publicării.
Site-ul poate fii nav igat cu o interfa ță adecvată chiar pe telefonul mobil.
Exemple de pagini:
– nouta ți blog: http://mamadefata.ro/blog/
– galerie foto: http://mamadefata.ro/galerie/
– contact: http://mamadefata.ro/contact/

Site-ul mai con ține pe lângă meniul principal și un meniu secundar, numit Social
Links Meniu, de unde utilizatorul poate accesa direct pagina noastră de Facebook, Instagr am,
Twitter sau poate să ne trimită un mail.

Figura 2. 2 Social Links Meniu

14
2.2. Structura pentru administrator

Administratorii site -ului pot accesa site -ul pe:
 http://mamadefata.r o/wp -admin

Momentan site -ul de ține un singur utilizator, dar site -ul dispune de un si stem ce
permite ad ăugarea de noi utilizatori, având posibilitatea de definire a drepturilor acestora în
cel mai mic detaliu (Roles: Subscriber, Contributor, Author, Editor, Administrato r-
SuperAdmin ). Editarea informa țiilor și ad ăugarea de noi utilizatori se va face de la meniul
“Users/ Add New”.

Figura 2. 3 Adăugare Utiliz ator nou

Roles [12]:
 SuperAdmin or Administrator – are acces la administrarea totala a site -ului,
deținând toate drepturile, astfel drepturile disponibile numai pentru ei sunt:
o create_sites
o delete_sites
o manage_network
o manage_sites
o manage_network_users
o manage_network_plugins
o manage_network_themes
o manage_network_options
o activate_plugins
o delete_others_pages
o delete_others_posts
o delete_pages
o delete_posts
o delete_private_pages
o delete_private_posts
o delete_published_pages
o delete_published_posts

15
o edit_dashboard
o edit_others_pages
o edit_others_posts
o edit_pages
o edit_posts
o edit_private_pages
o edit_private_posts
o edit_published_pages
o edit_published_posts
o edit_theme_options
o export
o import
o list_users
o manage_categories
o manage_links
o manage_options
o moderate_comments
o promote_users
o publish_pages
o publish_posts
o read_private_pages
o read_p rivate_posts
o read
o remove_users
o switch_themes
o upload_files
o customize
o delete_site
o update_core
o update_plugins
o update_themes
o install_plugins
o install_themes
o upload_plugins
o upload_themes
o delete_themes
o delete_plugins
o edit_plugins
o edit_themes
o edit_files
o edit_users
o create_users
o delete_users
o unfiltered_html
În cazul instalării unui singur site WordPress, Administratorii sunt defapt
Super Admins. Un Administrator are acces la toate func țiile administrative ale
unui singur site.
Atunci când se instalează pentru prima oară WordPress -ul este creat în mod
automat un cont de Administrator.

16
 Editor – acesta poate s ă publice și să administreze post ările, inclusiv post ările
altor Utilizatori. Drepturile lor sunt:
o delete_others_pages
o delete_others_posts
o delete_pages
o delete_posts
o delete_private_pages
o delete_private_posts
o delete_published_pages
o delete_published_posts
o edit_others_pages
o edit_others_posts
o edit_pages
o edit_posts
o edit_private_pages
o edit_private_posts
o edit_published_pages
o edit_published_posts
o manage_categories
o manage_links
o moderate_comments
o publish_pages
o publish_posts
o read
o read_private_pages
o read_private_posts
o unfiltered_html (not with Multisite. See Unfiltered MU &RemoveKses )
o upload_files
 Author – aceea persoană ce poate să î și publice și să iși administreze propriile
postări. Drepturile lor sunt:
o delete_posts
o delete_published_posts
o edit_posts
o edit_published_posts
o publish_posts
o read
o upload_files
 Contributor – persoana care poate să î și scrie și să își administreze propriile
postări dar nu și le poate publica. Drepturile lor sunt:
o delete_posts
o edit_posts
o read
 Subscriber – cineva care poate doar să î și administreze propriul profil.
Drepturile lor sunt:
o read
Fiecare parolă poate să fie recuperate în cazul în care utilizatorii î și uită parola. O nouă
parolă va fi trimisă, în mod automat, pe adresa de email configurată în profilul contului său.
Odată autentificat administratorul î și poate modifica datele persoanle: nume, adres ă de
email, parolă. Administratorii pot ad ăuga și șterge membrii sau pot edita drepturi, at ât din
Meniul principal/ Users/ All users sau cu ajutorul Plugins -urilor, ca de exemplu: User Role
Editor.

17

Figura 2. 4. Plugin User Role Edito r

Pentru a modifica datele despre site intrăm la Dashboard/ Settings/ General. Avem
următoarele op țiuni:
 Site title – titlul site -ului;
 Tagline – alegerea sloganului , este o scurtă descriere a site -ului;
 WordPress Address (URL) – adresa de mail unde este instalat directorul
WordPress;
 Site Address (URL) – introduce ți altă adresa de mail dacă doriți ca pagina de
pornire a site -ului să fie diferită de directorul de instalare WordPress;
 Email Adress – această adresă este utilizată în scopuri de administrare, cum ar
fi notificarea noilor utilizatori;
 Membership – prin bifarea c ăsuțe oricine se poate înregistra;
 New User Default Role – se poate selecta rolul implicit ce o să îl aibă un nou
utilizator creat;
 Site Language – selecta ți limba în care vreți să fie afișat panoul de
administrare;
 Timezone – alegerea fusului orar;
 Data Format – alegerea formatului de afi șare a datei (acest format se va afi șa
în postări în blog);
 Time Format – alegerea formatului de afi șare a orei (acest format se va afi șa
în postări în blog);
 Week Starts On – alegerea zilei cu care va începe săptămâna (este important la
widget -ul ”Calendar”).

Pentru a salva mo dificările apăsa ți butonul ”Save Changes”.

18

Figura 2. 5. General settings

2.3. Modul de gestionare a site -ului

WordPress este un produs usor d e folosit, flexibil și puternic. Realizarea unui site și
menținerea lui, este o artă și o știință ce au evoluat rapid.
Pentru gestionarea site -ului trebuie prima oara să ne autentificăm . Autentificarea se
face la adresa:
– http://mamadefata.ro/wp -admin

19

Figura 2. 6. Formular de autentificare

2.3.1. Alegerea t emei
Temele WordPress sunt o colec ție de fișiere ce lucrează împrună ca să realizeze o
interfa ță grafică, aceste fișiere se numesc template files. Cu ajutorul unei teme poți modifica
modul de afi șare a site -ul fără a modifica software -ul de bază.
În directorul Theme se găsesc temele disponibile pentru instalare, care pot fii căutate
dupa tip și stil, având posibilitatea de a vedea un demo al fiecărei temei.
Odată cu instalarea WordPress -ului vom avea câteva teme predefinite: Twenty
Seventeen theme, Twenty Fifteen theme, Twenty Sixteen theme. Temele se pot schimba sau
adăuga din meniul princ ipal: Dashboard / Appearance/ Themes.

Figura 2. 7. Selectarea temei Twenty Seventeen

Există mai multe modalit ăți de adăugare a unei teme: din meniul principal, cu ajutorul
cPanel -ului sau adăugarea temelor manual.
Adăugarea unei noi teme folosind meniul principal (Dashboard):
a. Logarea în WordPress AdministrationPanels ;
b. Selecta ți meniul Appearance , apoi Themes ;
c. Selecta ți Add New ;
d. Folosi ți butonul search sau filtrare pentru a găsi tema dorită ;

20
e. Pentru a previzualiza tema apăsa ți butonul Preview , iar pentru a instala tema
butonul InstallNow.
Pentru a selecta o tem ă pentru site:
a. Logarea în WordPress AdministrationPanel;
b. Selecta ți meniul Appearance , apoi Themes ;
c. Din meniul Themes căuta ți tema dorita, mai multe informații despre tema
respectivă se găsesc dând click pe Theme Details ;
d. O previzualizare live a temei, utilizând con ținutul site -ului, se poate face prin
click pe Live Preview ;
e. Pentru activarea temei selecta ți butonul Activa te.
În cazul nostru site -ul dispune de tema Twenty Seventeen.

2.3.2. Gestionarea pagini lor
Pentru a adăuga con ținut în WordPress există doua variante : ca pagini sau ca p ostări.
Postarile fac parte din blog, fiind aranjate în mod cronologic. În schimb paginile s unt pentru
conținut non -ierarhic, de exemplu pagini ca “Despre” sau “Contact” . Paginile sunt în afara
cronologiei obi șnuite a blog -ului și sunt utilizate pentru a prezenta informații atemporale
despre site, informa ții ce sunt mereu relevante . Paginile se v or utiliza pentru a organiza și
gestiona structura site -ului. Cu ajutorul paginilor vom realiza meniul site -ului.
Ce sunt paginile:
 Paginile au con ținut ce nu depinde de or ă;
 Paginile pot fii organizate îin pagini și subpagini;
 Paginile pot utiliza diferite șabloane de pagini, inclusiv fișiere șablon, etichete
șablon și alte coduri PHP;
 Se poate realiza un site, în WordPress, care poate con ține numai pagini , nu
trebuie să con țină și postari ;
 Unei pagini nu i se paote asocia o Categorie, asa cum i se face unei postări;
 O pagină poate s ă fie setat ă ca Static Front Page.

Pentru a creea o P agină intra ți în Dashboard/ Pages/ Add New. Trebuie completate
câmpurile: titlul paginii, con ținutul paginii, dac ă se doreste se poate pune o poză de prezentare
a pag inii de la ”Featuread Image”.

21
Figura 2. 8. Agăugar ea unei noi Pagin i

Pentr u a vizualiza o listă cu toate P aginile merg eți la Dashboard/ Pages/ All Pages. De
aici Administratorul poate vizualiza, edita sau șterge paginile. Există și o funcție de editare
rapidă a paginilor.

Figura 2. 9. Editare rapidă a paginilor

Pentru o mai bună organizare, putem face , așa cum există Subcategorii la Categorii,
subpagini la pagini. Asa p utem creea o hartă a site-ului.
Adăugarea unei Pagini/Subpagini:
a. Merge ți în Dashboard/ Pages/ Add New;
b. Adăuga ți un titlu Paginii/Subpaginii;
c. Adăugați conținutul dorit al Paginii/Subpaginii;
d. Pentru SubPagini – în meniul din dreapta face ți click pe "Parent", unde veți
găsi o lis tă cu toate paginile deja create pe site, alege ți pagina parinte. De la
”Order” vom specifica pozi ția subpaginii ;
e. Pentru publicare face ți click pe ”Publish” .
Fiecarei pagini i se va atribui un Permalink (Cale) ce se genereaza în mod automat în
funcție de t itlu sau poate fii modificată dup ă preferin țe, de exemplu la o subpagin ă Permalink –
ul va arat ă așa: http://mamadefata.ro/diversificare/div/
Editarea textului se poate face cu Visual Editor sau Text Ed itor (utilizând HTML).

Visual Editor
Acesta ofer ă un editor de con ținut semi-WYSIWYG (What You See is What You
Get) care permite ușoara crearea, editarea și formarea a unei post ări similare unui procesor de
text. Acesta este modul implicit de editare pentru WordPress.

Figura 2. 10. Editor de text Visual

Editorul are dou ă rânduri de icoane, se poate afla ce face și înseamnă fiecare icoan ă
trecând cu mouse -ul peste ele :
a. Style – diferite stiluri de formatare;
b. Bold – text îngroșat;
c. Italic – text înclinat;
d. Listă neordonată (puncte);
e. Listă ordonată (cifre);
f. Blockquote – afișarea textului din citate;

22
g. Aliniere la dreapta;
h. Aliniere central;
i. Aliniere la stânga;
j. Inserare/Editare link -uri;
k. Eliminare link -uri;
l. Inserare Read More tag;
m. Toolbar Toggle (permite editarea celui de -al doilea rând de icoane);
n. Scris tăiat;
o. Linie orizontală;
p. Culoare text – schimbă culoarea textului;
q. Lipirea unui text (Paste) ;
r. Ștergere format (Clear) ;
s. Inserare caractere speciale text;
t. Outdent – mutare text la st ânga;
u. Indent – mutare text la dreapta;
v. Undo – anuleaz ă ultima ac țiune;
w. Redo – reface ultima ac țiune;
x. Ajutor – aici găsi ți informații despre editor, inclusiv comenzile rapide de la
tastatura.

Figura 2. 11. Comenz ile rapide de la tastatur ă

Într-o postare se pot insera imagini, slide -uri, documente arhivate :
 Add Media – inserarea fi șierelor media: poze, fișiere audio, fișiere video,
documente de diferite tipuri, fi șiere arhivate Zip;
 Add Slider – adăugarea unui slider;
 Add Docu ment – adăugarea de fi șiere arhivate.

O pagină web poate să fie statică sau dinamică. Paginile statice sunt cele create odată
și nu trebuie să fie regenerate de fiecare dată când o persoană vizitează pagina. Un exemplu
de pagină statică este un document H TML. În schimb, paginile dinamice, cum ar fi cele create
cu WordPress, trebuie să fie regenerate de fiecare dată când sunt vizualizate. Acestea
utilizează un cod extensiv PHP care este evaluat de fiecare dată când pagina este vizitată, iar
conținutul este astfel generat la fiecare vizită nouă. În WordPress totul este generat dinamic,
inclusiv paginile.

23
2.3.3. Gestionarea p ostări lor
Postările sunt intrări care se afi șează în ordine inversă pe pagina dumneavoastră de
pornire, astfel ele formând un Blog. Mesajele de obicei con țin câmpuri de comentarii sub ele
și sunt incluse în feed -ul RSS al site -ului dvs.
Adăugarea unei Postări:
a. Merge ți în Dashboard/ Posts/ Add New;
b. Adăuga ți un titlu Postării;
c. Adăugați conținutul dorit al Postării;
d. Selecta ți o categorie, adăuga ții tag -urile dorite;
e. Pentru publicare face ți click pe ”Publish”.

Figura 2. 12. Adăugare postare

Editarea textului se poate face cu Visual Editor sau Text Editor (utilizând HTML),
fiind identic ca cel al pagi nilor (vezi capitolul 2.3.2 – Gestionarea p aginilo r –paragraful
Visual Editor).
Descriere câmpurilor unei postări:
a. Titlul – titlul postării. Pute ți folosi fraze, cuvinte sau caractere, dar evitați să
folosi ți acelaș titlu de doua ori. Puteți utiliza virgu le, apostrofuri, citate,
cratime și alte simboluri tipice în postare. WordPress va cur ăța apoi pentru a
genera un user -friendly și URL – nume valid al postării (numit și "post slug")
pentru a compune permalink -ul postării .

24
b. Corpul post ării – idem pagini .
c. Preview button – posibilitatea previzualizării postării înainte de a fi publicată .
d. Publish box – publică postările pe site. Pute ți edita data când este publicată
postarea pe site. Există posibilitatea parolării postării, de la butonul Visibility ,
astfel încât să nu fie vizibilă vizitarorilor, fiind vizibilă doar administratorilor .
e. Permalink – Fiecarei postări i se va atribui un Permalink (Cale) ce se genereaz ă
în mod automat în func ție de titlu sau poate fii modificată dupa preferințe și
data publicării, de exemplu Permalink -ul va ar ăta a șa:
http://mamadefata.ro/2017/05/16/pancakes -cu-banane/
f. Sale (salvare) – permite salvarea postării ca o schi ță fără să o publice. Pentru a
reveni la o sc hiță mergeți la Posts/ Edit și selectați postarea dorită;
g. Format – cu acesta pute ți personaliza prezentarea unei postări. Ea are o listă
standardizată de formate:
 Standard – nici un format nu este specificat;
 Aside – tipic, fără titlu. Exemplu: ca o actualizare de pe Facebook;
 Image – o singură imagine;
 Video – un singur video sau playlist video;
 Quote – un citat;
 Link – un link către un alt site;
 Gallery – o galerie de imagini ;
 Audio – un fi șier audio sau un playlist. Ar putea fi folosit pentru
Podcasting.
h. Post tags (Etichete) – Etichetele reprezintă cuvintele cheie pe care le pute ți
aloca fiecărei postări. Nu trebuie confundat cu categoriile, etichetele nu au o
ierarhie, ceea ce înseamnă că nu există nici o rela ție de la o etichetă la alta. Se
referă la micro -categorii pentru blog, similar cu includerea intrărilor de index
pentru o pagină. La fel ca si categoriile, etichetele sunt afi șate sub postare
pentru tema Twenty Seventeen. Postările cu etichete similare sunt legate
împreună când un utiliza tor face click pe una dintre etichete. Adăuga ți etichete
noi la postare introducând eticheta în casetă și făcând click pe "A dd". Puteți
edita etichetele la Dashboard/ Posts/ Tags.

Figura 2. 13. Editare etichete postări

i. Categories (Categorii) – Postările în WordPress sunt clasificate în categorii. În
general un bloger are în jur de 7 -10 categorii pentru con ținutul blog -ului.
Fiecărei categorii i se poate atribui o categorie p ărinte astfel încât să pute ți

25
configura o ierarh ie în cadrul structurii categoriei. Numele fiecărei categorii
trebuie sa fie unic. În cazul temei Twenty Seventeen categoriile din care face
parte o postare vor fii afi șate sub fiecare postare. Astfel d ând click pe această
categorie se va deschide o arhivă cu toate postările din categoria respectivă.
Pentru a ad ăuga categorii trebuie să merge ți la Dashboard/ Posts/ Categories.
Puteți adăuga, edita sau șterge categorii, categoriile fiind vizualizate în mod
cronologic.

Figura 2. 14. Editare categorii postări

j. Featured Image – Imaginile recomandate (numite Post Thumbnails) sunt
imagini care reprezintă o postare individuală, o pagină sau o postare
particularizată.

2.3.4. Adăugarea fi șiere media în pagini și postări
Odată cu creearea unei pagini sau a unei postări putem insera în ea diferite tipuri de
media, în orice moment, utilizând instrumentul ”Add Media „.
Fișierele media pot fi:
 Imagini
 Audio
 Video
 Documente
Pașii de in serare a fișierelor media sunt:
1. Plasarea cursorului
Pentru a insera fi șierelor media în pagini sau postări prima oară trebuie sa plasa ți
cursorul mouse -ul acolo unde dori ți să fie inserat fișierul în conținutul postarii/paginii. Astfel
fișierul media va fii aliniat cu con ținutul post ării/paginii , dacă dori ți ca fișierul s ă apară singur
plasa ți cursorul mouse -ul pe un rând necompletat.

Figura 2. 15. Inserare fi șier media – plasare cursor

26
2. Apăsa ți butonul Add Media
După ce a ți plasat cursorul în locul unde dori ți să fi e inserat fi șierul media, apăsați
butonul ”Add Media ” pentru a lansa interfa ța de încărcare media, apoi selectați opțiunea
”Insert Media ” din lista din partea stângă a ferestrei de încărcare media.

Figura 2. 16. Inserare fișier media – Add media

3. Adăuga ți sau selectati fișierul
Fișierul media dorit se poate înc ărca sau selecta alegând una din urm ătoarele op țiuni:
 Upload Files: Încărcarea fi șierelor care doresc să fie utilizate de pe calculator
prin selectarea lor în fi șierul de înc ărcare.
 Media Library: Selectarea fi șierului media din fișierele media dej a încarcate în
biblioteca media, printr -un click pe fi șierele dorite să fie încarcate în posatre/
pagină.

Figura 2. 17. Inserare fi șier media cu Media Library

4. Adăugare detalii
Odată cu selectarea fi șierului media dorit, în partea dreaptă vor apărea detaliile
atașamentului: o mică previzualizare sau o pictogramă, informa ții cum ar fi numele fișierului,
data încărcată și dimensiunile în pixeli pentru fi șierele imagine sau lungimea fișierelor audio /
video.
Detalii fi șier media:
 Titlul – numele fi șierului media;
 Legendă – este o scurtă explica ție ce va fii afișată sub imagine;
 Altelnartiv text – text pentru a descrie fișierul media;
 Descriere – o explica ție despre fișierul atașat;
 Alinierea – alinierea fi șierului (stânga, dreapta, central sau fără
aliniere);
 Link To – Media File, Attachment Page, Custom URL, fără;
 Link URL al fi șierului;
Mărimea – mărimea fi șierului media.

27

Figura 2. 18. Inserare fi șier media – Detalii fi șier media

În cazul imaginilor există și comenzi ca editare imagine, ștergere permanentă
(ștergerea imaginii de pe site).
Fișierele audio și video au variante de inserar e în loc de op țiunile aliniere, link și
mărimea.
5. Inserare media
În momentul în care ave ți completate detaliile fișierului de inserat apăsați butonul
Insert into post sau Insert into page , ce se află în partea din dreapta jos a ferestrei. Dup ă
închiderea f erestrei vre ți vedea fișierul inserat în fereastra de editare.

2.3.5. Comentarii
Prin comentarii vizitatorii site -ului pot să aibă o discu ție cu cel ce scrie articolele sau
chiar între ei. Odată activate comentariile într -o pagină sau postare, WordPress va insera o
caseta text unde vizitatorii pot să î și lase comentariile. Pentru a apărea sub postare prima oară
comentariul trebuie aprobat.

Figura 2. 19. Insera re comantarii

28
Pentru a vedea rapid starea comentariilor de pe site merge ți în Dashboard/Comments.
Odată logat în cont ve ți vedea în Dashboard statusul comentariilor noi. Pentru a modifica un
comentariu plasa ți mouse -ul peste comentariu. Din "Activitate – Comentarii" pute ți să
aproba ți, să răspundeți, să modificați, să marcați ca spam sau să eliminați comentariile. Dacă
în bara de administrare la Commments apare un numar acesta reprezintă numărul de
comentarii în a șteptare care necesită atenția dumneavoastr ă.

Figura 2. 20. Gestionare comentarii

2.3.6. Galerie foto
Puteți vizualiza galeria site -ului la adresa: http://mamadefata.ro/galerie/
Galeria este realizată cu Plugin -ul Meta Slider .
Vezi detalii la capitolul 2.3.11. Plugins.

2.3.7. Pagină c ontact
Puteți vizualiza pagina de contact a site -ului la adresa: http://mamadefata.ro/contact/
Galeria este realizată cu Plugin -ul Contact Form 7.
Vezi detalii la capitolul 2.3.11. Plugins.

2.3.8. Agăugare meniu
Pentru adăugare meniu m ergeți la Dashboard/Appe arance/Menus /Edit Menus . Cu
ajutorul ajutorul acestei func ții un utilizator poate să creeze un meniu de navigare personalizat
diferit de cel implicit al t emei.

Creare Meniu
Pentru a face un nou meniu click pe link -ul ”Create a new menu”, da ți un nume
meniului și apăsați butonul ”Create Menu”.
Dacă tema nu suporta un meniu, ve ți putea realiza un meniu cu ajutorul wighet -ului
”Custom Meniu”, adăugând astfel un meniu in bara laterală (sidebar).
Se vor creea două meniuri: un meniu principal (Meniu pincipal) și un meniu secundar
(Social Links Meniu).
Odată creat meniul avem următorele op țiuni disponibile (în partea de jos a ferestrei):
 Automatically add new top -level pages to this menu – adaugă automat orice
pagină nou creată la meniu;

29
 Display locations – dacă sunt mai multe meniuri trebuie selectată loca ția
meniului;
 Delete Menu – prin click pe buton ștergeți meniul;
 Save menu – prin click pe buton salva ți meni ul.

Figura 2. 21. Editare meniu

După ce un meniu este creat se pot adăuga , din coloana din stânga, pagini, postări,
link-uri, categorii în meniu. Pentru a fii adăugate selecta ți articolele dorite și butonul ”Add to
menu”.
După ce articolele au fost adăugate la un meniu, glisa ți și fixați -le (drag and drop)
pentru a le pune în ordinea dorită. De asemenea, pute ți să faceți click pe fiecare element
pentru a dezvălui op țiuni suplimentare de configurare. Puteți glisa un element de meniu pu țin
în dreapta pentru a crea un submeniu, pentru a crea meniuri cu ierarhie. După ce a ți terminat
de realizat meniul personalizat, asigura ți-vă că face ți clic k pe butonul ”save Menu”(Salvare
meniu).
Odată ce articolele sunt adăugate în meniu ele pot să fie oricând rearanjate. Plasând
cursorul mouse -ului peste tit lul articolului de meniu, când cursorul mouse -ului se schimbă pe

30
cele patru săge ți, țineți apăsat butonul stânga al mouse -ului, trage ți articolul în locul în care
doriți să-l plasa ți, apo i elibera ți butonul mouse -ului. Re țineți că puteți trage un element d in
meniu u șor în partea dreaptă sub un alt element din meniu pentru a crea o rela ție de ierarhie
(părinte / copil) în meniu.
Din fereastra Menus putem grestiona loca ția meniurilor de la Manage Locations .

Figura 2. 22. Gestionare l ocație meniuri

Tema Twenty Seventeen suportă doua loca ți pentru meniuri: Top Menu, adica meniul
principal care se află în partea de sus a site -ului și Social Links Menu, aflat în p artea de jos a
site-ului și format din link -urile sociale ca Facebook, Instagram, Twitter, Mail, etc.
Pentru a confirma aspectul meniului trebuie să deschide ți site -ul. Prin Cuztomize
(meniu personalizare) puteți vizualiza în timp real plasarea meniului: Dashboard/ Appearance/
Customize.

2.3.9. Plugins
Cu ajutorul plugin -urilor putem să extindem și să adăugăm funcționalit ăți ce există
deja în WordPress. Plugin -urile oferă func ții personalizate și carcateristici, astfel fiecare
utilizator poate să î și adapteze site -ul la nevoile sale.
Figura 2. 23. Adăugare Plugins

31
Instalarea de noi plugin -uri se face:
a. Mergi la Dashboard/ Plugins/ Add New;
b. În căsuța de ”Search ” din dreapta sus caută plugin -ul dorit;
c. Click pe butonul ”Instal Now ”( instalare acum);
d. Apoi apasă butonul ”Activate ”(Activare).
Atunci când un update este disponibil pentru un plugin, o să apară în Dashbord o
avertizare c ă este un nou update disponibil , cât și în meniul Plugins, list ă plugin uri.

Plugin -ul Contact Form 7
Pentru realizarea unei pagini de contact am utilizat plugin -ul Contact Form 7, care
poate gestiona multiple formulare de contact.

Figura 2. 24. Adăugare contact – Contact Form 7

Pentru a adăuga un nou contact:
a. Mergem la Da shboard/ Contact/ Contact Form/ Add new;
b. Adăuga ți numele formularului de contact în căsuța pentru titlu , titlu este
folosit doar pentru scop administrativ deci se poate folosi orice titlu dorim ;
c. Sub titlu se g ăsește shortcod -ul ce se generaz ă în mod automa t pentru fiecare
formular în parte;
d. Merge ți la câmpul ”Mail ” și completa ți câmpurile cu datele dumneavoastr ă;
e. Merge ți la câmpul ”Messages ” și completa ți câmpurile cu mesajele utilizate în
diverse situa ții;
f. Apăsa ți butonul ”Save” pentru a salva formularul de contact;
g. Copiază shortcod -ul în pagina de contact creat ă, pentru a afi șa formularul de
contact creat.

Figura 2. 25. Pagin ă de contact

32

Plugin -ul Meta Slider
Este cel mai popular plugin pentru slid er-uri din WorPress. Este u șor și rapid de
utilizat.

Figura 2. 26. Adăugare slider

Adăugarea unui slider:
a. Merge ți la Dashboard/ Meta Slider;
b. Apăsa ți butonul din dreapta sus ”+” și scrieți denumire slider -ului;
c. Apăsa ți butonul ”Add slide ” și selecta ți imaginile din galerie sau încărcați
unele noi , click butonul ”Add to Slider ”;
d. Completa ți câmpul ”Caption ”, este descrierea ce va apărea la fiecare imagine
în parte atunci când vizualizăm slider -ul;
e. În partea dreaptă a veți posibili tatea să personaliza ți sliderul: să alege ți dintre 4
tipuri de slideshow -uri (Flex Slider, Slider Nivo, R.Slide și Coin Slider) ,
dimensiunile slider -ului, efectele, tipul navigarii (tip puncte sau ascunse),
timpul de anima ție, etc ;
f. Apăsa ți butonul ”Save” pentru a salva formularul de contact;
g. Copiază shortcod -ul în pagina /postarea dorită, pentru a afi șa slider -ul creat.

Figura 2. 27. Slider

33
Plugin -ul WP Easy Gallery
WP Easy Gallery este cel mai bun plugin gratuit pentru galeri e în WordPress. WP
Easy Gallery vă permite să crea ți și să gestionați cu ușurință mai multe galerii foto printr -o
interfa ță simplă de administrat. Afișarea rapidă a imaginilor în mesajele sau paginile
WordPress este extrem de u șoară cu ajutorul Galeriei WP Easy.

Figura 2. 28. Adăugare galerie

Adăugarea unei noi galerii:
a. Merge ți în Dashboard/ WP Easy Gallery/Add Gallery;
b. Completa ți numele, descrierea galeriei, dimensiunile acesteia și alegeți o
imagine ce va reprezenta galeria. Pentru a modifica set ările galeriei merge ți la
Dashboard/ WP Easy Gallery/Edit;
c. Merge ți apoi în Dashboard/ WP Easy Gallery/Add Images și selectați galeria
dorită pentru editare;
d. Cu ajutorul butonului ”Upload Image” încărca ți fiecare poză în parte fie prin
încărcarea fi șierelor din calculator, folosirea unui URL sau folosirea fi șierelor
deja aflate in ”Galeria media ”. Se completează titlul pozei (a cesta va apărea în
galeria de i magini), selecta ți mărimea dorită și aliniamentul, apăsați butonul
”File URL” și apoi insera ți imagnea în posatre cu un click pe butonul ”Insert
into post”;

Figura 2. 29. Adăugare imagini în galerie

34

e. După încărcarea fi șierelor dorite, pentru a salva galeria apăs ăm butonul ”Save
Changes”;
f. Copiază shortcod -ul (aflat la Dashboard/ WP Easy Gallery/ WP Easy Gallery)
îin pagina ”Galerie ”, pentru a afi șa galeri a de imagini.

Figura 2. 30. Shortcod -ul galeriilor create

2.3.10. Customiz e
Personalizarea site -ului se poate face din ”Customize Screen ”(ecranul de
personalizare) din Dashboard/ Apperance/ Customize. Un utilizator are posibilitatea de a
schimba anumite carcateristici ale temei cum ar fi logo, culoarea, antetul ( header), meniul ,
alegerea paginii principale, ad ăugare cod CSS, adăugare widgets -uri.
Cu ajutorului ecranului ”Customize ” putem vedea modificările realizate pe site înainte
ca acestea să fie publi cate într-un format de previzualizare live . De asemenea, pute ți naviga la
diferite pagini de pe site pentru a le previzualiza. Butoanele de previzualizare pentru
dispozitivul dorit se află în stânga în partea de jos a ecranului ”Customize ”. Afișează modul
în care site -ul arată în contexte pentru dispozitive mobile, tablete și desktop înainte de a
efectua modificări privind aspectul acestuia.

Figura 2. 31. Customiz e Screen

35
2.3.10.1. Site Identity

Cu acest meniu pute ți modifica anumite informații de bază ale site -ului:
 Logo – logo-ul site -ului este imagin ea ce reprezintă simbolul site -ului. Pentru a
alege logo fac ți clik pe ”Select Logo” și se va deschide Media Library.
Selecta ți o imagine deja existent ă sau încărca ți una nouă și apăsați butonu l
”Choose logo” din partea de jos a coloanei. Pentru a șterge s au modifica logo –
ul folosi ți butoanele ”Click Remove” or ”Change logo”;
 Site Title – de aici pute ți modifica numele site -ului;
 Tagline – sloganul site -ului se poate modifica de aici;
 Display Site title and tagline – bifați caseta pentru a activa sau a ascunde
afișarea titlului și sloganului;
 Site Icon – este imaginea ce se folose ște ca icon pentru browser . Icon-ul
trebuie să fie pătrate și de cel mult 512 pixeli lățime și înălțime. Pentru a
adăuga icon -ul apăsa ți butonul ”Select Image” de unde puteți ad ăuga o imagine
deja existentă în galerie sau să încărca ți o nouă imagine.

Figura 2. 32. Customiz e – Site Identity

2.3.10.2. Colors

Meniul de culori permite personalizarea culorii site -ului, a titlului și a fundalului afișat
de temă, etc. Pentru tema Twenty Seventeen există următoarele op țiuni pentru culoarei
disponibile:
-accent color – culorile disponibile pentru butoane, link -uri, etc;

36
-text color – culorile folosite pentru paragrafe;
-content Widgets title color – culorile folosite pentru titlurile widget -urilor;
-footer background color – culorile folosite pentru background -ul footer -ului;
-footer widget title color – culorile fol osite pentru titlurile widget -urilor din footer;
-footer links color – selectarea culorii pentru link -urile din footer;
-header text color – selectarea culorii antetului pe ecran mic.

Figura 2. 33. Customiz e – Colors

37
2.3.10.3. Header M edia

Cu tema Twenty Seventeen avem posibilitatea de a adăuga atât imagine Header cât si
Header video. Modificarea se face de la Dashboard/ Apperance/ Customize/ Header Media.
Pentru videoclipuri ave ți opțiunea de a încărca propriul videoclip în f ormat mp4 sau de a vă
conecta la unul găzduit pe YouTube. Fi șierele cu dimensiuni mici ajută la încărcarea rapidă a
site-ului. Cu Header Image pe site se afi șază o fotografie mare în parte de sus a site -ului.
Pentru a încarca o imagine selecta ți ”Add new Image„ și se va deschide ”Media
Library”. Selecta ți o imagine deja existentă sau încărcați una nouă și apăsați butonul ”Select
and Crop”. Po ți alege și încărcarea random a headere -lor cu butonul ”Randomize uplo aded
headers”, astfel ca la fiecare vizualizare a site -ului se va încărca o imagine diferită din cele
selectate.

Figura 2. 34. Customiz e – Header Media

38
2.3.10.4. Menus

De la Dashboard/ Appearance/ Customize/ Menus pute ți să person alizați în timp real
meniul. Ave ți posibilitatea de a adăuga un nou meniu cu butonul ”Add a Menu” și de a alege
locația meniurilor deja create cu butonul ”Menu Location s”. Pentru adăugarea unui articol la
meniu se va folosi butonul ”Add Items” și se va deschide o ferastră cu articolele pe care le
puteți adăuga la meniu (pagini, link -uri, postări, galerii, tag -uri, etc.). Exist ă posibilitatea
alegerii meniului principal (Top menu) ce se află în partea de sus a site -ului și a meniului
secundar (Social Link s Menu).

Figura 2. 35. Customiz e – Menus Locations

Pentru site -ul curent meniul a fost realizat la Dashboard/ Appearance/ Menu nefiind
folosit panoul Customize, această pagină fiind folosită doar pentru previzualizare.

Figura 2. 36. Customiz e – Menus – Social Links Menu

39
2.3.10.5. Widgets

La tema Twenty Seventeen putem adăuga widget -uri atât în bara laterală a blog -ului
(Blog Sidebar) cât și în cele 2 footere. Puteți adăuga dintr -o multitudine de widget -uri care se
pot șterge sau deplasa în sus sau în jos. Widget -urile pot fi modificate și din Dashboard/
Apperance/ Widgets, diferen ța este ca din Customize puteți vizualiza modificările în
previzualizarea live.
Configurarea widget -urilor:
a. Merge ți în meniul Customize/ Widgets;
b. Selecta ți locul unde adăugași widget -ul (sidebar, footer1, footer 2);
c. Click pe butonul ”Add a widget” și va apărea o listă cu widget -urile
disponibile;
d. Faceți click pe widget -ul ce vre ți să îl adăugați, widget -ul va fi adăugat
automat în bara de widget -uri și puteți previzualiza modificarea f ăcută;
e. Pentru a rearanja lista de wighet -uri face ți click pe widget și tragețil cu mouse –
ul în mai jos sau mai în sus;
f. Pentru a personaliza widget -ul apăsa ți săgeata din partea dreapt ă a widget -ului,
de aici se poate și șterge widget -ul cu ajutorul butonului ”Remove”.
La site -ul mamadefata.ro au fost adăugate widget -uri doar în ”Blog Sidebar ” și anume:
– Search – o casetă de căutare în care se introduce tex tul dorit după care se face
căutarea pe site;
– Recent posts – afișează o listă cu cele mai recente postări ce sunt aprobate pe blog,
puteți selecta num ărul de postări ce vor apărea;
– Recent Comments – afișează o listă cu cele mai recente comentarii ce su nt aprobate
pe blog, pute ți selecta num ărul de comentarii ce vor apărea;
– Archives – afișează link -urile cu arhiva pentru fieca re lună în care au fost postări,
puteți selecta să vedeți postările dintr -o anumită lună;
– Calendar – afișarea unui calendar al lunii în care suntem. Dacă sunt postări în luna
respectivă în calendar ziua va fi subliniată și va avea un link de trimitere la postarea
respectivă.

Figura 2. 37. Customiz e – Widgets

40
2.3.10.6. Static Front Page
Tema Twenty Seventeen oferă posibilitatea construirii unei pagini principale izbitoare
compusă din con ținutul diferitelor pagini de pe site. Imaginile de pe fiecare pagină aleasă vor
fii eviden țiate și afișate la dimensiunea ecranului complet și cu o poziție fixă. Există patru
secțiuni diferite ce le puteți aloca paginii. Pentru a seta acest lucru mergeți la Dashboard/
Appearance/ Customize/ Static Front Page și alegeți ”Front page display” ca ”A static page”.
Tot de aici se va alege și pagina principală (Front Page) și blog -ul (Posts page).

Figura 2. 38. Customiz e – Static front page

2.3.10.7. Theme Options
Secțiunile multiple ale paginii principale (Front Page) se găsesc la Dashboard/
Appearance/ Customize/ Theme Options.
De aici pute ți alege între un layout cu una sau două coloane. Site -ul nostru are setarea
în două coloane, care afi șează titlul paginii într -o coloană și conținutul paginii în cealaltă.
Această op țiune este valabilă numai în cazul alegerii unei pagini frontale statice.
Selecta ți o pagin ă ce dori ți să fie afișată în fiecare secțiune sub fiecare ”Front Page
Section # Content”.
Dacă nu ave ți nici o pagină creată sau vreți să faci o nouă pagină puteți face acest
lucru de la butonul ”Add New Page” aflat sub fiecare sec țiune. Astfel se va crea o nouă
pagină la care pute ți adăuga conținut mai târziu.
Fiecare pagină utilizată pentru sec țiuni trebuie să conțină o imagine de prezentare
(Featured image) și un conținut dacă vreți ca pagina principală să aibă cel mai bun aspect.

Pentru a modifica num arul sec țiunilor, fie că vreți să aveți mai multe sau mai puține
sau să le elimina ți, adăugați fragmentul de cod la funcțiile PHP:

add_filter( 'twentyseventeen_front_page_sections',
'prefix_custom_front_page_sections' );

41
function prefix_custom_front_page_sections( $num_sections )
{
return 6;
}

În exemplul de mai sus ve ți avea 6 secțiuni în loc de 4.

Figura 2. 39. Customiz e – Theme Options

2.3.10.8. Additional CSS

Se poate adăuga CSS personalizat mult mai usor direct în Dashboard/ Apperance/
Customize/ Additional CSS. Este foarte simplu de utilizat plus c ă puteți vedea modificările
imediat cu ajutorul previzualizării live a WordPress -ului. Trebuie numai să scri ți codul CSS în
panoul din partea stângă în fil a suplimentară CSS. Adăuga ți cod CSS personalizat până
sunte ți mul țumit de modificările site -ului. Apoi apăsa ți butonul ”Save & Publish” din partea
stângă sus pentru a salva modificările.
Mai jos găsi ți codul CSS pentru modificarea fontului și dimensiuni t itlului cât și
adăugarea unei umbre pentru textul titlului, cu acela ș cod se va modifica și sloganul site -ului:

.site-title {
text-shadow:2px 2px 4px white;
font-family: "Forte";
font-style: italic ;
font-size: 45px;
text-transform: capitalize;}

.site-description {
font-weight: bold;
text-shadow: 1px 1px 2px white;
font-family: "Forte";
font-size: 17px;
text-transform: capitalize;}

42

Figura 2. 40. Customiz e –Additional CSS

43
Lista figurilor

Figura 1. 1 Transmiterea primului mesaj electronic „Lo” ………………………….. ………….. 1
Figura 1. 2. Modele site -uri web ………………………….. ………………………….. ………………… 3
Figura 1. 3. Selectare temă WordPress ………………………….. ………………………….. ……….. 4
Figura 1. 4. Adăugare articol WordPress ………………………….. ………………………….. …….. 5
Figura 1. 5. Panoul de găzduire al site ………………………….. ………………………….. ………… 5
Figura 1. 6. Iconi ță de instalare software ………………………….. ………………………….. …….. 6
Figura 1. 7. Pagină de configurare Cpanel ………………………….. ………………………….. ….. 6
Figura 1. 8. M eniu principal WordPress ………………………….. ………………………….. ……… 7
Figura 1. 9. Logo site mamadefata.ro ………………………….. ………………………….. …………. 8
Figura 1. 10. Pagină start Adobe Photoshop ………………………….. ………………………….. … 9
Figura 1. 11. Logo Google, Microsoft și Ebay ………………………….. ……………………….. 10
Figura 1. 12. Culori logo Nippon și Coca -Cola ………………………….. ……………………… 10
Figura 1. 13. Blogger vs. WordPress ………………………….. ………………………….. ………… 11

Figura 2. 1. Prima pagină a site -ului mamadefata.ro ………………………….. ……………….. 12
Figura 2. 2 Social Links Meniu ………………………….. ………………………….. ……………….. 13
Figura 2. 3 Adăugare Utilizator nou ………………………….. ………………………….. …………. 14
Figura 2. 4. Plugin User Role Editor ………………………….. ………………………….. ………… 17
Figura 2. 5. General settings ………………………….. ………………………….. ……………………. 18
Figura 2. 6. Formular de autentificare ………………………….. ………………………….. ………. 19
Figura 2. 7. Selectarea temei Twenty Seventeen ………………………….. …………………….. 19
Figura 2. 8. Agăugarea unei noi Pagini ………………………….. ………………………….. ……. 21
Figura 2. 9. Editare rapidă a paginilor ………………………….. ………………………….. ………. 21
Figura 2. 10. Editor de text Visual ………………………….. ………………………….. ……………. 21
Figura 2. 11. Comenzile rapide de la tastatură ………………………….. ……………………….. 22
Figura 2. 12. Adăugare postare ………………………….. ………………………….. ………………… 23
Figura 2. 13. Editare etichete postări ………………………….. ………………………….. ………… 24
Figura 2. 14. Editare categorii postări ………………………….. ………………………….. ……… 25
Figura 2. 15. Inserare fi șier media – plasare cursor ………………………….. ………………… 25
Figura 2. 16. Inserare fi șier media – Add media ………………………….. …………………….. 26
Figura 2. 17. Inserare fi șier media cu Media L ibrary ………………………….. ………………. 26
Figura 2. 18. Inserare fi șier media – Detalii fi șier media ………………………….. …………. 27
Figura 2. 19. Inserare comantarii ………………………….. ………………………….. …………….. 27
Figura 2. 20. Gestionare comentarii ………………………….. ………………………….. ………… 28
Figura 2. 21. Editare meniu ………………………….. ………………………….. …………………….. 29
Figura 2. 22. Gestionare loca ție meniuri ………………………….. ………………………….. ….. 30
Figura 2. 23. Adăugare Plugins ………………………….. ………………………….. ……………….. 30
Figura 2. 24. Adăugare contact – Contact Form 7 ………………………….. …………………… 31
Figura 2. 25. Pagină de contact ………………………….. ………………………….. ………………… 31
Figura 2. 26. Adăugare slider ………………………….. ………………………….. ………………….. 32
Figura 2. 27. Slider ………………………….. ………………………….. ………………………….. ……. 32
Figura 2. 28. Adăugare galerie ………………………….. ………………………….. ………………… 33
Figura 2. 29. Adăugare imagini în galerie ………………………….. ………………………….. …. 33
Figura 2. 30. Shortcod -ul galeriilor create ………………………….. ………………………….. …. 34
Figura 2. 31. Customize Screen ………………………….. ………………………….. ……………….. 34
Figura 2. 32. Customize – Site Identity ………………………….. ………………………….. ……… 35
Figura 2. 33. Customize – Colors ………………………….. ………………………….. …………….. 36
Figura 2. 34. Customize – Header Media ………………………….. ………………………….. ….. 37
Figura 2. 35. Customize – Menus Locations ………………………….. ………………………….. 38

44
Figura 2. 36. Customize – Menus – Social Links Menu ………………………….. ………….. 38
Figura 2. 37. Customize – Widgets ………………………….. ………………………….. ………….. 39
Figura 2. 38. Customize – Static front page ………………………….. ………………………….. … 40
Figura 2. 39. Customize – Theme Options ………………………….. ………………………….. …. 41
Figura 2. 40. Customize –Additional CSS ………………………….. ………………………….. …. 42

45
Cuprins

1. GENERALITĂ ȚI ………………………….. ………………………….. ………………………….. . 1
1.1. Istoric al apari ției internetului ………………………….. ………………………….. ……. 1
1.2. Site-uri web ………………………….. ………………………….. ………………………….. … 2
1.3. Despre WordPress ………………………….. ………………………….. ……………………. 4
1.4. Logo ………………………….. ………………………….. ………………………….. …………… 8
1.5. Blog-uri ………………………….. ………………………….. ………………………….. ……. 11
2. PREZENTAREA SITE -ULUI ………………………….. ………………………….. ………… 12
2.1. Structura pentru utilizator ………………………….. ………………………….. ………… 12
2.2. Structura pentru administrator ………………………….. ………………………….. ….. 14
2.3. Modul de gestionare a site -ului ………………………….. ………………………….. … 18
2.3.1. Alegerea temei ………………………….. ………………………….. ……………….. 19
2.3.2. Gestionarea paginilor ………………………….. ………………………….. ………. 20
2.3.3. Gestionarea postărilor ………………………….. ………………………….. ……… 23
2.3.4. Adăugarea fi șiere media în pagini și postări ………………………….. ……. 25
2.3.5. Comentarii ………………………….. ………………………….. ……………………… 27
2.3.6. Galerie foto ………………………….. ………………………….. ……………………. 28
2.3.7. Pagină contact ………………………….. ………………………….. ………………… 28
2.3.8. Agăugare meniu ………………………….. ………………………….. ……………… 28
2.3.9. Plugins ………………………….. ………………………….. ………………………….. . 30
2.3.10. Customize ………………………….. ………………………….. ………………………. 34
2.3.10.1. Site Identity ………………………….. ………………………….. ………………… 35
2.3.10.2. Colors ………………………….. ………………………….. ………………………… 35
2.3.10.3. Header Media ………………………….. ………………………….. ……………… 37
2.3.10.4. Menus ………………………….. ………………………….. ………………………… 38
2.3.10.5. Widgets ………………………….. ………………………….. ……………………… 39
2.3.1 0.6.StaticFrontPage ………………………….. ………………………….. ……………. 40
2.3.10.7.ThemeOptions ………………………….. ………………………….. ……………… 40
2.3.10.8.Additional CSS ………………………….. ………………………….. …………….. 41

Concluzii

Site-ul mamadefata.ro dispune de cea mai nou ă temă a celor de la WordPress, Twenty
Seventeen care dispune de îmbunătă țiri de design și tehnic ă făcând din acest site unul foarte
atrăgător, u șor de folosit și de realizat.
Cele mai mari avantaje prezentate de WordPress sunt simplitatea și plugin -urile cu
ajutorul cărora se poate modifica func ționalitatea WordPress -ului transform ându-l în orice tip de
site web dorim. De altfel se poate schimba f oarte usor interfa ța cu ajutorul multitudinii de teme
gratuite cu doar un cli ck.
Cu WordPress putem realiza un site extrem de u șor și într -un timp foarte rapid, indiferent
de tipul site -ului. Pute ți face diferite tipuri de site -uri cu WordPress: blog sau s ite personal, de
afaceri, de comer ț electronic, de căutare de locuri de muncă, de comunicare online, etc.
Făcând acest proiect am învă țat multe lucruri punând în practică anii de studiu în
domeniul informaticii.
Scopul proiectului a fost atins, însă evolu ția site -ului trebuie să continue neoprindu -se
aici. Site -ul este usor de men ținut și de actualizat, fiind bine structurat din punct de vedere al
informa țiilor prezentate, acestea fiind clare și concise. Are un design modern și atrăgător.
Datorită platform ei site -ul este compatibil cu majoritatea sistemelor de navigare web și pentru
majoritatea si stemelor în uz . Galeria de imagini se realizează foarte u șor, dispunând de o
interfa ță modernă, iar încărcarea pozelor se face rapid. Meniul site -ului este foarte bine structurat
iar utilizatorii beneficează de o navigare u șoară și accesibilă.

Site-ul poate să aibă următoarele direc ții de evoluție:
 implicarea mai multor administratori, pe diferite sec țiuni ale site -ului;
 trebuie reanalizat con ținutul și oportunită țile de îmbunătă țire a structurii și
organizării site -ului;
 posibilitatea realizării unei pagini principale cu mai multe sec țiuni prin
modificarea codului PHP;
 instalarea unui nou plugin pentru îmbunata țirea securitații site -ului.

Evolu ția blog -ului site -ului nu se va opri aici, urmând să fie realizate cât mai multe
articole, făcând din acest site unul bogat în informa ții și conținut, astfel sper ca el să crească cât
mai mult.

Rezumat

Datorită faptului că trăim într -o lume în care timpul se scurge extrem de repede, nu ne
putem permite să zăbovim foarte mult la ceva anume. De aceea este foarte important ca tot
ceea ce facem să fie f ăcut în mod cât mai rapid și ușor, putând astfel să acordăm atenția
noastr ă altor domenii de interes dar mai ales familiei nostre. Asta pentru că o să observăm
odată cu trecerea timpului că familia este cel mai important lucru posibil, iar pentru o mamă
cea mai importantă perioadă este venirea pe lume ai unui bebelusi și perioada în care acesta
creste, iar ea poate să ii ofere toată aten ția ei. Astfel pentru a pu tea reliza un site web foarte
rapid, u șor și sigur putem utiliza platforma celor de la WordPress , rămânându -ne astfel timp și
pentru familie .
WordPress este cea mai utilizată platformă soft la cre area unui site web sau a unui
blog. WordP ress se orientează atât pe estetică cât și pe ușurința de folosire a realizării și
întreținerii unui site web, mai ales dacă nu vrei să ai bătăi de cap cu configurarea sau
personalizarea sa. În acela ș timp menține si niște standarde web ridicate.
Site-ul este usor de men ținut și de actualizat, fiind bine structurat din punct de vedere
al informa țiilor prezentate, acestea fiind clare și concise. Are un design modern și atrăgător.
Datorită platformei site -ul este compatibil cu majoritatea sistemelor de navigare web și pentru
majoritatea si stemelor în uz . Galeria de imagini se realizează foarte u șor, dispunând de o
interfa ță modernă, iar încărcarea pozelor se face rapid. Meniul site -ului este foarte bine
structurat iar utilizatorii beneficează de o navigare u șoară și accesibilă.
În acestă lucrare este descris motivul pentru care a luat na ștere internetul, faptul că nu
era sigură stocare unor informa ții pe un singur calculator, de unde provine denumire de site
web, tipuri de site -uri web și o scută introducere despre WordPress și cum îl putem instala . În
acela ș timp se vorbește despre modul de realizare a unui logo și importanța palet ei de culori
aleasă în realizarea lui.
Se va face și o scurtă paralelă între site și blog, această comparație decurgând pe tot
parcursul lucrării inclusiv la capitolele unde se vorbe ște despre adăugarea și gestionarea
paginilor și postărilor.
Structura site -ului este un alt subiect atins, care este foarte important. Structura site –
ului este împăr țită în structura pentru utlilizator și structura pent ru administrator. În structura
pentru utlilizator se vorbe ște despre simplitatea navigarii site -ului și interfa ța grafică a
acestuia. În structura pentru administrator se descrie modul de gestionare a site -ului. Aici intră
atât setările site -ului cât și personalizarea site -ului și descrierea fiecărui meniu din Dashboard
– panoul de administrare a site -ului.
Se vorbe ște despre cum putem utiliza fiecare meniu, modul de utilizarea, semnificați a
și ce ne aduce fiecare meniu nou la site. Meniurile din Dashboard sunt: alegerea temei,
gestionarea paginilor, grestionarea postăril or, adăugarea de fi șiere media î n pagini și postări,
gestionarea comentariilor, adăugare galerie foto, adăugare de meniuri și cele mai utilizate
plugin -uri.
Se arată și cum putem gestiona si te-ul din meniul ”Customize”. Cu ajutorul cărui
putem vedea modificările realizate în site înainte ca acestea să fie publicate într -un format de
previzualizare live. Meniul ”Customize” este la rândul lui împăr țit în mai multe subcapitole:
identitatea site -ului ce cuprind e logo -ul și sloganul site -ului, culorile site -ului de unde
gestionăm culorilor pentru paragrafe, widget -uri, etc, header media reprezintă alegera imaginii
sau videoclipului pentru Header , gestionarea meniurilor site -ului, adăugar e de widget -uri,
alegerea unei pagini principale statice , opțiunile temei care la Twenty Seventeen sunt cele
patru sec țiuni ale paginii principale și adăugarea cu u șurintă a codului CSS personalizat .

Bibliografie

[1] Adrian Modrișan, Programarea paginilor web folosind limbajul PHP, București,
Teora, 2009

[2] Allan Cole , Jeffrey Way , Brandon R. Jones , Crea ți propriile teme formidabile de
WordPress, București, 3D Media Communications , 2011

[3] Bogdan Pătruț, Internet pentru începători, București, Teora, 1998

[4] Chip Kompakt , Tehnici de web design. Înva ță prin exemple practice , București,
3 D Media Communications , 2012

[5] Tudor Sorin și Vlad Huțanu, Crearea și programarea paginilor WEB, București,
L&S Infomat, 2004

[6] http://adevarul.ro/economie/afaceri/secretele -culorilor -marketing -alege -logoul –
companii -infografie -1_56ccf8525ab6550cb823d28e/index.html

[7] https://codex.wordpress.org/Roles_and_Capabilities

[8] https://goldensite.ro/wordpress/ghid -complet -pentru -instala -wordpress

[9] https://ro.wikipedia.org/wiki/Blog

[10] https://ro.wikipedia.org/wiki/Logo

[11] https://ro.wikipedia.org/wiki/Site_web

[12] https://ro.wikipedia.org/wiki/WordPress