Download

Descarca Romanian Language Pack for SobiPro 1.0 RC4.

Instalare

Instalarea limbii romane in SobiPro se face din Components -> SobiPro -> Application Manager alegand fisierul descarcat mai sus si apasand butonul Upload File & Install. Activarea limbii romane pentru SobiPro se face automat daca in Extensions -> Language Manager aveti activata limba romana pentru platforma Joomla, fie in partea de frontend (site), fie in partea de backend (panou administrare), fie in ambele parti.

Pentru erori descoperite in traducere sau sugestii de imbunatatire a acesteia ne puteti contacta prin formularul de contact de pe acest site.

Resurse

Discutii legate de pachetul de traducere in limba romana a SobiPro:
Forum Sigsiu.net

Daca considerati util acest pachet de traduceri, va rugam sa raspanditi vestea pe retelele de social media si bookmarking folosind uneltele de mai jos. Va multumim!

Comparatie 1 la 1

Instalare
Ambele platforme se instaleaza usor, dar Wordpress presupune si editarea unui fisier de configurare. Din acest motiv, la acest capitol Joomla va primi 1 punct.

Actualizare
La acest capitol Wordpress castiga detasat cu optiunea de actualizare automata. Mai simplu nici ca se poate.

Panou de administrare
Ambele platforme au panouri de administrare usor de folosit, intuitive, structurate logic. Ne este greu sa decidem cui sa acordam plusul, de aceea ambele platforme vor primi cate 1 punct.

Flexibilitate in design
Cu un sistem de templating flexibil si complex, Joomla va primi 1 punct. La acest capitol este cu mult peste Wordpress, deoarece Joomla permite o asezare mai usoara a modulelor in pagina, suprascrierea template-urilor componentelor fara a afecta actualizarile acestora pe viitor.

Meniuri
Cu ultimele versiuni, Wordpress a mai recuperat din handicap in ceea ce priveste flexibilitatea editarii meniului. Totusi Joomla castiga inca 1 punct intrucat permite implementarea usoara a unui numar nelimitat de meniuri. La Wordpress este nevoie de mai mult de munca si cunostinte de PHP.

Extensii
Din pacate pentru Wordpress, cand vine vorba de extensii, singura solutie o reprezinta pluginurile. Joomla a structurat extensiile pe componente, module si pluginuri, cu diferente clare intre aceste clase. Practic, nu exista functionalitate care sa nu poata fi implementata usor in Joomla cu ajutorul unei extensii, motiv pentru care ii mai acordam 1 punct. Nu la fel se poate spune si despre Wordpress.

SEO
Aici Wordpress primeste 1 punct si motivele sunt simple: partea de optimizare este usor de folosit, fara a avea nevoie de extensii. In plus Wordpress are un mecanism de "instiintare" a altor site-uri cand continutul este actualizat, fiind usor indexat de motoarele de cautare.

Popularitate
Cu o comunitate si un numar mai mare de site-uri care folosesc platforma Wordpress, punctul castigator ii va fi acordat.

Joomla - 5 puncte

Wordpress - 4 puncte

Castigator: Joomla

Parerea noastra

Ca designeri care lucreaza mult pe Joomla si Wordpress, cunoastem avantajele si dezavantajele fiecarei platforme. Exista proiecte la care preferam sa adoptam platforma Wordpress pentru ca e mai usor de folosit, insa Joomla este intotdeauna solutia cand vine vorba sa dezvoltam un site mai complex.

Daca va doriti un site mic de prezentare, o sectiune de stiri, o galerie foto si un formular de contact, atunci Wordpress este solutia potrivita. Daca insa va ganditi sa aveti sectiuni multiple, forum integrat, un catalog de produse, sau pur si simplu un site complex, atunci recomandarea noastra este Joomla

Exista o serie de greseli si erori pe care un designer site web freelancer (liber profesionist) le poate evita cu usurinta daca le cunoaste dinainte. Oricine poate gresi, important este sa stii cand si de ce ai gresit, ca pe viitor sa te poti corecta. Lista pe care o voi prezenta in acest articol a fost creata atat pe baza unor greseli personale cat si in urma unor discutii cu alti designeri web.

1. Subestimarea pretului unui website de catre designer

Este o eroare pe care o fac in mod repetat designerii web incepatori, fie din necunoastere, fie din dorinta de a nu pierde un client. Subestimarea pretului unui proiect se traduce prin munca ieftina sau gratuita. Discutiile cu alti freelanceri sau contactarea unor firme de web design pentru cotatii de pret va pot oferi indicii cu privire la pretul corect pe care il puteti cere unui client.

