Posts Under: Tutoriale Wordpress

Greșeli des întâlnite la instalarea WordPress

mai 22, 2017 Tutoriale Wordpress no comments

Lucrând foarte mult pe platforma WordPress deja instalată, am observat câteva greșeli frecvente. Dacă unele sunt prea tehnice pentru a fi cunoscute de oricine, altele sunt evidente și trebuie neapărat corectate.

1. Instalarea în directorul wordpress (copierea directa a folderului după download).

Arhiva care conține aplicația se numește wordpress și de multe ori am observat tendința de a copia fișierele cu tot cu folder. Este o greșeală evidentă și se poate remedia cu ușurință prin mutarea fișierelor din directorul de pe server în root (de obicei numit public_html), urmat de ștergerea directorului wordpress acum gol.

Soluția elegantă este să se copieze doar fișierele și directoarele din interiorul folderului în locul în care se dorește instalarea WordPress-ului.

2. Păstrarea numelui implicit al prefixului tabelelor bazei de date în care se face instalare

În timpul instalării se vor cere câteva informații: numele bazei de date, numele utilizatorului bazei de date, parola de acces la baza de date, numele gazdei bazei de date și prefixul tabelelor.

O greșeală comună, dar mai puțin înțeleasă de majoritatea celor care instalează un WordPress, este păstrarea prefixului implicit _wp al tabelelor bazei de date în care se face instalarea. Este recomandată schimbarea acestui prefix, fie cu unul aleatoriu, fie cu unul legat de numele de domeniu, dar fără a fi copiat în întregime. Motivul este de securitate. Pentru hackerii WP-ului este mai dificil să acceseze baza de date dacă nu cunosc exact numele tabelelor.

Câteva exemple:

  • dacă numele de domeniu este numedomediu.ro prefixul poate fi: ndro_
  • sau aleatoriu: bp3t7_

Prefixul nu trebuie să fie lung, trei până la cinci caractere este suficient.

 

3. Folosirea pentru utilizatorul administrator a unor nume comune, gen: admin sau administrator

Imediat după completarea datelor de conectare la baza de date apare un formular prin care se definește site-ul:

O greșeală frecventă este alegerea unui nume de utilizator de genul: administrator sau admin. Mai simplu ar fi alegerea unui nume de utilizator familiar, dar mai greu de ghicit de un robot automat, de exemplu: prenume nume

4. Folosirea unei parole slabe

Atât la crearea bazei de date, cât și la crearea utilizatorilor, se cere scrierea unei parole. O greșeală frecventă este alegerea unei parole simple, o succesiune de cifre consecutive sau primele litere de pe tastatură. Tot greșeală este și folosirea unei parole de la alt cont. De exemplu cea de la contul de email. Corect este să folosiți o parolă distinctă și puternică. Dacă cea sugerată de aplicația de instalare e prea dificilă (și este dificilă) atunci generați singuri o alta, cu o oarecare logică personală. Din fericire WordPress-ul „măsoară” imediat cât e de bună parola și vă indică acest lucru atât textual cât și prin culoare.

Un sfat simplu de urmat pentru generarea parolei: folosiți litere mari și mici, cifre și minim un semn. Parola e bine să aibe minim 8 caractere.

5. Păstrarea paginilor, articolelor, comentariilor, autorilor și imaginilor demo

După instalare WordPress oferă o temă implicită, o pagină, un articol și un comentariu demonstrativ. Tema sau temele implicite pot fi păstrate chiar dacă ulterior instalați o temă personalizată, dar restul elementelor demonstrative ștergeți-le. Nu este o preoblemă de securitate cât una de indexare.

Problemele se complică foarte mult dacă instalați o temă comercială și importați conținutul demo oferit în același pachet. e bine ca o dată lămuriți cum funcționează să vă oferiți timp pentru a face curat: ștergeți tot, apoi optimizați (folosiți wp optimizer).

6. Folosirea greșită a permalinkurilor sau nefolosirea lor

Permalinkurile sau legăturile permanente se setează din meniul din dreapta Setări (Settings). Ele formează după o regulă setată url-urile din browser. Implicit legătura arată așa: numedomeniu.ro/?p=123 o înșiruire care nu spune nimic, nici vizitatorilor paginii, nici motoarelor de indexare. Este greșit să fie lăsat așa.

Corect acest url se setează funcție de necesități. Dacă site-ul este unul de mass-media sau un blog personal în care data publicării materialului este importantă, atunci alegeți una din variantele: zi și nume, lună și nume. Dacă site-ul e unul de firmă alegeți varianta: Nume articol. Dacă sunteți mai experimentat și doriți o structură mai elaborată, există câmpul Structură personalizată (etichetele se pot găsi aici).

În cazul de mai sus am folosit ca structură personalizată: /%category%/%year%/%monthnum%/%postname%/ – adică /numele categoriei/anul/luna/numele articolului/.

7. Păstrarea datei implicite, fără a se mai trece la data locală

În setări generale sunt câteva câmpuri ce trebuie modificate după instalare. pe lângă Sloganul site-ului, trebuie modificată data și formatul datei. Alegeți un format ușor de înțeles pentru români, de ex: j F Y, adică: 22 mai 2017. Iar la oră: G:i adică 12:57. Fosul orar este cel dat de bucurești, căutați un pic în listă și setați-l corect. Nu are sens să lăsați fusul orar setat de server. Serverul poate fi în US sau cine știe unde.

Widgeturile (piesele) implicit instalate pe WordPress

mai 20, 2017 Tutoriale Wordpress no comments

Informațiile sunt preluate de pe site-ul WordPress.org.

Lista widgeturilor (pieselor) implicit instalate pe WordPress:

640px-designwidget

Arhive – afișează arhiva articolelor sub formă de listă cu numele lunilor și anilor.

  • Titlu – textul care apare în partea de sus a arhivei.
  • Afișare ca listă – în cazul în care este bifată, această opțiune face ca arhivele să fie afișate sub formă drop-down (la click pe listă se derulează arhiva în jos).
  • Afișare contor articole – în cazul în care bifată, această opțiune afișează numărul de posturi pentru fiecare perioadă de arhivă (luna din an).

