laborator 2. dezvoltarea blogurilor prin intermediul wordpress 2. dezvoltarea blog-urilor...
TRANSCRIPT
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
LABORATOR 2. 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 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 domeniu gratuit
de genul www.siteulmeu.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.
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
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!
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
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 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.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
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.
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.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
4. Se poate schimba statutul articolului astfel incat acesta sa nu mai fie vizibil in mod
public pe site.
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.
Web Social – FSEGA, UBB Lect.univ.dr. Daniel Mican
3. Dupa activarea temei site-ul va arata ca in figura urmatoare.
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
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
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
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.