2. Supraincarcarea unui proiect

Atunci cand cereti un pret final pentru un proiect de web design, luati in calcul un anumit volum de munca si o anumita perioada de timp necesara finalizarii acestuia. Pe parcursul derularii proiectului, pot interveni mici modificari la proiect care nu schimba foarte mult rezultatul final si, luate individual, nici nu va afecteaza din punct de vedere al timpului. Problema apare atunci cand se aduna o lista consistenta de "mici modificari" fata de conceptul initial, caz in care puteti ajunge in situatia de a lucra gratuit, proiectul devenind supraincarcat si stufos, de o alta dimensiune decat cea discutata initial. Evitati supraincarcarea proiectului explicand clientului de la bun inceput ca orice modificare a acestuia inseamna costuri suplimentare.

3. Evaluarea incorecta a volumului de munca necesar designer-ului freelance

Ati stabilit impreuna cu clientul detaliile proiectului, ati cazut de acord la pretul final si te apuci de munca la viitorul website. Observi imediat ca anumite puncte ale proiectului necesita o abordare mai minutioasa, si timpul necesar finalizarii se dubleaza. Pentru a se evita astfel de neplaceri trebuie ca designerul freelancer sa evalueze corect proiectul, sa ceara toate detaliile necesare despre viitorul site web de la client. Bineinteles, odata cu dobandirea experientei, evaluarea corecta a volumului de munca se face mult mai usor de catre designer.

4. Nesemnarea unui document oficial / contract intre client si designer web

Fie ca este vorba de un contract, un document formal sau doar de un e-mail oficial, este necesar ca intre client si designer website sa existe o forma de intelegere asupra proiectului, platii si atributiilor ce ii revin fiecaruia. Inexistenta unui document va poate provoca probleme, incepand de la cereri suplimentare din partea clientului pana la neplata completa a acestuia in final.

5. Neindeplinirea termenelor de executie de catre freelancer

Atunci cand evaluezi un proiect va trebui sa iei in calcul si timpul necesar finalizarii acestuia, nu numai pretul si volumul de munca. Trebuie luate in considerare liberele si sarbatorile legale, iar clientul trebuie instiintat de perioadele in care nu poti lucra (week-end-uri, vacante, etc.).

Tot la neindeplinirea termenelor de executie se poate ajunge si atunci cand se pierde mult timp pentru lucruri neesentiale / neimportante sau cand se amana realizarea anumitor etape pana in ultimul moment. Un designer web ar trebui sa isi planifice concret etapele de lucru si sa incerce sa nu depaseasca timpul alocat acestora. De asemenea ar trebui sa adauge o marja de eroare la timpul total alocat unui proiect.

6. Lucrul fara salvari

Fie ca lucrezi online (pe un server in productie) sau offline (pe masina virtuala sau alte aplicatii de testare a unui site web - XAMPP spre exemplu) este bine sa salvezi suplimentar datele si sa documentezi toate versiunile. Atunci cand intervin revizuirile clientului pastreaza si versiunile vechi. Nu se stie cand va dori clientul sa revina la o forma anterioara. Pentru a documenta versiunile, foloseste fisiere de log in care treci pe scurt modificarile facute.

7. Intotdeauna "DA" din partea designer-ului freelancer

Acceptarea oricarui proiect sau a oricaror cerinte din partea clientilor este o greseala pe care o fac foarte multi designeri web. Astfel se poate ajunge in situatia de a lucra la un proiect ce nu se incadreaza in liniile generale pe care le urmezi, rezultand in final un site web mediocru, pe care nu il vei dori in portofoliu. Evita astfel de situatii invatand ca spui "NU", sa refuzi politicos un client sau un potential client.

8. Lipsa unui brand al designerului web