widgeturi-arhiva
Calendar – afișează un calendar a lunii curente. Datele apar link-uri în cazul în care există posturi pentru acea zi.

  • Titlu – textul care apare deasupra calendarului

widgeturi-calendar

Categorii – afișează o listă de categorii ca link-uri la acestea.

  • Titlu – textul care apare deasupra listei de categorii.
  • Afișează ca listă – în cazul în care bifată, această opțiune afișează categoriile sub formă drop-down (la click pe listă se derulează în jos).
  • Afișare contor articole – în cazul în care bifată, această opțiune afișează numărul de articole din fiecare categorie.
  • Afișează ierarhic – dacă este bifată, arată relațiile părinte / copil într-un mod indentat.

widgeturi-categorii

Meniul personalizat – afișează un meniu personalizat.

  • Titlu – textul care apare deasupra meniului
  • Selectează meniu – selectați meniul dorit

widgeturi-meniu-personalizat

Meta – afișează link-uri către funcții WordPress, cum ar fi administrare site, autentificare / deautentificare / Rss-uri, pagina WordPress.org.

  • Titlu – textul care apare deasupra listei de link-uri meta.

widgeturi-meta

Exemplu:

widgeturi-meta-exemplu

Pagini – afișează o listă de link-uri spre fiecare pagină.

  • Titlu – textul care apare desupra listei de pagini.
  • Sortare după – stabilește ordinea de sortare din lista de pagini. Se poate alege din următoarele variante: titlul pagină, ordine pagini sau ID pagină.
  • Exclude (ID-uri de pagini separate prin virgulă) – introduceți ID-ul paginilor separate de virgulă pentru a exclude o pagină sau mai multe din listă.

widgeturi-pagini

Comentarii recente – afișează o listă cu cele mai recente comentarii aprobate.

  • Titlu – textul care apare deasupra listei de comentarii recente.
  • Câte comentarii să fie afișate: (5 este numărul implicit, cel mult 15); introduceți numărul de comentarii pentru a fi afișate.

widgeturi-comentarii-recente

Articole recente – afișează o listă cu cele mai recente articole.

  • Titlu – textul care apare deasupra lista de articole recente.
  • Numărul de posturi afișate: (implicit sunt 5, cel mult 15) – introduceți numărul articole ce vor fi afișate.
  • Afișează dată articol? – dacă opțiunea este bifată, se va afișa data la care articolul a fost publicat.

widgeturi-articole-recente

RSS – afișează o listă de articole preluate dintr-un RSS Feed. Se pot adăuga mai multe astfel de widgeturi.

  • Introdu aici adresa fluxului RSS – introduceți o adresă URL a unui flux RSS, de exemplu, http://wordpress.org/development/feed/
  • Pune un titlu pentru flux (opțional) – introduceți o descriere care apare deasupra listei de articole preluate din fluxul RSS.
  • Câte elemente să fie afișate? – introduceți numărul de elemente ce vor fi afișate din fluxul RSS dorit.
  • Afișează descriere scurtă? – dacă este bifată, opțiunea va afișa descrierea elementelor din flux (dacă aceastea există).
  • Afișează autorul? – dacă este bifată, opțiunea va afișa autorul elementului din fluxul afișat (dacă este disponibil).
  • Afișează data? – afișează data la care a fost creat elementul, dacă este disponibilă.

widgeturi-rss

Cautare – afișează o casetă de căutare în site. Un buton submit este, de asemenea, furnizat.

  • Titlu – textul care apare pe caseta Căutare.

widgeturi-cauta

Nor etichete (tag cloud) – afișează cele mai utilizate 45 de etichete (tag-uri) din site intr-un nor de etichete.

  • Titlu – textul care apare peste spațiul tag-urilor.
  • Clasificare – selectați taxonomia elementului dorit: etichete, categorii, picture tag, galerii și altele, generate de pluginurile instalate.

widgeturi-nor-etichete

Text – folosit pentru a introduce HTML, JavaScript sau pur și simplu text simplu. Pot fi adăugate instanțe multiple ale acestui widget.

  • Titlu – textul care apare deasupra casetei de text
  • Conținut – zona în care se poate introduce text, HTML valabil sau chiar JavaScript valid.
  • Adaugă automat paragrafe – dacă opțiunea este bifată se vor adăuga automat paragrafe pentru a încheia fiecare bloc de text într-un tag HTML de tip paragraf (recomandat pentru text).

widgeturi-text

Cum se crează o bază de date în cPanel

noiembrie 2, 2015 Tutoriale Wordpress 2 comments

cPanel este o aplicație Linux pentru gestionarea online a site-urilor web la nivel de server. Aplicația, de tip control panel, are o suită de miniaplicații care permit crearea de conturi FTP, de baze de date MySQL sau PostgreSQL, adrese de email, dar are și multe alte funcționalități cum ar fi antispam, liste de discuții, statistici, securizarea directoarelor, backup fișiere și baze de date, subdomenii sau domenii parcate, respectiv adăugate, redirecturi și chiar instalarea directă de aplicații web: WordPress, Joomla, Drupal, PrestaShop, Open Cart și multe altele, depinde și de firma de găzduire și de pachetul de hosting ales.

Pentru a crea o bază de date MySQL, necesară pentru instalarea WordPress-ului, după logare, căutați simbolul MySQL sau în câmpul de căutare scrieți MySQL. Grupul de iconuri este următorul:

mysql-cpanel-1

Click pe butonul MySQL Databases și se va deschide un formular complex în care se va putea crea baza de date și utilizatorul bazei de date.

1. Crearea bazei de date MySQL pentru WordPress

mysql-cpanel-2

În prim aparte a formularului, este zona de creare a bazei de date. Implicit numele bazei de date va avea prefixul contului de hosting, în acest caz bloop_ după care se poate introduce numele dorit, în general numele site-ului sau ceva legat de WordPress, de exemplu: wpsitemeu. După apăsarea butonului Create Database, numele final va fi bloop_wpsitemeu. Notați undeva numele bazei de date.

mysql-cpanel-3

Click pe butonul Go Back și se poate trece la următorul pas.

2. Crearea utilizatorului bazei de date

