Web Social – FSEGA, UBB Lect.univ.dr.

Daniel Mican
daniel.mican@econ.ubbcluj.ro

LABORATOR 1. Dezvoltarea blogurilor prin intermediul

WordPress.com

PREZENTAREA LUCRARII DE LABORATOR

Lucrarea de laborator isi propune sa prezinte modul de creare a blogurilor cu WordPress.com.

WordPress.com este cea mai mare comunitate de editori online. Misiunea a fost aceea de a
permite publicarea de continut online. WordPress este cel mai popular CMS open source, iar
in prezent mai mult de 32% din site-urile prezente pe web sunt realizate pe baza acestuia.
Pentru a populariza si a creste audienta CMS-ului WordPress, care se gaseste la
WordPress.org, in 2005 a fost creat WordPress.com. Prin urmare WordPress.com o versiune
gazduita a software-ului open source aflat la WordPress.org si permite crearea unui blog sau
site web in cateva secunde, fara cunostinte tehnice.
WordPress.com are milioane de utilizatori activi si peste 400 milioane de persoane care
vizioneaza in fiecare luna mai mult de 15,5 miliarde de pagini. Utilizatorii WP publica
aproximativ 42 milioane de postari noi si lasa in medie 60 milioane de comentarii noi in
fiecare luna. Cei de la WordPress.com lucreaza in mod constant pentru imbunatatirea
platformei, lansand actualizari si dezvoltand servicii aproape in fiecare zi, pentru a imbunatati
experienta in cadrul platformei.
WordPress.com reprezinta solutia ideala pentru marea majoritate a persoanelor care doresc sa
construiasca un site sau blog. In cazul in care nu detinem un nume de domeniu propriu si
dorim o prezenta online lipsita de costuri, WordPress.com este cea mai buna alegere.
Indiferent de faptul ca dorim un site pentru firma sau uz personal, putem sa il detinem pe un
subdomeniu gratuit de genul www.siteulmeu.wordpress.com, oferit de WordPress.com.
Varianta de baza care este oferita in mod gratuit ne pune la dispozitie sute de teme, dintre care
marea majoritate gratuite, care se actualizeaza in mod constant. Acestea permit realizarea
unor personalizari de baza, adaugarea de widget-uri, pagini, articole si continut personalizat.
Spatiul de stocare oferit pe server este de 3GB, fiind mai mult decat suficient pentru nevoile
de baza ale unui site sau blog.
WordPress.com vine cu o serie de avantaje. Pune la dispozitie un editor rapid, intuitiv care
salveaza munca la fiecare cateva secunde, astfel incat sa nu pierdem niciodata articolele
adaugate. Permite incarcarea si incorporarea de clip-uri audio sau video, drag & drop la
imagini in postari si pagini, sau crearea de galerii foto. O functionalitate interesante este
integrarea sociala incorporata care permite trimiterea de mesaje noi in mod automat pe
Twitter, Facebook si multe alte retele si instrumente sociale. Este optimizat pentru motoarele
de cautare, dispune de integrare social media si optiuni de partajare.
In cazul WordPress.com se beneficiaza de un serviciul „all-in-one hosting”, ceea ce
presupune ca se ofera gratuit un nume de subdomeniu, actualizari automate de software si
gazduire securizata pe servere raspandite in mai multe centre de date. Acesta ofera diferite
teme cu un design modern pentru site-ul creat si permite personalizarea cu elementele de
brand si continut specifice. De asemenea ofera o serie de statistici care ne permit sa fim la
curent pulsul activitatii de pe bolg / site. Prin intermediul statisticilor putem sa aflam mai
multe despre vizitatorii site-ului si anume sa stim de unde au ajuns pe site-ul nostru, locatia
din care provin, care sunt articolele pe care le citesc, cat timp petrec si cate pagini viziteaza in
cadrul site-ului.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

Cu ajutorul temelor adaptabile atat pentru dispozitivele mobile cat si pentru desktop, se ofera
o experienta buna de folosire pentru orice dispozitiv, atat pentru administratorii cat si pentru
vizitatorii de pe blog. Site-ul poate fi actualizat din orice aplicatie mobila sau desktop
disponibila pentru sisteme iOS, Android, Mac, Windows si Linux.
In cazul in care se doreste un upgrade de la versiunea de baza, care este oferita in mod gratuit,
exista mai multe planuri pentru diferite bugete. Dupa ce s-a inceput un site pe versiunea
gratuita, se ofera posibilitatea de a opta pentru instrumente mai avansate de personalizare,
securitate si SEO. In cazul in care se opteaza pentru pachete premium se ofera acces inclusiv
la adaugarea unui CSS personalizat. De asemenea, se poate opta pentru domenii personalizate,
de genul www.siteulmeu.com, care pot fi gestionate direct de pe WordPress.com. In cazul in
care se achizitioneaza un nume de domeniu personalizat se elimina publicitatea care apare in
mod automat pe subdomeniile oferite gratuit in versiunea de baza. In acest caz se ofera acces
la adrese de e-mail personalizate si suport prin live chat.