In ziua de astazi, in mediul online, lipsa unui brand personal si a unei imagini puternice poate insemna esecul total sau mediocritatea. O pozitie buna in motoarele de cautare si un portofoliu solid nu sunt suficiente. Este necesar ca un freelancer sa isi construiasca un brand, o semnatura pe care sa o lase peste tot in mediul online (pe bloguri, forumuri, site-uri de freelancing, social networks etc.

9. Refuzul de a cere ajutor la alti freelanceri

Orice designer web are nevoie de ajutor la un moment dat. Apelarea la parteneri sau alti freelanceri precum si outsourcing-ul reprezinta solutii pe care orice designer ar trebui sa le ia in considerare, mai ales atunci cand este vorba de proiecte mari.

10. Refuzul de a folosi resursele deja disponibile pe site-uri web de profil

Fie ca este vorba de un simplu script, un template sau o platforma CMS, mediul online ne ofera solutii optimizate pentru orice problema/proiect. Multi freelanceri refuza sa foloseasca astfel de resurse si reinventeaza roata de fiecare data cand au un nou proiect, ceea ce inseamna pierdere de timp, bani si bineinteles un rezultat mediocru. Cand mi-am inceput cariera ca designer web, nu aveam cunostinta multitudinii de resurse online gratuite care m-ar fi ajutat sa ma perfectionez si sa lucrez mult mai repede. Am pierdut luni de zile descoperind pas cu pas ce inseamna sa fii un designer si dezvoltator web. Astazi am o viziune complet diferita si daca as porni de la inceput, mi-ar lua mult mai putin timp sa ajung la stadiul la care ma aflu acum. Asta datorita resurselor online pe care le folosesc.

In acest articol va voi prezenta alte servicii de URL Shortening care merita incercate si folosite din simplul motiv ca ofera ceva in plus fata de cele deja amintite.

Doiop - Genereaza propriul link

Cu Doiop iti poti alege propriul link prin introducerea unui cuvant cheie dorit. Problema este ca multe cuvinte cheie din limba engleza au fost deja folosite, iar tu va trebui sa ai putina imaginatie pentru a gasi unul nefolosit inca sau sa adaugi un numar la coada.

Exemplu: http://doiop.com/cost este linkul scurt catre articolul Cat de mult costa un blog? generat cu Doiop.

X.co - Cele mai scurte linkuri posibile

Spatiul reprezinta o resursa critica pentru tine? Foloseste X.co si vei avea cele mai scurte linkuri posibile. Mai scurt de atat nu se poate. De folosit pe Twitter atunci cand mesajele tale sunt lungi si ajung la limita de caractere permise. Serviciul X.co este oferit de compania de hosting GoDaddy.com

Exemplu: http://x.co/BFzE este linkul scurt catre articolul Cat de mult costa un blog? generat cu X.co.

Z6 - Varianta romaneasca

Z6 este un serviciu romanesc care imbina avantajele primelor doua: posibilitatea de a alege propriul cuvant cheie si generarea unui link foarte scurt. Ma intreb de la ce vine Z6?

Exemplu: http://z6.ro/cost este linkul scurt catre articolul Cat de mult costa un blog? generat cu Z6.

Ce servicii de scurtare a linkurilor folositi? Veti incerca vreunul din serviciile prezentate mai sus? Cunoasteti si alte servicii similare care ofera avantaje in plus fata de serviciile obisnuite folosite pe Twitter?

1. Lipsa titlului paginii web

Numarul paginilor fara titlu este imens. O simpla cautare in Google dupa cuvantul cheie "untitled document" va va dezvalui milioane de rezultate - pagini care nu au stabilit un titlu. Acesta este folosit de motoarele de cautare ca titlul rezultatului unei cautari, de aceea lipsa lui va face ca pagina dumneavoastra sa nu fie gasita la nici o cautare dupa cuvintele cheie dorite. Acelasi lucru se intampla si daca titlul paginii nu este stabilit corect. Titlul paginii ofera motoarelor de cautare un indiciu cu privire la contextul acesteia.

2. Titlul prea lung sau prea scurt

Cu cat titlul unei pagini este mai lung, cu atat efectul acestuia este mai diminuat in ceea ce priveste optimizarea SEO (Search Engine Optimisation). Google si alte motoare de cautare afiseaza 60-70 de caractere in titlu, depasirea acestei dimensiuni avand efect negativ pentru optimizare. Pe de alta parte, un titlu prea scurt (format din 1-2 cuvinte) restrictioneaza rezultatele la cautari doar la un cuvant cheie.

Situatia optima este de a avea un titlu format din 2 cuvinte cheie inserate intr-o expresie (aprox. 6 cuvinte, 35-40 de caractere). Astfel titlul nu este prea incarcat, puterea cuvintelor cheie nu este diminuata. Ganditi-va si la utilizator cand scrieti titlul. Un titlu scurt nu spune prea multe unui vizitator in ceea ce priveste continutul paginii, iar un titlu prea lung este plictisitor si greu de citit.

3. Canibalizarea cuvintelor cheie

Multi asa-zisi experti SEO recurg la inghesuirea in titlu a cuvintelor cheie. Ceea ce rezulta nu este un titlu ci un sir de cuvinte fara inteles pentru vizitatori. Aceasta practica nu va avea nici rezultate bune in ceea ce priveste optimizarea SEO. Cuvintele cheie trebuiesc asezate natural intr-o expresie sau intr-o propozitie.

4. Titluri duplicat pe paginile web

O alta greseala des intalnita este folosirea aceluiasi titlu la mai multe pagini web. Fiecare pagina este individuala, deci si titlul ar trebui sa fie diferit. In plus un motor de cautare nu va sti care din pagini este mai buna pentru a fi afisata la cautari.

5. Numele companiei in titlul tuturor paginilor web

Evitati sa folositi numele companiei in titlurile tuturor paginilor. Exceptie pot face denumirile care reprezinta chiar cuvinte cheie. Se ocupa astfel spatiu din titlu si se diminueaza efectul cuvintelor cheie. Singurele pagini pe care se recomanda ca titlul sa contina numele companiei sunt paginile de contact si paginile cu informatii despre companie. Titlurile care contin si numele companiei ar trebui sa le afiseze la sfarsit. Motoarele de cautare dau o importanta mai mare primelor cuvinte din titlu, de aceea este bine ca denumirea companiei sa fie afisata la coada titlului.

Compuneti titlul paginii pentru utilizator NU pentru Google. Astfel veti evita toate cele 5 greseli, si veti avea sanse mari sa iesiti la cautari fara eforturi suplimentare. Nu uitati: cautarile le fac tot utilizatorii.

1. Optimizati titlurile paginilor

Rescrierea titlurilor care nu sunt optimizate SEO este primul pas pentru a obtine rapid o imbunatatire a pozitiei in SERPs (Search Engine Results Pages). Titlul unei pagini trebuie sa fie scurt (aproximativ 60-70 de caractere), unic, descriptiv si sa contina principalele cuvinte cheie ale paginii. De asemnea trebuie sa fie atractive, usor de citit si inteles de catre utilizatori.

2. Optimizati tagurile si descrierea META

Tagurile si descrierea META, la fel ca si titlul, sunt elemente HTML dispuse in headerul unei pagini web. Acestea contin informatii suplimentare despre pagina, ce sunt vizibile doar motoarelor de cautare. Descrierea META are o importanta aparte, intrucat este folosita de motoarele de cautare ca o scurta descriere a paginii. Descrierea META ar trebui sa aiba aproximativ 150 de caractere, sa contina subiectul pe scurt al paginii si sa fie atractiva pentru utilizatori. Desi are o importanta redusa in stabilirea pozitiei in motoarele de cautari, este importanta din perspectiva ca aceasta poate convinge utilizatorul sa dea click pe linkul tau si nu al unui site concurent.

3. Creati linkuri interne

Linkurile interne reprezinta modul in care sunt inlantuite / legate paginile unui site web. Pornind de la prima pagina, creati legaturi catre paginile cele mai importante ale site-ului atat pentru directionarea vizitatorilor spre sectiunile importante ale acestuia cat si pentru directionarea link juice-ului (PageRank) catre acestea. Folositi cuvinte cheie in ancora linkului si incercati sa pozitionati linkurile in context.

4. Optimizati continutul paginii

Unul din pasii cei mai importanti in SEO copywriting este crearea unei liste de cuvinte cheie si expresii ce pot fi utilizate la cautari. Identificati cele mai importante cuvinte si expresii din lista si incorporati-le in continutul paginii, titlu si descrierea META. Aveti grija la densitatea de cuvinte cheie si analizati importanta fiecaruia in pagina. Pentru aceasta puteti folosi unealta Keyword Analyzer tool.

5. Folositi uneltele disponibile pentru optimizare SEO

Folositi Webmaster Tools si Google Analytics pentru a monitoriza evolutia site-ului dvs. In mediul online sunt o multime de unelte cu ajutorul carora puteti analiza optimizarea SEO a unei pagini web. Nu neglijati nici pluginurile sau extensiile platformei pe care o folositi, si care va pot usura munca de optimizare SEO.

Metode de update WordPress

Actualizarea platformei se poate face in doua feluri: automat sau manual. Este foarte important ca inainte de a face update sa faceti un back-up la blog, pentru a evita durerile de cap ulterioare.

Back-up se poate face fie din panoul de control cPanel sau Plesk, fie folosind pluginuri de tipul WordPress Database Backup sau WordPress Backup.

Pasul urmator in procesul de update il reprezinta dezactivarea tuturor pluginurilor care se poate face usor selectand tot si folosind optiunea “Bulk action” (pe care o gasiti in partea de sus a listei cu pluginuri).

Abia apoi se poate face back-up automat sau manual. Pentru back-up automat mergeti in Dashboard -> Updates si faceti click pe butonul de update. Pentru back-up manual folositi un client FTP pentru a copia fisierele versiunii noi peste cele vechi direct pe server. Dupa actualizare testati paginile blogului apoi logati-va in panoul de administrare si testati daca puteti accesa diverse sectiuni ale meniului. La acest pas pot apare erori la back-up-ul automat, ceea ce va obliga sa faceti un back-up manual. Pentru mai multe detalii puteti consulta si pagina oficiala WordPress Codex.

Ultimul pas il reprezinta reactivarea pluginurilor. De aceasta data nu mai folositi optiunea “Bulk action” pentru ca este posibil ca anumite pluginuri sa nu mai functioneze. Activati pe rand cate un plugin si testati daca paginile blogului sau ale panoului de administrare se incarca corect.

Din nefericire, la trecerea de la WordPress 2.x la 3.x, apar multe erori la reactivarea pluginurilor: “Internal Server Error”, blank page sau pagina fara optiuni la accesarea anumitor submeniuri din panoul de administrare. In momentul in care intalniti o astfel de eroare, intrati prin clientul FTP in directorul wp-content/plugins si redenumiti folderul pluginului a carui reactivare a dus la aparitia erorilor.

Da-ti refresh la panoul de administrare si totul va reveni la normal. In meniul Plugins va apare un mesaj de eroare ca pluginul a fost dezactivat deoarece nu mai sunt gasite fisierele acestuia pe server. Pluginul poate fi sters sau puteti sa il lasati dezactivat si sa asteptati pana apare un upgrade la o versiune mai noua a acestuia care ar putea aduce si rezolvarea erorilor de incompatibilitate.

Daca ati intalnit si alte erori in procesul de upgrade WordPress, impartasiti-le si noua. Nu uitati sa mentionati solutiile folosite pentru a le rezolva.

Adaugarea linkurilor "Delete" si "Spam" la comentarii

Fie ca permiteti sau nu postarea de comentarii fara a fi aprobate de un moderator / administrator, s-ar putea ca la un moment dat sa simtiti nevoia de a avea un control suplimentar asupra comentariilor. Implicit Wordpress ofera linkul "Edit" de editare a comentariilor, dar nu ofera posibilitatea de a adauga linkurile "Delete" si "Spam".

Primul pas este de a crea functiile necesare. Pentru aceasta inserati codul urmator in fisierul functions.php:

function delete_comment_link($id) {
  if (current_user_can('edit_post')) {
    echo '| <a href="http://www.dream-webdesign.ro/'.admin_url("comment.php?action=cdc&c=$id").'">del</a> ';
    echo '| <a href="http://www.dream-webdesign.ro/'.admin_url("comment.php?action=cdc&dt=spam&c=$id").'">spam</a>';
  }
}

Apoi deschideti fisierul comments.php si cautati functia edit_comment_link() ce reprezinta linkul "Edit" inserat la fiecare comentariu. Adaugati dupa aceasta functie codul urmator:

delete_comment_link(get_comment_ID());

Separati trackbacks de restul comentariilor

Trackbacks reprezinta o functie utila ce arata cititorilor ce alte bloguri mentioneaza articolul pe care l-au citit, insa atunci cand numarul lor este mare, devine dificila urmarirea conversatiilor postate de vizitatori. De aceea o solutie o reprezinta separarea comentariilor de trackbacks. Pentru a rezolva aceasta problema deschideti fisierul comments.php si cautati bucla comentariilor de forma:

foreach ($comments as $comment) : ?>
    // Comments are displayed here
endforeach;

Odata identificata bucla, inlocuiti-o cu urmatorul cod:

<ul class="commentlist">
    <?php //Displays comments only
	foreach ($comments as $comment) : ?>
       	<?php $comment_type = get_comment_type(); ?>
       	<?php if($comment_type == 'comment') { ?>
	    <li>//Comment code goes here</li>
	<?php }
    endforeach;
</ul>

<ul>
    <?php //Displays trackbacks only
	foreach ($comments as $comment) : ?>
       	<?php $comment_type = get_comment_type(); ?>
       	<?php if($comment_type != 'comment') { ?>
	    <li><?php comment_author_link() ?></li>
	<?php }
    endforeach;

</ul>

Eliminati linkurile din comentarii

Spammerii si chiar cititorii nostri fideli pot lasa linkuri in comentarii care de obicei nu sunt utile. Implicit Wordpress transforma textele ce seamana cu adrese URL in linkuri pe care se poate face click. Pentru a dezactiva aceste transformari automate, adaugati in fisierul function.php urmatorul cod:

function plc_comment_post( $incoming_comment ) {
	$incoming_comment['comment_content'] = 
htmlspecialchars($incoming_comment['comment_content']);
	$incoming_comment['comment_content'] = 
str_replace( "'", ''', $incoming_comment['comment_content'] );
	return( $incoming_comment );
}

function plc_comment_display( $comment_to_display ) {
	$comment_to_display = str_replace( ''', "'", $comment_to_display );
	return $comment_to_display;
}

add_filter('preprocess_comment', 'plc_comment_post', '', 1);
add_filter('comment_text', 'plc_comment_display', '', 1);
add_filter('comment_text_rss', 'plc_comment_display', '', 1);
add_filter('comment_excerpt', 'plc_comment_display', '', 1);

Afisati comentariile autorului in alt stil fata de restul comentariilor

Daca aveti un blog cu multe comentarii si doriti sa scoateti in evidenta comentariile autorului, atunci faceti urmatorii pasi:

1. Deschideti fisierul comments.php si cautati bucla comentariilor:
   

   <?php foreach comment as $comment) { ?>

2. Dupa codul respectiv inserati urmatoarele linii:
   

   <?php
   $isByAuthor = false;
   if($comment->comment_author_email == get_the_author_email()) {
   $isByAuthor = true;
   }
   ?>

3. Cautati apoi liniile de cod care reprezinta comentariile:
   

   <li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

4. Inlocuiti-le cu urmatorul cod:
   

   <li class="<?php echo $oddcomment; ?> <?php if($isByAuthor ) {
    echo 'authorcomment';} ?>" id="comment-<?php comment_ID() ?>">