În partea de jos a formularului este zona MySQL Users având câmpurile: username, password, password again și un indicator de putere a parolei. Parola este bine să fie cât mai complexă, adică să conțină litere mici, litere mari, cifre și alte semne. Dacă nu sunteți siguri de parolă folosiți butonul Password Generator care va genera automat o parolă puternică. La fel ca la pasul anterior notați parola.

mysql-cpanel-4

3. Asocierea utilizatorului la baza de date MySQL

Ultimul pas este să asociați utilizatorul anterior creat la baza de date în care veți instala WordPress-ul. În același formular este secțiunea Add user To Database, ca în figura de mai jos:

mysql-cpanel-5

Selectați userul și baza de date apoi click pe Add.

mysql-cpanel-6

Aici, pentru a nu complica lucrurile, trebuie bifat ALL PRIVILEGES. Apoi clic pe Make Changes -> Go Back și gata baza de date. Cu datele introduse, adică cu: numele bazei de date, numele utilizatorului și parola se poate trece la instalarea WordPress-ului fie folosind funcționalitatea automată din cPanel, fie manual folosind un client FTP pentru copierea fișierelor.

Cum copiez fișiere pe server folosind un client FTP

noiembrie 2, 2015 Tutoriale Wordpress 1 comment

Pentru instalarea WordPress-ului sunt necesare câteva condiții: să existe fișierele aplicației web pe calculatorul personal (indiferent de sistemul de operare ele sunt aceleași), să existe un cont de găzduire cumpărat de la o firmă specializată și să existe o bază de date MySQL.

O dată cu contul de găzduire veți primi de la firma de hosting și datele de conectare la FTP (File Transfer Protocol – protocol de transfer de fișiere). Acest cont de FTP vă este necesar pentru copierea fișierelor viitorului site pe server de pe calculatorul personal. Pentru a deschide o conexiune cu serverul prin intermediul căreia să copiați fișierele necesare aveți nevoie de o aplicație numită client de FTP. Pentru exemplificare voi folosi FileZilla, o soluție gratuită oferită de FileZilla Project.

1. Primul pas este downloadul aplicației de pe site-ul proiectului FileZilla Project. Downloadați FileZilla Client (este pentru toate platformele).

filezilla-1

 

2. După download deschide fișierul executând dublu-click pe el și parcurgeți toți pașii până instalarea este finalizată.

filezilla-2

3. O dată finalizată instalarea trebuie adăugată conexiunea FTP dorită. În managerul de clienți FTP se pot adăuga oricâte conexiuni sau, cu alte cuvinte, dacă aveți mai multe conturi de hosting puteți folosi aceeași aplicație de transfer FTP.

filezilla-3

4. Pentru adăugarea unui nou site, deci pentru a crea o nouă conexiune, click pe butonul din partea de jos pe care scrie New Site. se va deschide o fereastră asemănătoare cele de mai jos, cu observația că acele litere vizibile în imagine sunt foldere create ulterori de mine și nu sunt implicite.

filezilla-4

Acum, New Site se poate redenumi cu numele site-ului, ceea ce este indicat. În partea dreaptă a ferestrei sunt datele necesare realizării conexiunii. Aceste date le aveți în emailul primit de la firma de hosting. Căutați-le și completați câmpurile necesare.

Câteva observații:

  • la Encryption implicit este FTP over TLS if available, dacă nu merge selectați opțiunea Only use plain FTP (insecure);
    filezilla-5
  • la Logon Tyle selectați: Normal, apoi completați datele la User și Password.
    filezilla-6
  • o setare cerută de multe firme de hosting este să aveți o singură conexiune deschisă simultan. Pentru asta click pe tabul Transfer Settings și bifați Limit number of simultaneous connections. La maximum number of connections lăsați 1.
    filezilla-7

Dacă hostingul nu are cerințe deosebite, setările de mai sus vor fi suficiente.

5. După completarea datelor faceți click pe butonul Connect și dacă totul decurge bine veți vedea în partea din dreapta a ferestrei fișierele de pe server, în partea stângă fișierele de pe calculator, sus statusul conexiuni, iar jos o să vedeți fișierele cum se copiază.

 

6. Pentru copiere: navigați din ferestra din stânga pe calculator până vedeți fișierele WordPress ca în figura de mai jos. În partea dreaptă (pe server) deschideți directorul public_html – în acest director trebuie copiate fișierele WordPress și nu altundeva. Desigur, dacă hostingul vă indică alt director folosiți-l pe acela.

filezilla-9

Pentru copiere: selectați tot ce este în WordPress (directoare și fișiere), faceți click dreapta și selectați Upload. Același lucru se poate face și prin drag-and-drop.

După copiere urmează instalarea WordPress-ului, operație descrisă în tutorialul Instalarea WordPress-ului. WordPress-ul mai poate fi instalat și direct din cPanel, caz în care nu mai este nevoie de copierea fișierelor. Acest caz este descris în tutorialul Cum se instalează WordPress din cPanel.

Arată sau ascunde comentariile pe WordPress

ianuarie 9, 2015 Tutoriale Wordpress 18 comments

Dacă doriți să ascundeți comentariile sau formularul de comentariu, fie pe un site nou, fie pe unul vechi, acest tutorial vă va prezenta setările necesare. Am împărțit materialul în două părți mari. În prima parte, și cea mai scurtă, dacă site-ul este nou și nu aveți încă articole. În a doua parte dacă site-ul este vechi și doriți să nu mai permiteți comentarii sau să ascundeți comentariile.

Setările sunt prezentate și pentru setările inverse. Pornind de la cazul în care vreți să faceți să apară formularul de comentarii pe un site vechi.

Citește mai mult

Cum se pot elimina paragrafele de la imagini

decembrie 4, 2014 Tutoriale Wordpress, Wordpress Tips & Tricks no comments

O problemă des întâlnită de dezvoltatorii de teme WordPress o reprezintă setările implicite. Una, mai ales, e tare neplăcută. La adăugarea unei imagini automat în jurul ei se pune un paragraf, fără clasă, fără id ca să te poți lega de ceva.

<p><img src="imagine.jpg" alt="" /></p>

eliminarea acestui paragraf se poate face din functions.php folosind o metodă simplă și un filtru pe content:


function filter_paragraph_img($content){
return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
}
add_filter('the_content', 'filter_paragraph_img');

