Cum sa folosesti fonturi icon in WordPress

Fonturile icon sunt de fapt vectori de tip icon folosite ca fonturi. Sunt populare mai ales printre web designeri intrucat arata mai bine decat imaginile bitmap. Poti fi redimensionate fara a pierde din calitate si fara a necesita folosirea CSS pentru stilizare. Iata asadar si motivul pentru care multe teme WordPress folosesc fonturi de tip icon.

Bineinteles, pentru incepatori, este putin complicata folosirea fonturilor icon in site-urile lor WordPress. In acest articol va vom arata cum sa folositi fonturi icon in post editorul WordPress fara sa ai nevoie de cunostinte HTML si CSS.

Genericons a GPL Licensed open source icon font set

Primul pas pe care trebuie sa il faci este sa instalezi si sa activezi plugin-ul WP Visual Icon Fonts. Dupa activare acestui plugin, trebuie sa mergi la Settings>>Icon fonts pentru a selecta un set de fonturi icon. Plugin-ul descris vine cu doua seturi de fonturi: Font Awesome si Genericon.

Choose an Icon Font to use with your WordPress theme

Dupa ce ai ales un font, poti sa il folosesti in posturi si pagini WordPress si chiar in fisierele template din tema curenta. Pentru a folosi fonturile icon, trebuie sa creezi sau sa editezi un post si vei descoperi ca acum ai un buton numit Icons, alaturi de butonul Add Media. In momentul in care dai click pe butonul Icons vei deschide un meniu de tip dropdown cu toate icon-urile disponibile in acel set. Selectarea uneia din iconite va duce la adugarea ei in post sau pagina.

Poti de asemenea sa schimbi marimea si culoare iconitei folosind butoanele din editorul vizual. Pentru a folosi o iconita in tema, cel mai usor mod pentru a genera codul HTML necesar il reporezinta tot editorul WordPress. Doar adaugi iconita in aditorul vizual, schimbi pe editorul text si copii codul. Mai apoi, iti ramane doar sa dai paste acelui cod in locul in care doresti sa inserezi iconita.Copy icon fonts HTML to use in your theme files

Cum sa adaugi o optiune de nofollow in WordPress

Recent, cineva ma intreba cum ar putea sa faca sa adauge un checkbox cu nofollow in momentul in care insereaza un articol in editorul de text WordPress. Din nefericire, chiar daca WordPress iti permite sa bifezi o optiune de deschidere a articolului intr-o alta pagina, nu iti va oferi posibilitatea de a adauga nofollow acelul link.

Pana acum aveai fie optiunea de a adauga nofollow tuturor link-urilor din site prin intermediul unui plugin sau puteai sa faci asta manual, editand in HTML. In acest articol va aratam cum sa adaugati o optiune de nofollow alaturi de cea care iti permite sa deschizi articolul in alta pagina.

Adding a nofollow checkbox in WordPress

Daca scrii un articol daca are atat link-uri interne cat si link-uri externe, spre alte site-uri, atunci vei dori sa obtii maximul de link juice intern. Poti face asta adaugand nofollw link-urilor externe. Nu vei putea face asta din editorul vizual ci va trebui sa schimbi pe text editor. Iata cum se adauga nofollow unui link:

<a href="http://www.example.com" rel="nofollow">Example Link</a>

Haideti sa facem acest proces mai usor.

Cum sa adaugi un checkbox cu nofollow la popup-ul cu insert link

Primul lucru pe care trebuie sa-l faci este sa instalezi plugin-ul Rel Nofollow Checkbox. Nu trebuie sa-l setezi sau sa-l configurezi in nici un fel.

Doar mergi la ecranul de editare al posturilor si in momentul in care vrei sa adaugi un link, ai automat optiunea de a-l face nofollow.

Acum, poti sa adaugi rel=nofollow la orice link in momentul in  care scrii un articol. Multi bloggeri bifeaza mai mereu casuta cu Open Link in a new window/tab asa ca aceasta casuta cu nofollow e plasata pentru a putea fi folosita oricand, cu usurinta.

Speram ca acest articol ti-a rezolvat orice problema pe care o aveai cu introducerea de link-uri nofollow.

Cum sa instalezi bulk plugin-urile tale favorite in WordPress

Fiecare utilizator de WordPress isi are propriile plugin-uri favorite pe care vor sa le foloseasca pe toate site-urile lor. In trecut, trebuia sa instalezi manual, fiecare plugin WordPress in parte. Ei bine, in acest articol va vom arata cum sa instalati bulk plugin-urile tale favorite in WordPress. Metoda va va fi de ajutor mai ales in momentul in care aveti mai multe site-uri WordPress de administrat si regulat, administrati din ce in ce mai multe site-uri WordPress noi.