Problema 1. Sa se creeze un site/blog pe wordpress.com in vederea publicarii de continut

online.

Rezolvare: Pentru rezolvarea problemei se va deschide browser-ul si se va introduce adresa

www.wordpress.com.
1. Odata ajunsi pe site-ul WordPress ne vom loga in cazul in care avem cont, sau se va
da click pe butonul Get Started.
2. Vom completa formularul de inregistrare prin introducerea adresei de email, a numelui
de utilizator, parolei, iar pe urma vom da click pe butonul Create your account.
3. Vom verifica adresa de email folosita in formularul de inregistrare si vom da click pe
link-ul cu butonul de activare al contului, dupa care ne vom loga in contul WordPress.
4. Vom da click pe butonul MySite, sau pe butonul Write. Pe urma se va da click pe
butonul Create Site.
5. La pasul 1 din 3 se vor introduce cateva texte care vor descrie in mare despre ceea ce
dorim sa publicam pe site. Dupa ce am introdus informatiile cerute vom da click pe
butonul Continue.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

6. La pasul 2 din 3 vom introduce un cuvant cheie si vom selecta numele si extensia
subdomeniului pentru noul nostru site/blog. In cazul nostru am introdus cuvantul cheie
diverse si selectam optiunea gratuita oferita de WordPress si anume:
diverse.video.blog.
Observatie importanta: va rugam sa alegeti propriul cuvant cheie si nu cel pe care l-am
introdus in exemplul nostru. Acest cuvant cheie este deja rezervat, prin urmare nu o sa
puteti sa mai beneficiati de acest subdomeniu.

7. La pasul 3 din 3 vom alege planul Free, Best for students si vom da click pe butonul
Start with Free. Dupa acest pas va aparea mesajul cu Your site has been created!

Observatie: Dupa finalizarea procesului de inregistrare blog-ul va putea fi accesat la

adresa aleasa la pasul anterior, in cazul nostru este: https://diverse.video.blog/

Problema 2. Sa se adauge un nou articol pe blogul nou creat.

Rezolvare: Pentru a adauga continut trebuie sa dam click pe butonul Write sau pe butonul Add
din dreapta butonului Blog Posts.

1. In fereastra New Post vom introduce titlul si continutul articolului pe care dorim sa il
publicam. Textul introdus poate fi formatat cu ajutorul unui editor WYSIWYG (What
You See Is What You Get). Modul de lucru este similar oricarui editor de texte.
Trebuie sa retinem ca fiecare articol poate fi adaugat in diferite categorii si poate fi
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

etichetat cu ajutorul tag-urilor. Prin urmare va rugam sa parcurgeti setarile articolului,

sa adaugati o categorie si doua tag-uri pentru articol. De asemenea, recomandam sa
folositi diferite optiuni de formatare disponibile in cadrul editorului si sa adaugati o
poza din galeria gratuita pusa la dispozitie. Pozele se vor cauta in galerie dupa anumite
cuvinte cheie.

2. Dupa ce s-au completat campurile se va da click pe butonul Publish.

3. Pentru a vizualiza articolul pe blog se va da click pe numele articolului. Articolul va

aparea publicat la un URL de pe subdomeniul nostru si va contine cuvintele cheie
adaugate in titlul articolului.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

Problema 3. Sa se editeze articolul pe care tocmai l-am publicat.

Rezolvare: Pentru a edita articolele publicate vom da click pe butonul Blog Posts.
1. In sectiunea Blog Posts vom da click pe numele articolului pe care dorim sa il editam.
In sectiunea posts se gasesc toate articolele publicate impreuna cu o serie de informatii
statistice referitoare la articolele publicate. De asemenea, este prezenta si o optiune de
cautare cu ajutorul careia putem cauta articolele prin introducerea unor cuvinte cheie.

2. In fereastra Edit Post se poate edita Titlul articolului si continutul.

3. Se pot bifa checkbox-urile pentru a afisa like-urile si butoanele de sharing pentru
social media.
4. Se poate schimba statutul articolului astfel incat acesta sa nu mai fie vizibil in mod
public pe site.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

5. Se poate opta pentru a seta o parola pentru accesul la articol, sau chiar pentru a-l face
privat.
6. In mod normal articolul este publicat in categoria principala. Daca se doreste
adaugarea acestuia si in alte categorii trebuie doar sa bifam categoriile dorite.
7. Daca dorim sa adaugam noi tag-uri putem sa le introducem in zona Tags si sa dam
click pe butonul Add. Daca dorim sa stergem unul dintre tag-urile adaugate putem sa
dam clicm pe butonul X din dreptul fiecarui tag.
8. Dupa realizarea modificarilor vom actualiza articolul dand click pe butonul Update.
9. Daca dorim sa stergem articolul putem sa dam click pe link-ul Move to Trash.

Problema 4. Sa se schimbe tema site-ului. Se va alege tema Rowling.