Rezultă o imagine adăugată direct între paragrafele de text. Simplu și eficient.

Redirect 301 permanent pentru tot site-ul

octombrie 10, 2014 Tutoriale Wordpress no comments

Dacă schimbi domeniul unui site pe WordPress, din siteul-vechi.ro în siteul-nou.ro păstrând toată structura existentă, una din probleme este dat de posibilele probleme de indexare. Google a indexat site-ul vechi cu toate url-urile, iar noul site este necunoscut, mai mult pare un duplicat a unui site existent. Problema se rezolvă adăugând în htacces în domeniul vechi câteva linii de redirect.

Directivele de adăugat sunt următoarele:

# BEGIN WordPress
RewriteEngine On
RewriteCond %{HTTP_HOST} ^siteul-vechi.ro
RewriteRule (.*) http://siteul-nou.ro/$1 [R=301,L] # END WordPress

Atenție, aceste linii se adaugă în htaccess-ul din root-ul domeniului vechi. Domeniul nou NU trebuie parcat peste cel vechi. Dacă aveți probleme scrieți vă rog în comentarii.

Cum poți dezactiva editorul vizual în articole, pagini și custom post types

aprilie 3, 2014 Tutoriale Wordpress no comments
disable visual editor
disable visual editor
Editorul de conținut, numit și editor de tip WYSIWYG, are două moduri de editare a articolelor: Visual și Text. Versiunea vizuală este cea mai utilizată fiind simplă și intuitivă.

Sunt situații în care este necesară ascunderea acestui editor vizual. Pentru a-l ascude există câteva metode:

1. Dezactivează editorul vizual pentru utilizator

Editorul vizual se poate dezactiva punctual pentru fiecare utilizator din profil, așa cum se vede în imaginea de mai jos:

dezactivare-editor-vizual-1

2. Dezactivează editorul vizual pentru toate articolele și paginile indiferent de utilizator

Metoda este una brută prin care se adaugă manual un filtru în functions.php, filtrul este:

add_filter('user_can_richedit' , create_function('' , 'return false;') , 50);

3. Dezactivează editorul vizual pentru un anumit tip de pagină

Metoda constă în a adăuga filtrul de dezactivare doar dacă se accesează un anumit tip de pagină.

Codul este simplu:

if(is_admin()) {
	add_filter( 'user_can_richedit', 'disable_for_posts' );
	function disable_for_posts() {
		global $post;
		if ( 'post' == get_post_type( $post ) )
			return false;
		return $default;
	}
}

Am adăugat ca acest filtru să fie activ doar dacă ești în admin, altfel nu are nici un efect.

În loc de post poate fi orice alt tip de pagină, din cele de mai jos:

  • Post (Post Type: ‘post’)
  • Page (Post Type: ‘page’)

4. Dezactivează editorul vizual pentru tipuri de pagină adăugate și personalizate (custom page types).

Toate tipurile de pagini adăugate au în taxonomie numele tipului. acest nume definit în register_post_type înlocuiește în codul de mai sus tipul de obiecte post sau page, astfel codul devine:

if(is_admin()) {
	add_filter( 'user_can_richedit', 'disable_for_my_custom_post_types' );
	function disable_for_my_custom_post_types() {
		global $post;
		if ( 'my_custom_post_type' == get_post_type( $post ) )
			return false;
		return $default;
	}
}

Bibliografie:

Cum se instalează WordPress din cPanel

ianuarie 24, 2014 Tutoriale Wordpress 34 comments

Am încercat să scriu și să prezint video într-un articol anterior cum se instalează WordPress folosind o conexiune FTP și cPanel pentru a creea baza de date. În acest articol voi prezenta cum se instalează WordPress direct din interfața cPanel, o aplicație des oferită de către firmele de găzduire. Voi utiliza un cont de pe la Rohost.ro.

1. Accesarea aplicației cPanel

După cumpărarea pachetului de hosting veți primi un email în care vă sunt date informațiile necesare conectării la aplicația cPanel. Căutați în email după cuvântul cPanel, accesați linkul și completați formularul cu datele furnizate. O dată conectat în cPanel o să vedeți o mulțime de meniuri și iconuri. Undeva în partea de jos o să vedeți iconul WordPress din secțiunea Softaculous Apps Installer, ca în figura următoare (cu roșu am încercuit iconul W):

cpanel-wordpress-1

2. Setările pentru instalarea WordPress-ului

Faceți click pe WordPress și veți vedea următoarea fereastră:

cpanel-wordpress-2

Click pe butonul Install din parte superioară a ferestrei. O sa obțineți un formular de toată frumusețea, lung, stufos, în limba engleză. Hai să-l parcurgem pas cu pas împreună.

Prim secțiune este Software Setup și arată ca în figura următoare:

cpanel-wordpress-5

Unde:

  • Choose Protocol: permite selectarea protoculului de securitate, poate fi simplu http sau securizat SSL și atunci se selectează https, implicit este http:// și puteți lăsa așa.
  • Choose Domain: dacă aveți mai multe domenii găzduite pe același cont puteți selecta pe care din ele să fie instalat WordPress-ul, dacă există un singur domeniu nu aveți treabă cu acest câmp.
  • In Directory: puteți instala blogul direct pe domeniul dorit, caz în care ȘTERGEȚI valoarea inițial și lăsați câmpul GOL. Dacă vreți ca blogul să fie instalat într-un director tastați în acest câmo numele directorului (se va crea automat dacă nu există).
  • Database Name: este numele bazei de date ce va fi creată și în care vor fi salvate articolele din blog. Puteți lăsa numele implicit sau da un nume fantezist.

Următoare secțiune este un formular prin care se setează baza de date și site-ul. Este foarte important pentru securitatea site-ului. Haideți să vedem:

cpanel-wordpress-6

  • Table Prefix: implicit este wp_ așa cum se vede în figură. Problema este că toți cunoaștem acest lucru și asta înseamnă o scădere a securității. Schimbați acest prefix cu altceva, mai inventiv. De exemplu, dacă site-ul se numește “Amintiri din excursii” puteți pune prefixul adex_. Atenție, prefixul să fie din litere mici, fără cifre sau alte semne și să se termine cu liniuță jos.
  • Site Name: numele site-ului
  • Site Description: o scurtă descriere a site-ului
  • Enable Multisite (WPMU): deja o setare avansată, utilă celor care doresc să instalaze o rețea de bloguri pe un singur domeniu. NU BIFAȚI, lăsați nemodificat.