Primul lucru pe care trebuie sa-l faci este sa instalezi si sa activezi plugin-ul WP Install Profiles. Dupa activare, trebuie sa mergi la Plugin > Bulk Install Profiles.

WP Install Profiles settings

La inceput, vei vedea acolo o lista de plugin-uri default. Daca vrei sa folosesti anumite plugin-uri din acea lista, fa-o iar pe restul doar sterge-le.  Poti de asemenea sa adaugi plugin-uri noi la acea lista, atat timp cat sunt disponibile pe WordPress.org.

Pentru a adauga un plugin, trebuie sa adaugi numele folosit in URL-ul plugin-ului. De exempli, daca vrei sa adaugi plugin-ul floating social bar, va trebui sa introduci fie floating social bar fie floating-social-bar.

Odata ce ai introdus toate plugin-urile pe care vrei sa le instalezi,poti sa dai un nume acestei liste (exemplu: Plugin-uriFavorite). Dupa asta, poti salva profilul sai click pe Download plugins and save profile.

Creating a profile containing all your favorite plugins

Acest plugin va descarca acum toate plugin-urile din lista si iti va pune la dispozitie un link pentru a-ti descarca profilul. Da click pentru a descarca profilul si pentru a-l folosi mai tarziu in alte instalari de plugin-uri pentru WordPress.

Pentru a re-instala aceste plugin-uri intr-o alta instalare WordPress, va trebui sa instalezi si sa activezi plugin-ul WP Install Profiles si pe alte site-uri. Dupa activare, mergi la Plugins> Bulk Install Profiles si click pe tab-ul Import Profiles.

Import your plugins profile

Tot ce trebuie sa faci acum este sa incarci profilul descarcat anterior si gata. Instalezi si aici, toate plugin-urile WordPress favorite.

Noutati SEO

In 2014 va fi mult mai greu sa determini ce creste mai bine si de ce. Experti SEO spun ca vor trebui sa depuna mult mai mult efort in a determina cum trebuie sa promoveze si mai intai, sa realizeze continutul pentru o optimizare cat mai buna.

Mai mult decat atat, in 2014 SEO va fi mult mai mult axat pe mobile. Astazi, mai mult de 40% din mail-urile trimise zilnic sunt citite de pe dispozitive mobile ca smarphone-uri, tablete etc. Ca nici o alta aplicatia, mail-ul ramane metoda perfecta de a transforma continutul in viral. Marele trend in SEO va fi optimizarea acestuia pentru platformele mobile.

La un anumit punct, expertii se asteapta ca Google sa pune pret mare pe timpul de incarcare al unului site pe platformele mobile. In final, daca site-ul nu este optimizat in acest sens, Google nu va voi sa distribuie utilizatorilor acel site. Sit-eurile fara o pregatire serioasa pentru platformele mobile, categoric vor avea probleme.

Cautarile locale, vor avea o importanta foarte mare. Se asteapta ca Google si Bing sa optimizeze din ce in ce mai bine rezultatele pentru a afisa site-uri locale, afaceri si servicii locale.

Se va pune accent mai mare pe noile modificari introduse odata cu Hummingbird. Cuvintele cheie individuale isi vor pierde din importanta in fata cautarilor tematice.

Care va fi rolul expertilor SEO?

Agentiile SEO care se vor reinventa si vor tine pasul cu schimbarile sunt singurele care vor reusi sa se mentina in acest business. Agentiile SEO vor include si mai mult PR pentru a reusi sa se ridice la inaltimea asteptarilor.

SEO devine ceva atat de relativ incat stabilirea unor reguli, a unor norme sau a unor tipare va fi aproape imposibila. Se va pune accent mai mare pe identificare problemei fiecarui site in parte si pe identificare strategiilor unice de promovare si optimizare.

Cum sa adaugi shortcode-uri in WordPress?

Ai patit vreodata sa vrei sa adaugi un continut special intr-un post sau o pagina si nu ai stiut exact cum? Poate ca ai vrut sa pui un widget twitte/ Cum poti adauga cu usurinta acest tip de continut in WordPress?

Din fericire, WordPress pune la dispozitie asa zisele shortcode-uri pentru a face acest task foarte usor. In acest tutorial, va vom invata cum sa folositi shortcode-urile.

Ce este un shortcode in WordPress?

Pe scurt, un shortcode este un tag special pe care il poti introduce intr-un articol pentru a inlocui un tip de continut pentru site-ul tau. Daca ai pus vreodata o galerie intr-un articol, stii mai bine ce inseamna acest shortcode.