Rezolvare: Pentru a adauga o noua tema vom da click pe butonul Themes, din sectiunea
Personalise, din dreapta butonului Customize.
1. In fereastra Themes vom derula temele pana vom ajunge la tema Rowling.

2. Pentru fiecare tema existenta sunt disponibile mai multe optiuni. Prima optiune este
Live demo, care ne ofera o privire de ansamblu referitor la cum va arata site-ul nostru
cu tema respectiva. In cazul in care dorim mai multe informatii despre tema putem da
click pe link-ul Info. Pentru activarea temei se va da click pe butonul Activate. Dupa
activare, tema poate fi personalizata printr-un click pe butonul Customize site.

3. Dupa activarea temei site-ul va arata ca in figura urmatoare.

Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

Observatii: WordPress este un CMS care face o stricta diferentiere intre continutul publicat si
modul in care acesta este prezentat. Pentru a oferi modalitati variate de prezentare a
continutului au fost realizate o serie de teme. Acestea pot fi alese si configurate astfel incat sa
reflecte simtul estetic si nevoile fiecarui site. Pentru a gasi teme vom da click pe tabul Themes
unde vom putea gasi cele mai populare teme. De asemenea, putem sa cautam in directorul cu
teme dupa anumite cuvinte cheie sau dupa anumite domenii de interes. In aceasta sectiune
putem oricand vedea un preview al site-ului cu o anumita tema.

Problema 5. Sa se adauge trei widget-uri. Doua widget-uri pentru a putea afisa pe site
categoriile si o serie de stiri preluate in format XML/RSS, iar unul la alegere
din cele existente in sectiunea Widgets. De asemenea, sa se schimbe paleta de
culori a site-ului cu una mai deschisa la culoare.

Rezolvare: Pentru a adauga un nou widget vom da click pe butonul Customize, din sectiunea
Personalise, iar pe urma pe butonul Widgets. In fereastra nou deschisa se va apasa pe butonul
+Add a Widget.
1. In fereastra Widgets vom da click pe widget-ul Categories. Acesta va fi adaugat in
coloana din dreapta a site-ului. Widget-ul se poate lasa cu setarile standard, sau se
poate modifica dupa preferinte.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

2. In sectiunea Search widgets vom tasta RSS si vom da click pe widget-ul RSS. Acesta
se va configura ca si in figura de mai jos. Se va introduce link-ul feed-ului RSS preluat
de pe orice site dorim sa afisam stirile. De asemenea, putem sa facem diferite
configurari pentru acest widget, in functie de preferintele personale.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

3. Pentru a schimba paleta de culori a site-ului cu una mai deschisa la culoare vom merge
in sectiunea Colors & Backgrounds si vom alege o paleta de culori care consideram ca
ne place mai mult.
4. Dupa efectuarea tuturor modificarilor se va da click pe butonul albastru Publish.
Observatie: In coloana din dreapta a site-ului vor apare widget-urile dorite.

Problema 6. Sa se adauge o noua pagina web in cadrul blog-ului. Aceasta se va numi

Calendar.

Rezolvare: Pentru a adauga o noua pagina vom da click pe buton-ul Add din dreapta butonului
Site Pages, din sectiunea Manage.
1. In fereastra Add New Page vom introduce numele paginii si descrierea. O parte dintre
sectiunile acestei ferestre sunt similare cu cele ale ferestrei Add New Post si au fost
detaliate la problema 2.
2. In sectiunea de descriere se va da click pe butonul HTML pentru a putea sa
introducem cod HTML si vom copia link-ul unui calendar din aplicatia Google
Calendar.

Observatie: In Google Calendar fiecare calendar dispune de optiunea de a fi partajat, accesat

in browser, sau integrat in cadul unei pagini web. Din sectiunea respectiva se va copia codul
HTML aferent iframe-ului care permite integrarea in cardul unei pagini web. A se vedea
figura de mai jos.

3. Pagina va fi publicata si va deveni accesibila pe site in momentul in care se va da click

pe butonul Publish.
Observatie: In meniul site-ului, dupa paginile Home si Contact, va apare si pagina Calendar.
Aceste pagini pot fi editate din sectiunea Manage, Sites Pages. Paginile pot fi reordonate din
sectiunea Customise, Menus, unde se poate crea un nou meniu in care se adauga paginile in
ordinea dorita. Rezultatul se poate vedea in figura de mai jos.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
daniel.mican@econ.ubbcluj.ro

Probleme propuse
Problema 1. Sa se publice pe blog 2 articole.
Problema 2. Sa se adauge din sectiunea de administrare 2 pagini care sa apara in meniul
blog-ului.
Problema 3. Adaugati si vizualizati un comentariu pentru unul dintre articolele publicate.

Observatie: Una dintre facilitatile pe care WordPress le ofera este adaugarea / primirea
comentariilor ca si feedback la articolele publicate. Gestiunea acestora se face din sectiunea
Comments si este similara cu gestionarea celorlalte categorii de continut existente in
WordPress.