Urmează partea de setare a administratorulu site-ului:

cpanel-wordpress-7

  • Admin Username: numele de utilizator al administratorului, mare atenție: implicit este admin, la fel ca la prefix-ul de tabele este obligatoriu să schimbați acest nume, deci NU ADMIN ca nume de administrator. Puteți pune altceva: hocuspocus sau pestisoruldeaur, dar în nici un caz admin sau administrator sau ceva similar, nume de utilizator ușor de intuit pentru oricine dorește să va spargă blogul.
  • Admin Password: există tutoriale peste tutoriale cu referire la alegerea unei parole. Pe scurt: să conțină litere mici, litere mari, cifre, cel puțin un simbol (liniuță, semnul exclamării, dolar sau altceva) și să fie minim 8 caractare. Aplicația vă pune la dispoziție o cheiță generatoare de parole 🙂 și o bară grafică care vă arată taria parolei.
  • Admin Email: o adresă validă de email. Pe această adresă o să primiți diverse alerte (funcție de setări și de pluginurile instalate).
  • Select Language: fiți liberi să alegeți limba română.

Mai avem de parcurs câteva mici detalii pentru a finaliza instalare. Aceste detalii pot fi spărite, dar eu le explic pentru a vă lăsa posibilitatea alegerii:

cpanel-wordpress-8În zona select Plugin pot fi mai multe pluginuri din care să puteți selecta ce doriți. În acest exemplu este doar Limit Login Attemps un plugin de securitate ce limitează tentativele de logare nereușite. Foarte util împotriva celor care forțează logarea fără să aibă drepturi.

Advanced Options are câteva setări interesante:

  • Disable Update Notifications: implicit veți primi emailuri cu notificări dacă apar update-uri la WordPress sau la pluginurile instalate, puteți dezactiva această facilitate. Nu recomand.
  • Auto Upgrade: este o opțiune inclusă începând cu versiunea 3.8. Practic dacă bifați opțiunea se va face update automat la wordpress la fiecare nouă versiune apărută. Vă recomand să o bifați.
  • Automated backups: aplicația Softaculous (cea prin care faceți această instalare) vă permite să setați dacă doriți să faceți backup la blog și cu ce periodicitate. Da da și iarăși da. Măcar o dată pe săptămână.
  • Backup Rotations: trebuie să aveți bifat ca doriți backup pentru a accesa această opțiune. Fișierele de backup se fac cu data curentă a salvării. Dacă alegeți 4 se vor face un număr maxim de patru backupuri după care primul va fi suprascris și tot așa.
  • Emails installations details to: adresa de email pe care vreți să primiți toate aceste date introduse în formular. Păstrați emailul sau nu uitați parola și userul.

3. Instalarea WordPress-ului din cPanel

După completarea și verificarea formularului de instalare (să vă copiați undeva parola să nu o uitați) faceți click pe butonul Install de la sfârșitul formularului.

Câteva erori posibile:

  • The directory you typed already exists! Please type in another directory name. Dacă directorul există deja trebuie fie să-l ștergeți fie să scrieți un alt nume de director. Important este să nu existe!
  • Installation cannot proceed because the following files already exist in the target folder : Mesajul apare dacă aveți deja o instalare. Scrieți un alt director sau ștergeți instalarea anterioară.
  • The database was not posted. Apare dacă ați omis să completați un nume de bază de date.
  • The field Admin Password is required and must be filled out. Dacă nu ași scris nici o parolă. Folosiți cheița pentru a genera o parolă bună!

Și altele, în general, alte erori legate de necompletarea unui câmp sau altul. Din acest motov am scris să verificați formularul înainte de Install.

Dacă totul merge bine o să obțineți următorul mesaj:

cpanel-wordpress-9unde în loc de 3waves.ro/demo va fi domeniul cu sau fără directorul indicat pentru instalare.

GATA! Asta a fost totul. În mesajul de mai sus aveți linkul către site și linkul către administrarea site-ului accesibilă cu datele anterior introduse. Succes!

Virus alert Blackhat SEO (type 1703) pe WordPress

iunie 10, 2013 Tutoriale Wordpress 2 comments

wordpress-hackedCe facem dacă AVG sau alt antivirus ne arată mesajul “virus alert Blackhat SEO (type 1703)” sau alt tip de mesaj care ne anunță că blogul a fost hackuit?

1. schimbați imediat parola de FTP și parola de admin!

2. faceți un backup compelt: fișiere + baza de date

3. logați-vă cu noua parolă, și din Dashboard (Panou control) -> Updates (Acrtualizări) -> Re-install Now (Reinstalează acum). O variantă și mai bună este să ștergeți toate fișierele WP (fără wp-content) și să le recopiați dintr-o sursă curată

4. Verificați daca mai apare mesajul. Dacă tot apare:

5. verificați dacă nu cumva tema activă este virusată, acest lucru se poate testa prin activarea temei implicite “Twenty Twelve” sau “Twenty Eleven”, dacă în urma acestei operații nu mai apare mesajul înseamnă că tema este virusată, soluția este să o ștergeți și să repuneți fișierele din backup

6. Dacă nici un antivirus local nu vă semnalează prezența lui “Blackhat SEO (type 1703)”, însă vizitatorii vă spun că blogul este virusat, puteți verifica online la adresa: http://www.unmaskparasites.com/security-report/ sau deschideți sursa paginii (Ctrl + u) și căutați “<script language=”javascript”>document.write(” sau orice alt cod suspect (de genul online casino)

7. dacă tot apare, va trebui să deschideți baza de date și să căutați în tabela wp_posts câmpul post_content după javascript, iframe, display sau noscript, dacă găsiți ceva verificați și dacă e suspect ștergeți.

8. dacă pe același cont aveți mai multe bloguri este posibil ca toate blogurile să fie infestate! Repetați operațiile pentru fiecare în parte.

9. dacă nu aveți backup luați la rând fișier cu fișier până descoperiți codul suspect.

10. uneori funcționează și un download al blogului având activat un internet antivirus care, teoretic, va depista la download fișierul problemă, dacă nu, după download devirusați local.