Cand se incarca pagina, shortcode-ul [ gallery ]  va fi inlocuit cu tot codul galeriei de imagini. Ce e mai interesant e ca wordpress iti permite sa-ti creezi propriile shortcode-uri.

Cum creez un shortcode?

Din fericire, WordPress face asta foarte simplu. Haideti sa vedem de exemplu cum facem un shortcode pentru a implementa o reclama Adsense. Primul lucru pe care trebuie sa-l facem este sa definim o functie pentru codul Adsense actual. Tot acest cod va ajunge in function.php din tema ta.

function get_adsense($atts) {
return '<script type="text/javascript"><!--
google_ad_client = "pub-546321545321589";
/* 468x60, created 9/13/10 */
google_ad_slot = "54321565498";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}

Aceasta functie este foarte simpla. Ea returneaza codul Adsense sub forma unui sting. Orice returneaza aceasta functie este ceea ce va inlocui shortcode-ul meu.

Acum ca avem o functie care returneaza ce ne dorim, haideti sa o legam de un shortcode.

add_shortcode('adsense', 'get_adsense');

Gata! Prima parte e numele shortcode-ului asa ca in cazul nostru, adsense ii spune WordPress-ului sa creeze shortcode-ul [adsense]. Partea cu “get_adsense” ii spune WordPress sa inlocuiasca [adsense] cu rezultatele obtinute din metoda “get_adsense”.

Cum folosesc Shortcode-ul?

Ultima parte e simpla. Doar adauga [adsense] in articolul tau si gata.

Despre faimoasa instalare WordPress in 5 minute

WordPress este foarte cunoscut pentru faptul ca se instaleaza foarte usor. In cele mai multe cazuri, instalarea WordPress pe un site e foarte simpla si nu dureaza 5 minute. Cele mai multe hosturi ofera tool-uri (cum ar fi Fantastico) ce vor instala WordPress automat pentru tine. Oricum, daca vrei sa instalezi singur WordPress, ghidul urmator iti va f de folos.

Ce trebuie sa faci pentru a instala WordPress

Incepe instalarea prin:

-verificarea cerinteleor minime ale serverului pentru a instala WordPress

-descarcarea ultimei versiuni de WordPress

-dezarhivarea fisierelor descarcate, intr-un folder pe PC

-pregatirea unei parole securizate pentru Secret Key

Faimoasa instalare WordPress in 5 minute

Iata o versiune scurta a instructiunilor pentru cei care sunt deja obisnuiti cu astfel de instalari.

Daca nu te simti comfortabil cu redenumirea fisierelor, pasul 3 este optional si poti sari peste el pentru ca softul de instalare va crea wp-config.php pentru tine.

1. Descarca si dezarhiveaza Wirdpress-ul daca nu ai facut deja asta.

2. Creaza o baza de date pentru WordPress, pe serverul tau, alaturi de un user MySQL cu toate privilegiile de accesare si modificare setate.

3. (optional) Gaseste si redenumeste wp-config-sample.php in wp-config.php apoi editeaza acest fisier si adauga datele bazei tale de date.

4. Incarca fisierele WordPress in locatia dorita pe serverul web:

-daca vrei sa integrezi WordPress in root-ul domeniului ( ex. http://numesite.ro) muta sau incarca tot continutul dezarhivat WordPress  (excluzand directorul WOrdpress) in directorul root al serverului.

-daca vrei sa ai WordPress instalat in propriul sau subdirector pe site-ul tau (ex. http://numesite.ro/blog) creaza directorul “blog” pe serverul tau si incarca continutul dezarhivat in directorul respectiv.

-Nota: daca folosesti un client FTP ce are optiunea automata de a converti numele fisierelor in litere mici, asigura-te ca acea optiune e dezactivata.

Ruleaza scriptul de instalare WordPress, accesand URL-ul unde vrei sa-l instalezi, dintr-un browser.

Asta-i tot! WordPress ar trebui sa fie acum instalat!

Ce nu stiai despre CMS-ul WordPress

Cel mai popular CMS din lume este WordPress. WordPress este folosit pe 21% din toate site-urile existente in internet. WordPress este folosit de site-urile cu cel mai mare trafic. WordPress este folosit pe site-urile celor mai bogate companii din lume.

Ce nu stiai despre WordPress

Sunt sigur ca folosesti multe site-uri si in acelasi timp, poate ca ai si tu unul sau chiar mai multe site-uri. Categoric, daca ai un site sau vizitezi mai multe site-uri, intri in contact cu CMS-ul WordPress. Chiar daca esti de parere ca stii multe despre aceasta platforma, poate reusesc sa-ti spun astazi cateva lucruri noi.

WordPress poate fi folosit fara nici o problema chiar si pe cele mai intens vizitate site-uri. Dovada stau primele site-uri din cele mai vizitate in intreaga lume cum ar fi TechCrunch sau Wired.

WordPress este potrivit pentru incepatori care nu stiu CSS, HTML, programare in general. COrect, insa asta nu inseamna ca persoanele cu cunostinte avansate in domeniu nu poti folosi WordPress. WordPress este popular in egala masura pentru incepatori si pentru utilizatori avansati. Pentru incepatori, partea buna e ca isi pot crea site-ul lor fara sa invete programare sau/si design. Pentru dezvoltatori, wordpress pune la dispozitie un soft flexibil cu coduri custom folosind plugin-uri si teme.

Codul din spatele wordpress este solid, developer friendly, deschis si gratuit. Este deasemenea si o “opera de arta” in domeniul publishing-ului cu o interfata foarte usor si rapid de folosit. E unul din motivele care il face asa de popular si cu mult inaintea multor alte CMS-uri.

Pe wordpress poti face chiar si un magazin online. Tot ce trebuie sa faci este sa instalezi un plugin numit WooCommerce si ai rezolvat si aceasta problema.

WordPress poate fi folosit pentru orice tip de site si de ctre oricine. Faptul ca e gratuit si ca e folosit de atat de multe site-uri e un avantaj inimaginabil.

WordPress 3.9 live beta

De marti, WordPress 3.9 a fost lansat in versiunea live beta. Sunt incantat de acest nou update major si am folosit un emulator server pe laptop-ul meu pentru a incerca versiunea beta. Am folosit pentru aceasta si plugin-ul WordPress Beta Tester. Acum, voi vorbi despre cateva din cele mai interesante modificari aduse platformei odata cu noul update major.

Ce aduce nou WordPress 3.9

Prima noutate introdusa in WordPress 3.9 este posibilitatea de a crea playlist-uri audio/video. Astfel, poti sa-ti incarci propriile fisiere audio/ video, sa creezi un playlist direct din WordPress Media Uploader si apoi sa-l folosesti oriunde cu un shortcode, exact ca si cum ai folosi o galerie de imagini.

De acum, ai posibilitatea ca in Theme Customizer sa vezi live si cum va arata un Widget in teme. Doamne cat de mult am asteptat aceasta optiune. Cred ca era tot ce-i lipsea de fapt functiei live preview.

Veti observa de asemenea si mici imbunatatiri in panoul de schimbare teme.

Totusi, pentru final am lasat exact ce am crezut ca e cel mai important si ce va bucura pe foarte multa lume. Este vorba despre toate schimbarile interesante aduse editorului de text.

Writer-ii vor iubi pur si simplu noua versiune de WordPress doar pentru aceste modificari. Folosind editorul open source TinyMCE, WordPress va introduce update-ul la noua versiune a editorului, lansata deja de cateva saptamani.

Aceasta include cateva din cele mai cool modificari. De acum, vei putea incarca imagini fara sa mai dai click pe add media, Upload, browse, etc. Tot ce trebuie sa faci este sa dai drag and drop, direct din calculator.

Mai mult decat atat, nici nu mai ai nevoie de un editor de imagine intrucat noua versiune a editorului ofera posibilitatea de decupare a imaginii, direct din interfata. Procesul de creare a continutului va fi usurat cu mult. In speranta ca sunteti interesati de noua versiunde de WordPress, WordPress 3.9, va invitam sa va spuneti parerea despre ea.

Adauga in WordPress body class, date despre browser-ul si os-ul vizitatorilor

In momentul in care dezvolti o tema wordpress, vei avea de cele mai multe ori anumite informatii legate de utilizatorii site-ului cum ar ce browser folosesc pentru a va accesa site-ul si deasemenea, ce sistem de operare foloseste fiecare utilizator care va acceseaza site-ul. Pentru aceasta insa vom avea anumiti pasi de urmat. Cu ajutorul acestor date pe care le vei colecta, vei putea modifica cu usurinta anumite aspecte ale jQuerry sau CSS.

Ei bine, daca poti colecta toate aceste date, wordpress va face aproape toata treaba asa ca sa incepem. Cum implementezi codul necesar in wordpress body class?

Default, wordpress va genera de fiecare data mai multe clase css, fiecare diferita in functie de fiecare sectiune de pe site-ul tau. Mi mult decat atat, el va pune la dispozitie si anumite filtre ce ii vor ajuta foarte mult pe toti dezvoltatorii de plugin-uri si teme wordpress. Astfel, cu ajutorul acestor filtre, ei vor fi capabili sa isi genereze propriile clase.

Modificarile despre care am vorbit vor fi efectuate cu ajutorul filtrului body_class. Vom aduga informatii despre sistemul de operare si browserul pe care il foloseste utilizatorul in forma CSS class.

Mergeti pentru inceput la fisierul functions.php din tema la care lucrati si adaugati urmatorul cod:

function mv_browser_body_class($classes) {
global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
if($is_lynx) $classes[] = ‘lynx’;
elseif($is_gecko) $classes[] = ‘gecko’;
elseif($is_opera) $classes[] = ‘opera’;
elseif($is_NS4) $classes[] = ‘ns4’;
elseif($is_safari) $classes[] = ‘safari’;
elseif($is_chrome) $classes[] = ‘chrome’;
elseif($is_IE) {
$classes[] = ‘ie’;
if(preg_match(‘/MSIE ([0-9]+)([a-zA-Z0-9.]+)/’, $_SERVER[‘HTTP_USER_AGENT’], $browser_version))
$classes[] = ‘ie’.$browser_version[1];
} else $classes[] = ‘unknown’;
if($is_iphone) $classes[] = ‘iphone’;
if ( stristr( $_SERVER[‘HTTP_USER_AGENT’],”mac”) ) {
$classes[] = ‘osx’;
} elseif ( stristr( $_SERVER[‘HTTP_USER_AGENT’],”linux”) ) {
$classes[] = ‘linux’;
} elseif ( stristr( $_SERVER[‘HTTP_USER_AGENT’],”windows”) ) {
$classes[] = ‘windows’;
}
return $classes;
}
add_filter(‘body_class’,’mv_browser_body_class’);

Din script, prima parte va detecta ce browsere folosesc utilizatorii iar informatiile vor fi adaugate in $classes. Partea a doua va face acelasi lucru cu informatiile despre sistemul de operare al utilizatorilor.

Acum, va trebui sa adaugi body class la tagul HTML
<body> din fisierul header.php al temei. Linia body va trebui sa o inlocuiesti cu:

<body <?php body_class(); ?>>

Daca vei lucra cu o tema underscore, pentru starteri sau co o tema bine codata in frameworks cum ar fi Genesis, ele vor avea deja implementata functia body class in body tag. Imediat ce codul este implementat, vei putea vedea informatiile referitoare la browsere si sisteme de operare in sursa HTML.

Structura Heading pentru blogul tau

Structura heading pentru paginile tale este una din cele mai importante aspecte a SEO on-page. Defineste ce parti din continutul tau sunt importante si cum sunt interconectate. Deoarece au scopuri diferite, un articol singular are nevoie de o alta structura heading decat cea a paginii principale a site-ului.

5 Principii de baza despre HTML headings

Haideti sa intelegem mai bine asta, inainte sa incepem orice modificare:

1. Cel mai important heading de pe o pagina ar trebui sa fie H1.

2. De obicei, este doar un H1 pe fiecare pagina in parte.

3. In cazul sub-headings ar trebui sa folosim H2 iar in cazul sub-sub headings H3 (si asa mai departe).

4. Fiecare heading ar trebui sa cuntina cuvinte cheie de calitate, altfel este degeaba

5. In articolele foarte lungi, importanta headings este de a oferi utilizatorului sa mearga direct la partile pe care vrea sa le citeasca.

Headings pentru Pagina Principala

Structura paginii principale a site-ului tau ar trebui sa fie de genul:

H1: numele blogului

H2: toate articolele recente ar trebui sa aiba H2

H3: pentru articolele mai vechi

H4: continut relevant in sidebar

H5: continut nu atat de relevant in sidebar si footer

Structura Heading pentru pagini/articole singulare

H1: titlul articolului/ paginii

H2 si H3: subheadings si sub-subheadings

H4: Numele blogului si posibil, widget-uri relevante

H5: la fel ca mai sus, sidebar, etc.

Structura headings pentru paginile cu categorii si tag-uri

Daca vrei sa rank-ezi cu paginile categoriilor sau ale tag-urilor, insemnand ca fiecare categorie si tag in parte ofera continut relevant, structura ar trebui sa fie urmatoarea:

H1: titlul categoriei/tag-ului

H2: tiltul articolelor

H3: numele blogului

Restul: la fel ca la pagina principala

E timpul sa te apuci de schimbari. Foloseste W3 Validator pentru a verifica starea blog-ului tau si pentru a vedea care sunt toate modificarile pe care trebuie sa le faci.