5. In final va trebui sa adaugam in fisierul style.css codul pentru modificarea stilului:
   

   .authorcomment{
   	color:#fff;
   	font-weight:bold;
   	background:#068;
   }

Afisarea numarului total de comentarii de pe blog si a numarului mediu de comentarii pe articol

In panoul Wordpress putem vedea o statistica a comentariilor de pe blog, insa nu avem nici o unealta de a afisa public aceste informatii. Daca doriti acest lucru, folositi urmatorul cod:

<?php
$count_posts = wp_count_posts();
$posts = $count_posts->publish;

$count_comments = get_comment_count();
$comments  = $count_comments['approved'];

echo "Pe acest blog au fost lasate ".$comments." comentarii, ceea ce reprezinta 
o medie de ".round($comments/$posts)." comentarii pe articol.";
?>

Cam atat pentru astazi. Seria noastra de tutoriale Wordpress nu este incheiata, insa vom publica mai rar astfel de articole (cel putin unul pe luna), dar cu o complexitate mai ridicata fata de a tutorialelor deja publicate.

In acest articol vom prezenta modul de functionare al WordPress Hooks si vom da exemple de functii folositoare si usor de integrat in blogul dumneavoastra.

Ce este un “hook”?

Pentru a adauga diferite functionalitati unui blog WordPress, trebuiesc modificate functiile platformei, deci cu alte cuvinte trebuiesc modificate fisierele de baza (core files). Acest lucru nu este recomandat pentru ca orice modificare se pierde la un upgrade, iar prin modificarea functiilor se pot introduce vulnerabilitati in sistem. Solutia la aceasta problema a reprezentat-o Plugin API. Pluginurile, stim cu totii, sunt pachete de functii personalizate care modifica sau adauga noi capabilitati platformei WordPress.