11. nu uitați ca după ce blogul este devirusat să faceți un backup complet de rezervă!

Căutare personalizată pe WordPress de la Google

iunie 5, 2013 Tutoriale Wordpress 2 comments

Motorul de căutare existent implicit pe WordPress poate fi – și este de multe ori – insuficient de detaliat, însă avem regele căutărilor pe net disponibil și în variantă personalizabilă 🙂 Hai să-l folosim pe un WordPress.

Ca și în cazul traducerilor online de la google și în aces caz avem de parcurs câțiva pași:

1. crearea unui cont google

Sau dacă este creat, folosirea lui. Indiferent cum trebuie să aveți un cont google.

După care se accesează pagina: google custom search.

2. adăugarea site-ului

La click pe butonul de add va apare formularul de mai jos:

custom-search-wordpress-1

  • Sites to search: adresa site-ului în maniera www.numesite.ro sau url-ul pagini, sau a secțiunii etc. Se pot introduce mai multe url-uri!
  • Language: selectează limba site-ului

După completarea formularului: click pe CREATE!

3. obținerea codului și inserarea în wordpress

Aparent e gata. Avem codul tot ce trebuie făcut este să-l copiem undeva. Se poate face și așa, însă rezultatul final va fi că pagina cu rezultate se va afișa în afara site-ului și nepersonalizată ori noi urmărim să înlocuim formularul de căutare implicit cu cel obținut de la google și să integrăm acest motor de căutare în template-ul wordpress-ului. Să vedem cum facem.

Prima dată trebuie căutat formularul de căutare. Implicit și așa este în majoritatea temelor de WordPress fie ele teme gratuite sau comerciale, codul formularului este în fișierul “searchform.php”. Acest fi;ier poate fi modificat din Appereance (aspect) -> Editor (Editor teme). Din partea dreaptă se caută Search Form (Șablon formular de căutare) și se editează (fișierul editat este searchform.php).

În acest fișier vom înlocui codul existent cu cel nou. În acest fel se va înlocui formularul wordpress de căutare în site cu formularul google de căutare personalizată în site.

După ce a fost înluit codul și salvat automat formularul nou de căutare va fi cel de la google. Acum se poate personaliza.

4. personalizarea formularului de căutare

Din pagina de Custom Search, selectăm meniul: Edit search engine. Sunt multe opțiuni, le voi puncta doar pe cele mai importante.

  • în setup există opțiunea “Image search” , dacă este selectată rezultatele căutării se vor împărți – la fel ca în google – în două părți: web și imagine, opțiune utilă pe site-urile de rețete, filme, sau turistice (și nu numai)
  • Look and feel: selectați Two page: rezultatele căutării se vor afișa în altă pagină, la image search selectați classic
  • din meniul themes puteți alege o temă și din customize puteți personaliza elementele formularului de căutare și lista de rezultate

custom-search-wordpress-3

După ce ați terminat salvați si recopiați codul formularului în fișierul searchform.php!

5. următorul lucru este să personalizați pagina cu rezulatetele căutării

După modificările de mai sus și mai ales după alegerea ca rezultatele să fie în Two pages, click pe Save & Get Code, înlocuiți codul formularului de căutare și următorul pas va fi să obțineți codul paginii cu rezultate, click pe Next: Get code for search results.

Codul este un script asemănător cu cel obținut pentru formularul de căutare.

Acest script trebuie să înlocuiască scriptul de afișare a rezultatelor motorului de căutare implicit al wordpress-ului. Pentru asta deschideți fișierul search.php, fie din editarea temei, fie folosind un editor de text online.

În search.php căutați codul care afișează rezultatele, acest cod – în general – arată așa:

<?php get_template_part('loop'); ?>

În locul acestui cod copiați codul obținut după personalizări.

6. două observații foarte importante

prima: la obținerea codului există un buton sus numit “Search Results Details”, click pe el și completați numele domeniului și în câmpul “Specify the query parameter name embedded in the url:” puneți un s, ca în imaginea de mai jos:

custom-search-wordpress-4

unde s este parametrul implicit pentru căutare în WordPress, fără el… nu va exista căutare.

a doua: există doua variante de cod, V2 (este varianta implicită) și V1 (varianta mai detaliată). Dacă vedeți că varianta implicită (V2) nu merge, click pe “If you want to use advanced features, Get the V1 code instead.” și copiați codul de la V1. Oricând puteți folosi varianta V2. Din observațiile mele, pe WordPress merge bine varianta V1.

Cum se poate adăuga Google Translate pe WordPress?

iunie 5, 2013 Tutoriale Wordpress 3 comments

Bara de Google Translate este de multe ori utilă, mai ales atunci când site-ul conține informații interesante și pentru alții, nu doar pentru vorbitorii de limbă română. Sigur, se poate instala un plugin multilanguage și se pot traduce articolele în alte limbi ceea ce pare simplu, însă alte limbi nu înseamnă doar engleza, ori google translate oferă o traducere aproximativă într-o mulțime de limbi!

Instalarea nu e grea, implică câțiva pași și câteva cunoștințe tehnice.

1. crearea unui cont pe google

Primul pas este să că faceți un cont pe google, dacă aveți unul gata făcut cu atât mai bine. După crearea contului sau după logare în contul existent accesați pagina Website Translator.

2. adăugarea unui website pe pagina Website Translator

Pe pagina website translator, în colțul dreata-sus este butonul: Add New Website, click pe el și se va deschide o pagină cu următorul formular:

website-translator-1

  • Website URL: adăugați url-ul site-ului în maniera www.numesite.ro
  • Website language: selectați limb în care este site-ul, adică limba română

Click pe next. Următoarea fereastră va conține un formular ce vă va permite o personalizarea barei de traducere online a site-ului.

