Web Social FSEGA, UBB Lect.univ.dr. Daniel Mican LABORATOR 2. Dezvoltarea blogurilor prin intermediul WordPress.com PREZE

Transcriere

1 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 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 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 , a numelui de utilizator, parolei, iar pe urma vom da click pe butonul Create your account. 3. Vom verifica adresa de 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.

2 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!

3 Observatie: Dupa finalizarea procesului de inregistrare blog-ul va putea fi accesat la adresa aleasa la pasul anterior, in cazul nostru este: 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.

4 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.

5 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.

6 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.

7 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.

8 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 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.

9 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 blogului. 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.