Hook-urile reprezinta piesele principale folosite la realizarea unui plugin – functii personalizate care “se agata” de functiile standard ale platformei si le altereaza modul de lucru.

In acest articol insa nu voi vorbi despre cum sa faceti un plugin (nu uitati ca pluginurile vin cu propriile fisiere care se adauga in directorul wp-content/plugins), iar functiile personalizate trebuiesc puse undeva. Locatia este acelasi fisier functions.php din directorul wp-content/themes/tema_curenta in care am scris si functiile pentru wordpress shortcodes.

Dezactivarea formatarii automate WordPress

O problema care ne da batai de cap la toata lumea este faptul ca WordPress converteste automat ghilimelele normale in ghilimele curbate. Astfel daca am introdus cod sursa intr-un articol (spre exemplu codul pentru banner exchange), acesta este modificat si nu va mai functiona.
Solutia ar fi sa adaugam in fisierul functions.php urmatorul cod:

function my_formatter($content) {
	$new_content = '';
	$pattern_full = '{(\[raw\].*?\[/raw\])}is';
	$pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
	$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

	foreach ($pieces as $piece) {
		if (preg_match($pattern_contents, $piece, $matches)) {
			$new_content .= $matches[1];
		} else {
			$new_content .= wptexturize(wpautop($piece));
		}
	}
	return $new_content;
}

remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');
add_filter('the_content', 'my_formatter', 99);

Atunci cand vreti sa introduceti cod sursa pe pagina, folositi codul scurt [raw]. Spre exemplu:

[raw]<a href="http://google.com/">Google</a>[/raw]

Dezactivare mesaj “Please Update Now” la WordPress

Personal gasesc utila avertizarea din dashboard cand o noua versiune WordPress a fost lansata. Problema este ca multa lume nu intelege ca inainte de a actualiza platforma de blogging, este necesar un back-up. Astfel se ajunge la pierderea unor informatii sau stricarea completa a platformei. Problema devine si mai grava atunci cand este vorba de blogul unui client, de aceea este mai bine sa nu ii lasam lui aceasta optiune (de a strica blogul, bineinteles).
Cu ajutorul codului urmator, problema este rezolvata:

if (!current_user_can('edit_users')) {
  add_action( 'init', create_function( '$a', 
"remove_action( 'init', 'wp_version_check' );" ), 2 );
  add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
}

Dezactivarea autosalvarilor unui articol

Atunci cand scriem un articol, WordPress salveaza periodic continutul. Desi este o functie utila, exista si cazuri cand doriti sa dezactivati autosalvarea.
Si in acest caz avem cateva linii de cod pe care le vom insera in acelasi fisier functions.php:

function disableAutoSave(){
    wp_deregister_script('autosave');
}
add_action( 'wp_print_scripts', 'disableAutoSave' );

Prevenirea continutului duplicat in paginile cu comentarii

Incepand cu versiunea 2.7, WordPress ofera posibilitatea de impartire a comentariilor pe mai multe pagini, existand riscul de a avea continut duplicat. Pentru a evita o astfel de problema, putem folosi tagul rel="canonical". Codul necesar a fi inserat in functions.php este:

function canonical_for_comments() {
	global $cpage, $post;
	if ( $cpage > 1 ) :
		echo "\n";
	  	echo "<link rel='canonical' href='";
	  	echo get_permalink( $post->ID );
	  	echo "' />\n";
	 endif;
}

add_action( 'wp_head', 'canonical_for_comments' );

Desi shortcode-urile si hook-urile sunt inserate in acelasi fisier si par similare, intre ele exista diferente fundamentale. Shortcode-urile sunt functii de sine statatoare, ce nu interactioneaza cu functiile standard WordPress si nici nu modifica functionalitatile de baza ale platformei. Aceste functii nu sunt executate implicit, ci trebuiesc apelate prin intermediul unui cod. Hook-urile pe de alta parte apeleaza la functii standard WordPress pentru a modifica modul de functionare sau rezultatul final al acestora.

In prima parte a articolului vom explica cum poate fi creat si folosit un cod scurt, iar in a doua parte a articolului vom prezenta cateva exemple cu care blogul dumneavoastra poate fi imbunatatit.

Modul de utilizare al codurilor scurte este partea cea mai simpla a acestui proces. Atunci cand scrieti un articol va trebui sa comutati de pe modul Visual pe modul HTML si sa introduceti codul intre parateze drepte:

[shortcode]

Cand salvati articolul, WordPress va executa codul si-l va inlocui in pagina blogului cu rezultatul acestuia.

Problema mai complicata este sa scrieti functia care se va executa la salvare, functie ce va fi inserata in fisierul functions.php a temei curente.
Spre exemplu sa inseram in functions.php urmatorul cod:

function hello() {
return 'Hello, World!';
}
add_shortcode('hw', 'hello');

Despre ce este vorba: am definit functia hello() care va afisa stringul “Hello, World!”. Apoi am definit codul scurt cu care vom apela functia in cadrul articolului: hw.