website-translator-2

  • Translation languages: varianta implicită este toate limbile, dacă bifați Specific languages puteți selecta limbile dorite
  • Display mode: sunt trei variante: (1) inline, așa cum se vede mai sus crează o bară cu un meniul de selecție a limbii dorite, (2) tabbed, crează un buton și (3) automatic, nu apare nici o selecție, automat, în funcție de limba setată de vizitator, se va afișa conținutul gata tradus, aici poate fi o problemă, mulți lasă limba implicită a browserului engleza și vor primi conținut tradus în engleză. Fiecare di aceste opțiuni au subopțiuni.
  • Advanced: sunt trei opțiuni ce pot fi folosite sau nu. Prima afișează automat bara de google translate automat vizitatorilor de altă limbă decât cea implicit setată, a doua trebuie bifată dacă site-ul are mai multe limbi și a treia permite inserarea codului de analytics pentru a se contoriza vizitatorii funcție de limba utilizată.

La final: Get Code!

3. inserarea codului în site

Codul are două părți: prima parte este un meta ce trebuie copiat în zona de meta, adică între <head> și </head> iar a doua parte a codului este codul propriuzis ce generează formular de traducere online.

Introducerea codului meta se poate face în mai multe moduri:

  • dacă aveți o temă premium ce permite din opțiuni introducerea de cod în header, copiați codul în acel câmp și salvați
  • altfel: fiind în Dashboard (zona de administrare a wordpress-ului), selectați din meniul din stânga: Appearance (Aspect) -> Editor (Editor teme). În partea dreaptă căutați șablonul pentru Header (Antet), fișisul header.php. Click și se va deschide pentru editare în partea stângă. În cod căutați liniile de cod care încep cu <meta. Imediat după ele dați enter și copiați codul cu meta de la google translate (primul cod).  Salvați: Update file (actualizare fișier). Dacă salvarea a reușit în partea de sus va apare mesajul “Editarea fișierului a reușit.” sau “File edited successfully.”.
  • dacă nu s-a putut salva fișierul modificat va trebui să editați manual fișierul header.php din tema activă, copiind fișierul pe local sau editându-l folosind uneltele de editare fișiere din cpanel.

Indiferent de metoda folosită salvați și verificați.

Cel de-al doilea cod conține codul html de afișare a barei sau a bannerului, depinde ați ales. Puteți introduce acest cod folosind un widget de tip text în sidebar. În funcție de tema activă aveți de ales între diverse locuri. Dacă vreți să-l introduceți manual atunci, ca în cazul codului meta, puteți edita fișierul dorit din editorul de teme, insera și salva.

Salvați și virificați ca totul să fie în regulă. Succes!

Optimizarea imaginilor în WordPress pentru motoarele de căutare

mai 30, 2013 Prezentări de pluginuri, SEO, Tutoriale Wordpress 9 comments

seo-tips-wordpress

Atât Bing cât și Google au secțiuni special dedicate imaginilor și deși traficul generat de către imagini poate părea mic el poate face diferența față de concurență, în plus acel mic procent care citește site-ul în cititoarele de tip text va fi mulțumit de o optimizare bună a imaginilor.

Optimizarea imaginilor pentru motoarele de căutare este ultimul lucru pe care-l fac majoritatea dezvoltatorilor de site-uri, asta dacă-l fac pentru că, în general, imaginile nu sunt optimizate deloc.

Ce însemnă optimizarea imaginilor?

Sunt două părți distincte ce formează optmizarea imaginilor, prima se desfășoară ofline iar a doua online. Prima parte constă în alegerea unui nume potrivit pentru imagine, dacă titlul articolului este “prăjitură cu dovleac”, imaginea poate fi chiar așa: “prajitura-cu-dovleac.jpg” (sau altă extensie). Unde cuvintele sunt despărțite prin liniuță simplă. Dacă în articol sunt mai multe imagini fie se adaugă cifre la final “prajitura-cu-dovleac-1.jpg” fie se găsește pentru fiecare imagine un nume unic “prajitura-cu-dovleac-ingrediente.jpg”. Aceste nume de fișiere vor fi indexate de motoarele de căutare și vor fi legate de titlul articolului, de descriere, de conținut și mai ales de title și alt.

A doua parte în optimizarea imaginilor are loc la upload și inserarea imaginii în articol când trebuie completate câmpurile de title și alternative text. În plus, în WordPress există și câmpurile caption, folosit pentru a pune un text explicativ sub imagine și description folosit în biblioteca de imagini pentru căutări. Folosiți-le, o să vedeți că pe măsură ce adăugați tot mai multe imagini, o bună organizare a acestora vă va fi de folos.

Un exemplu de completare a acestor câmpuri în imaginea următoare:

SEO imagini wordpress
Optimizarea imaginilor în WordPress
  • alt – este un câmp foarte important pentru ca definește imaginea pentru motoarele de căutare fiind ca o descriere a imagii, existența acestui câmp validează pagina și din punct de vedere W3C/xHTML
  • title – este un câmp mai puțin important și așa cum probabil ați observat wordpress-ul nu pune implicit acest câmp, însă el este util pentru vizitatori deoarece textul din title apare în tooltip atunci când mouse-ul este deasupra imaginii

 

Cum se poate face automat optimizarea imaginilor?

Există pluginuri care completează automat câmpurile de title și alternative text conform unui șablon atât la imaginile deja adăugate cât și la cele în curs de inserare. Unul din cele mai bune este SEO Friendly Images foarte bun atât în varianta gratuită cât și – mai ales – în varianta comercială.

Acest plugin permite generarea de texte pentru title și alt pe baza unor șabloane simple.

optmizarea imaginilor in wordpress SEO

Și din această imagine se observă că existența unui nume bun pentru imagine ajută la optimizarea imaginilor pentru motoarele de căutare.

Ca o concluzie finală: deși poate părea inutilă, optmizarea imaginilor se poate dovedi de mare ajutor pe măsură ce blogul / site-ul are tot mai mult trafic. Pașii descriși mai sus trebuie să devină o rutină și atunci micul efort va fi insesizabil.

Cum poți căuta doar în categoriile dorite?

mai 22, 2013 Tutoriale Wordpress no comments

Un articol mai tehnic un pic, însă nu atât de tehnic încât să nu poate fi înțeles.

Problema pleacă de la o necesitate practică: să forțăm căutarea doar în categoriile relevante și nu ȘI în paginile statice sau în categorii mai puțin importante.  Cum se poate face asta.

