LABORATOR 4. Dezvoltarea site-urilor si blog-urilor prin intermediul CMS-ului WordPress PREZENTAREA LUCRARII DE LABORATOR Lucrarea de laborator isi propune sa prezinte modul de creare a site-urilor si blogurilor cu wordpress.com. WordPress reprezinta solutia ideala pentru marea majoritate a persoanelor si firmelor care doresc sa construiasca un site sau blog. In cazul in care detinem un nume de domeniu propriu si un server web si dorim o prezenta online cat mai profesionista, rapida si gratuita, atunci wordpress.org este cea mai buna alegere. Indiferent de faptul ca dorim un site pentru firma sau uz personal, putem sa il detinem pe un domeniu de genul www.siteulmeu.com. WordPress este un CMS Open Source pentru care sunt puse la dispozitie zeci de mii de teme si pluginuri, dintre care marea majoritate sunt gratuite. Acestea se actualizeaza in mod constant si ofera posibilitatea realizarii unor personalizari avansate, permitand configurarea site-ului intrun mod simplu. Astfel, chiar fara cunostinte de specialitate, putem sa obtinem personalizarea site-ului in functie de nevoiele noastre. Problema 1. Sa se adauge un nou articol pe site-ul nou creat in WordPress. Noul articol va avea incorporat un clip de pe YouTube.com. Rezolvare: Pentru a adauga continut trebuie sa deschidem in browser link-ul la care poate fi accesata sectiunea de administrare a site-ului si sa ne logam cu numele de utilizator si parola aferenta la URL-ul de forma: www.domeniunou.com/wp-admin/ 1. Pentru a adauga un nou articol trebuie sa dam click pe butonul Add New din sectiunea Posts. 2. In fereastra Add New 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. 3. Vom deschide un nou tab in browser si vom intra pe https://www.youtube.com. Vom deschide clip-ul pe care dorim sa il adaugam in cadrul articolului nostru. Imediat sub clip vom gasi si vom da click pe butonul Share, iar in fereastra nou deschisa vom alege optiunea Embed. In fereastra Embed Video vom copia codul HTML.
4. Vom reveni in tabul in care avem deschisa fereastra prin care vom adauga un nou articol in WP. In aceasta fereastra vom da paste la codul HTML copiat de pe YouTube. Vom completa si celelalte atribute aferente articolului pe care dorim sa il publicam. De exemplu putem sa adaugam categorii, tag-uri, o poza implicita, sa permitem adaugarea de comentarii, etc. 5. Dupa ce s-au completat campurile si s-au setat optiunile dorite se va da click pe butonul Preview pentru a vedea versiunea care o sa fie publicata. Daca suntem multumiti de felul in care arata articolul nostru putem sa dam click pe butonul Publish. 6. Pentru a vizualiza articolul se va da click pe link-ul View Post. Acesta ar trebui sa arate ca in figura de mai jos.
Problema 2. Sa se editeze articolul pe care tocmai l-am publicat. Rezolvare: Pentru a publica si edita articolele publicate vom da click pe butonul Posts, iar pe urma pe link-ul All Posts. 1. In sectiunea All 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. Acestea pot fi filtrate dupa data si categorie. De asemenea, este prezenta si o optiune de cautare cu ajutorul careia putem cauta articolele prin introducerea diferitor cuvinte cheie. In lista vom vedea titlul articolului, autorul, categoriile in care a fost publicat si tag-urile cu ajutorul carora a fost etichetat. De asemenea, putem vedea si numarul de comentarii adaugate, respectiv data publicarii. Daca dorim sa stergem articolul putem sa dam click pe link-ul Trash. 2. In fereastra Edit Post se poate edita Titlul articolului si continutul. Se pot bifa checkbox-urile pentru a afisa like-urile si butoanele de sharing pentru social media. Se poate schimba statutul articolului astfel incat acesta sa nu mai fie vizibil in mod public pe site. Se poate opta pentru a seta o parola pentru accesul la articol, sau chiar pentru a-l face privat. In mod normal articolul este publicat in categoria principala. Daca se doreste adaugarea acestuia si in alte categorii trebuie doar sa bifam categoriile dorite. Daca dorim sa adaugam noi tag-uri putem sa le introducem in zona Add New Tag.
Daca dorim sa stergem unul dintre tag-urile adaugate putem sa dam clicm pe butonul cu x din dreptul fiecarui tag. In cazul in care se doreste se poate adauga o poza implicita, sau sa permitem adaugarea de comentarii. 3. Dupa realizarea modificarilor vom actualiza articolul dand click pe butonul Update. Problema 3. Sa se adauge o noua categorie si sa se editeze categoria Uncategorized. Rezolvare: Pentru a edita / adauga o noua categorie vom da click pe link-ul Posts, iar pe urma pe link-ul Categories. 1. In fereastra Categories putem vedea in partea din stanga un formular prin intermediul caruia putem adauga o noua categorie. In acest formular trebuie sa introducem numele categoriei. De asemenea, putem alege sa pozitionam categoria ca si subcategorie intr-o categorie deja creata, sau sa oferim o descriere pentru aceasta. Dupa ce am terminat de completat formularul trebuie sa dam click pe butonul Add New Category. 2. In partea dreapta se pot observa categoriile deja existente cu numele, descrierea si numarul de articole postate in fiecare categorie. La fel ca si la gestiunea articolelor, in momentul in care se pozitioneaza cursorul mouse-ului peste numele categoriei apare un meniu contextual care ne permite editarea, editarea rapida si vizualizarea categoriei. In cazul de fata vom da click pe link-ul edit din dreptul categoriei Uncategorized.
3. Vom edita categoria completand campurile, la fel ca la problema precedenta, si vom da click pe butonul Update. Observatie: La fel ca si la gestiunea categoriilor se procedeaza si cu gestiunea tag-urilor. Pentru aceasta se va da click pe link-ul Tags care se afla imediat sub link-ul Categories. Astfel, va aparea o fereastra cu o functionalitate similara cu cea prezentata pentru categorii. Problema 4. Sa se schimbe tema site-ului. Se va alege tema Twenty Ten. Rezolvare: Pentru a adauga o noua tema vom da click pe link-ul Appearance, iar pe urma pe link-ul Themes. 1. In fereastra Themes vom da click pe butonul Popular. 2. Se va alege tema Twenty Ten. Pentru activarea temei se va da click pe butonul Install, iar dupa pe butonul Activate. Dupa activare tema poate fi personalizata prin actionarea unui click pe butonul Customize. 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 este 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 simţul estetic si nevoile de functionalitate ale 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 modifice Widget-urile din zona Primary Widget Area astfel incat sa reflecte optiunile alese in fereastra de mai jos. Rezolvare: Pentru a adauga o noua tema vom da click pe link-ul Appearance, iar pe urma pe link-ul Widgets. Observatie: In sectiunea de administrare a widget-urilor avem in coloanele din stanga pe cele disponibile, iar in coloanele din dreapta pe cele active si afisate pe site. Acestea pot fi afisate in diferite sectiuni ale site-ului, care pot fi specifice fiecarei teme in parte. Pentru ca intr-o anumita sectiune sa apara un widget trebuie sa dam click pe numele acestuia in coloana din stanga si sa facem drag&drop in sectiunea dorita din coloana din dreapta. Dupa realizarea acestei operatiuni widget-ul va deveni vizibil pe site. 1. In zona Primary Widget Area vom sterge toate widget-urile care nu apar in lista din figura de mai jos. Pentru a sterge un widget vom da click pe numele lui, iar pe urma pe link-ul Delete care va apare in partea stanga jos.
2. Vom alege in coloanele din stanga widget-urile care nu se regasesc in sectiunea Primary Widget Area, iar prin drag&drop le vom muta in sectiunea dorita. 3. Vom da click pe widget-urile din sectiunea Primary Widget Area, iar prin drag&drop le vom muta in sectiunea dorita. Observatie: In coloana din dreapta a site-ului vor apare widget-urile alese in ordinea preferintelor.
Problema 6. Sa se instaleze plugin-ul Contact Form 7, iar pe urma se adauge o pagina de contact in cadrul site-ului. Rezolvare: Pentru a adauga un nou plugin vom da click pe link-ul Plugins, iar pe urma pe link-ul Add New. 1. In fereastra Add Plugins vom da click pe link-ul Popular. Vom alege plugin-ul Contact Form 7 si vom da click pe butonul Install Now. 2. Dupa ce s-a finalizat instalarea vom da click pe link-ul Installed Plugins. Vom identifica plugin-ul si vom da click pe Activate. 3. Dupa activarea plugin-ului vom da click pe link-ul Settings, iar pe urma pe Edit. 4. Se va completa formularul de contact astfel incat sa reflecte toate modificarile facute in figura de mai jos.
5. In cazul in care se doreste personalizarea mai avansata se va da click pe tabul Mail, Messages si Additional Settings. 6. Se va copia codul evidentiat pe fundal albastru pentru ca trebuie adaugat in cadrul paginii de contact pe care o sa o adauga pe site. 7. Pentru a adauga o noua pagina vom da click pe link-ul Pages, iar pe urma pe link-ul Add New. 8. In fereastra Add New Page vom introduce numele paginii si codul copiat din cadrul plugin-ului. 9. 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 pagina Home va apare si pagina Contact. Aceste pagini pot fi editate din sectiunea Pages, All Pages. Probleme propuse Problema 1. Sa se adauge din sectiunea de administrare 3 categorii si 3 tag-uri. Problema 2. Sa se publice pe blog 2 articole. Problema 3. Sa se adauge din sectiunea de administrare 2 pagini care sa apara in meniul blog-ului. Problema 4. Adaugati si vizualizati un comentariu pentru unul dintre articolele publicate.