In continuare, de fiecare data cand intr-un articol vom scrie [hw] in modul HTML, la salvare se va executa functia hello(). Acum ca toata lumea a inteles mecanismul codurilor scurte, va voi arata cateva functii utile de folosit pe viitor.

Codul “Tweet this article!”

Stiu ca exista pluginuri care sa afiseze pe pagina articolului o iconita prin care se poate trimite o recomandare “tweet this” catre Twitter, insa dezavantajul unui astfel de plugin este ca va afisa iconita in toate articolele. Daca dorim ca iconita sau textul “tweet this” sa apara doar in anumite articole, atunci vom avea nevoie de un cod scurt.
Codul urmator va introduce in articol un link cu numele “Tweet this article!” prin care se poate trimite o recomandare spre Twitter. Cu putine modificari, puteti afisa in loc de text o imagine / iconita.
Inserati codul dat ca exemplu in fisierul functions.php a temei curente.

function twitt() {
  return '<div id="twitit"><a title="Click to send this page to Twitter!" 
href="http://twitter.com/home?status=Currently%20reading%20%27.get_permalink%28$post-%3EID%29.%27" 
target="_blank">Share on Twitter</a></div>';
}
add_shortcode('twitter', 'twitt');

Pentru a apela functia, scrieti in cadrul articolului:
[twitter]

Codul “Google Adsense”

Multe bloguri au modificata tema in asa fel incat sa afiseze printre paragrafele articolului reclame Google Adsense. La fel ca si in cazul unui plugin, reclamele vor fi afisate in toate articolele, in mod uniform. Daca dorim insa plasarea reclamelor in zone diferite, in functie de articol, iarasi vom avea nevoie de un shortcode.
Codul urmator va insera in articol un banner AdSense:

function showads() {
    return '
<div id="adsense"><script type="text/javascript"><!--mce:0--></script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.%20js" 
type="text/javascript"><!--mce:1--></script></div>
';
}
add_shortcode('adsense', 'showads');

ATENTIE! Modificati in cod datele dvs de client si dimensiunile reclamei, sau inserati codul generat in locul codului dat ca exemplu. Pentru inserare in articol, folositi codul:

[adsense]

Ca un mic artificiu, puteti crea mai multe coduri pentru diferite formate ale bannerului, asa incat sa aveti flexibilitate maxima atunci cand doriti inserarea reclamelor in cadrul articolului.

Codul “Abonare la RSS”

Chiar daca linkul de abonare la RSS sta frumos in coltul dreapta sus, nu face rau un link suplimentar la finalul unui articol sau chiar inserat in continutul acestuia. Trebuie sa dam cititorului posibilitatea de abonare rapida, fara a mai derula pagina dupa ce a terminat de citit articolul. Si in acest caz dorim sa pastram controlul total al afisarii unui astfel de buton, de aceea vom apela tot la un cod scurt in locul unui plugin.
Codul din exemplul urmator va fi plasat tot in fisierul functions.php.

function subscribeRss() {
    return '
<div class="rss-box"><a href="http://blog.dream-webdesign.ro/feed/">
Ti-a placut articolul? Aboneaza-te la fluxul RSS!</a></div>';
}
add_shortcode('subscribe', 'subscribeRss');

Inlocuiti linkul catre feed din exemplu cu propriul dvs. link. Dupa cum observati am pus linkul intr-un div pentru a-l putea stiliza usor. Tot ce mai trebuie sa faceti este sa inserati in fisierul style.css al temei curente codul urmator:

.rss-box{
  background:#F2F8F2;
  border:2px #D5E9D5 solid;
  font-weight:bold;
  padding:10px;
}

Inserarea codurilor scurte in sidebar

Implicit WordPress-ul va permite sa inserati coduri scurte doar in cadrul articolelor. Bineinteles ca vine si intrebarea: “Cum fac sa inserez coduri scurte in widget-urile din sidebar?”

Raspunsul este la fel de simplu ca si utilizarea codurilor. Va trebui sa inserati in fisierul functions.php o linie suplimentara:

add_filter('widget_text', 'do_shortcode');

Asta este tot, acum codurile pot fi folosite si in sidebar.

Resurse WordPress shortcodes

• Shortcode API
  Pagina oficiala WordPress Codex pentru detalii despre codurile scurte.
• WordPress shortcode folosit ca buton de download
  Un tutorial de creare a unui buton de download pe care sa il inserati in articolele voastre.
• Publicitate folosind WordPress shortcodes
  Un tutorial de creare a functiei de afisare a bannerelor sau linkurilor publicitare prin apelarea cu un cod scurt.

​