În primul rând trebuie căutat codul formularului de căutare (deci iată partea tehnică). Codul poate fi în fișierul “searchform.php”, dacă este folosit acest fișier în tema activă sau în fișierul “wp-includes/general-template.php” dacă în temă formularul se inserează cu “get_search_form();”. Dacă se folosește o temă premium e posibil ca acest cod să fie în alt fișier, poate în “header.php” sau într-un fișier dintr-un subdirector. Nu există o rețetă generală.

O dată localizat codul trebuie modificat în felul următor:

Codul de căutare original:

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
		<label for="s" class="assistive-text"><?php _e( 'Search', 'twentyeleven' ); ?></label>
		<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search', 'twentyeleven' ); ?>" />
		<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'twentyeleven' ); ?>" />
</form>

Codul de căutare modificat:

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
		<label for="s" class="assistive-text"><?php _e( 'Search', 'twentyeleven' ); ?></label>
		<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search', 'twentyeleven' ); ?>" />
<input type="hidden" name="cat" id="cat" value="1" />
		<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'twentyeleven' ); ?>" />
</form>

În codul modificat am adăugat linia:

<input type="hidden" name="cat" id="cat" value="1" />

Acest câmp din formularul de căutare este ascuns și “forțează” căutare doar în categoria cu id-ul 1. Dacă se dorește căutarea în mai multe categorii, linia se poate modifica în felul următor:

<input type="hidden" name="cat" id="cat" value="1,3,45,123" />

Cu alte cuvinte la value se scriu id-urile categoriilor separate prin virgulă.

De unde putem afla id-ul categoriei?

Id-ul categoriei se poate afla din admin de la editarea categoriilor. Click pe editare și în url o să aveți ceva de genul:

/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=96&post_type=post

[..]tag_ID=96[..], unde 96 este id-ul categoriei. Notați acest id și puneți-l în codul arătat.

Succes!

Cum poți lista toți autorii din blog – partea 2

martie 22, 2013 Tutoriale Wordpress 1 comment

lista autori in wordpress

În prima parte a acestui tutorial am arătat cum se pot lista autorii din blog folosind funcții WordPress. În partea a doua voi prezenta o metodă mai complexă de a lista autorii. Avantajul acestei metode este flexibilitatea.

De cele mai multe ori nu avem nevoie de liste cu autori, fie ele ordonate sau neordonate sau șiruri simple cu autorii despărțiți prin virgulă. Temele pot fi suficient de complexe încât să fie nevoie a se afișa avatarul autorului, numele, link către blog, link către blogul extern al autorului într-o aranjare formatată complicat.

În acest tutorial vă voi arăta o metodă simplă ce poate fi extinsă și folosită în mod creativ.

Pentru început în functions.php scriem o funcție ce ne va returna o listă ordonată de autori, cu tot cu administratori, cu tot cu autorii cu zero postări, fără contorizarea postărilor:


<?php

function lista_autorilor() {
global $wpdb;

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users ORDER BY display_name");

foreach($authors as $author) {
$author_id = $author->ID;
$author_url = get_author_posts_url( $author_id );
$auhor_display_name = get_the_author_meta('display_name', $author_id);

$list_authors .= "<li>";
$list_authors .= "<a href=\"".$author_url."\">".$auhor_display_name."</a>";
$list_authors .= "</li>";
}

return $list_authors;
}

echo "<ol>";
echo lista_autorilor();
echo "</ol>";

?>

Rezultatul este simplu de intuit:

  1. Autor Doi
  2. Autor Trei
  3. Autor Unu

Având aceste date și mai ales având id-ul autorilor putem afla și lista o mulțime de detalii.

În primul rând să eliminăm din listă adminstratorii. Trebuie știut că adminstratorii au nivelul 10 (vezi: User Level). Vom afla nivelul fiecărui autor și vom elimina pe cei de level 10.

Metoda folosită va fi : get_the_author_meta( ‘user_level’, $author_id ). Astfel funcția lista_autorilor() devine:

<?php

function lista_autorilor() {
global $wpdb;

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users WHERE display_name <> 'admin' ORDER BY display_name");

foreach($authors as $author) {
$author_id = $author->ID;

if(get_the_author_meta( 'user_level', $author_id ) != '10') {

$author_url = get_author_posts_url( $author_id );
$auhor_display_name = get_the_author_meta('display_name', $author_id);

$list_authors .= "<li>";
$list_authors .= "<a href=\"".$author_url."\">".$auhor_display_name."</a> (".$posts_count.")";
$list_authors .= "</li>";

}
}

	return $list_authors;
}

?>

Am eliminat de la afișare toți autorii cu rol de adminstrator.

Si ultima parte din acest tutorial adaugă funcției o condiție nouă și anume să se afișize doar autorii cu minim un articol publicat. Pentru asta trebuie numarate posturile publicate de fiecare autor. Vom face asta în cadrul funcției, astfe:

<?php

function lista_autorilor() {
global $wpdb;

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users WHERE display_name <> 'admin' ORDER BY display_name");

foreach($authors as $author) {
$author_id = $author->ID;

if(get_the_author_meta( 'user_level', $author_id ) != '10') {

$posts_count = $wpdb->get_var( "SELECT COUNT(*) FROM $wpdb->posts WHERE post_author = $author_id AND post_type = 'post' AND NOT  post_type = 'page' AND post_status = 'publish'" );

if($posts_count > 0) {
$author_url = get_author_posts_url( $author_id );
$auhor_display_name = get_the_author_meta('display_name', $author_id);

$list_authors .= "<li>";
$list_authors .= "<a href=\"".$author_url."\">".$auhor_display_name."</a> (".$posts_count.")";
$list_authors .= "</li>";
}
}
}

return $list_authors;
}

echo "<ol>";
echo lista_autorilor();
echo "</ol>";

?>

Rezultatul va arăta ca mai jos:

  1. Autor Doi (5)
  2. Autor Trei (2)
  3. Autor Unu (13)

Pentru a afla url-ul rss-ului fiecărui autor se intruduce în funcție următorul cod:

<?php

$author_feed_url = $author_url."feed/";
$list_authors .= " (<a href=\"".$author_feed_url."\">RSS</a>)";

?>

Pentru a afla celelalte informații despre autor folosiți funcția get_the_author_meta funcție care returnează toate meta datele autorilor.

O altă metodă de a lista autorii este folosirea clasei WP_User.