1. Crearea de linkuri “custom” pentru administrare.
Un plugin denumit Stealth Login pune în practică linkuri custom pentru Login, Logout, administrare.

2. Alegerea unei parole “Strong”
Un ghid despre alegerea unei parole Create Strong Passwords.

3. Limitarea încercărilor de Logare
Un plugin denumit Login Lockdown face inutile toate scripturile special create de hackeri pentru “ghicirea” de parole.

4. Adresa de logare “Secure SSL”
Forţarea în mod SSL tuturor paginilor din wp-admin cu ajutorul unui plugin de wordpress, Admin SSL.

5. Protejarea cu parolă a directorului wp-admin
Se poate face din cPanel, dar exista şi un plugin, AskApache Password Protect care criptează parola şi creează o filă .htpasswd.

6. Limitarea accesului în wp-admin pe bază de IP
Se creează o filă .htaccess în folderul wp-admin, în care se configurează:

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName “WordPress Admin Access Control”
AuthType Basic

order deny,allow
deny from all
# whitelist Gheorghe’s IP address
allow from xx.xx.xx.xxx
# whitelist Vasile’s IP address
allow from xx.xx.xx.xxx
# whitelist Ioana’s IP address
allow from xx.xx.xx.xxx
# whitelist Servici IP address
allow from xx.xx.xx.xxx

7. Nu utiliza niciodată username “admin”
În cazul utilizării de hackeri a brute force atack, e luată cel mai des în calcul posibilitatea username=admin, varianta default.
Se crează un alt user cu rol de administrator (wp-admin/profile.php) după care userul admin care era default se şterge.

8. Eliminarea mesajelor de eroare din pagina de login.
Când un hacker introduce unusername sau o parolă greşit, mesajul de eroare îl informează ce anume este incorect.
Concret, se deschide fila functions.php din folderul temei temei unde se introduce linia de cod:
<?php add_filter('login_errors',create_function('$a', "return null;"));?>

9. Utilizarea de parole criptate pentru login
Plugin necesar: Semisecure Login Reimagined

10. Antivirus pentru WordPress
Plugin care scanează zilnic filele wp, combate exploit-uri şi malware.

11. Întotdeauna update de urgenţă la ultima versiune WP
Pune wordpress-ul la adăpost de bug-urile şi exploit-urile descoperite până în prezent.

12. Parola “One time” (adică de unică folosinţă!)
One Time Password este un plugin care creează o parolă valabilă doar o singură sesiune.(!)

13. WordPress Firewall Plugin
Detectează, interceptează orice parametru suspect în măsură de a compromite soft-ul WordPress.

Rezumat după un articol de wpbeginner.com, VIA yo9fah, tradus de andrian.

Cum aflu uptime server hosting blog, site

Un widget extrem de util de la himonitor.com, practic un nou serviciu Free βeta Version de la statistici histats.com care calculează timpul efectiv în care serverul care vă hostează site-ul este UP, adică în stare de funcţionare.
În general dacă timpul de UP este mai mare de 98% raportat la o anumită perioadă de timp, puteţi considera că beneficiaţi de un serviciu de hosting de calitate fără prea multe căderi sau întreruperi temporare.
Scriptul reactualizează calculul la ora 0,00.
Este un tool care reflectă calitatea serviciilor prestate de hostingul dvs.
Arată în felul următor şi poate fi afişat oriunde pe un website/blog.

Deşi propriuzis este un widget am preferat să îl includ în categoria tutoriale deoarece ar fi mai multe de povestit despre el, necesită nişte configurări puţin mai complexe.

Pentru început se creează un cont la himonitor.com, (chiar daca aveţi deja un cont de statistici pe histats.com).

Pasul 1:
- adresa de email;
- parolă;
- click pe linkul de confirmare trimis prin email.

Pasul 2:
Odată creat contul, confirmat şi logat se mai cer nişte date despre utilizator, nume, ţară, adresă, nr telefon, local time, etc.

Pasul 3:
Pentru configurarea propriuzisă a unui serviciu de urmărire pentru un site, (un cont suportă mai multe site-uri) se apasă butonul ADD SERVICE.

Apare o listă de opţiuni (http ping, standard ping, probe -> socket, mysql service ping, ftp service ping, pop3 service ping, smtp service ping, probe xml -> file) unde trebuie bifat http ping. Se apasă continue.

În ecranul următor,
- se dă un nume la alegere serviciului (ex: mysite uptime),
- se selectează ora locală, zona geografică – Europe Bucharest,
- Assigned monitoring server – EU1 (pentru Europa)
- check frequency de la 1 la 60 (odată la câte minute să fie verificat site-ul prin ping), eu am setat 2 minute,
- IP or server domain se trece adresa blogului cu www (FĂRĂ http://)
- port 80
- server host name: se află din cPanel (în home pe coloana din stânga)
- Url of file: tot adresa blogului cu www (FĂRĂ http://)
În final se apasă “Create Service”

Pasul 4:
Pentru crearea widget-ului se apasă în meniul site-ului butonul “Widgets” după care se selectează un skin la alegere din cele 33 disponibile momentan. Există variante mai mici, mai mari, mai colorate… Eu l-am ales pe cel mai mic şi discret. În final codul de widget obţinut se copiază în una din filele blogului unde doriţi să apară.

Acest mic tutorial ar putea fi considerat un update tutorialului precedent Cum fac banner pentru blog, tutorial pentru că este util în cazul în care există un text de preluat dintr-un TextArea (casetă text) cu copy/paste.

Aceast feature HTML ca să-i zic aşa îmbunătăţeşte “User experience” pe un site web şi scuteşte utilizatorul să “tragă” cu mouse-ul de la prima literă până la ultima peste textul care se doreşte copiat.

Poate fi utilizat în toate cazurile unde avem de-a face cu un
<textarea></textarea>

Trebuie făcută o modificare extrem de simplă:
În loc de:
<textarea>Textul din caseta</textarea>
Adăugăm:
onfocus="select();"
Să avem în final:
<textarea onfocus="select();">Textul din caseta</textarea>
(cu un space după textarea neapărat)
Asta este tot.

Funcţionează şi in IE6 şi Firefox.

Exemplu, click mai jos pentru a testa,
 

Cum ascult radio pe internet, in browser?

Am făcut o mică aplicaţie care este de fapt un document .php care se deschide într-o fereastră sau tab de browser, afişază simultan 8 radiouri online, iar tu ai opţiunea să dai play pe care doreşti, să asculţi ce muzică preferi.

Ideea mi-a venit după ce am scris un tutorial Cum pun radio online pe blog.

Arată ca un website, propriuzis nu este un website, toata tărăşenia se află într-un folder la mine pe server. Se deschide un nou tab (sau fereastră) în browser, arată ca în screenshot-ul de mai jos.

Ideal dacă te-ai săturat de muzica din propriul PC, dacă asculţi de la servici unde nu ai muzica de acasă sau posibilitatea de a căra X Giga de muzică după tine. Din 8 radiouri tot găseşti ceva care îţi place.

Dacă doreşti să faci un test, dă un click pe link-ul de mai jos.
Dacă îţi place nu uita să-i dai Bookmarks/Favorites!

http://andrian.ro/radio-online/

Dacă îţi place aplicaţia şi doreşti să adaugi un link pe blogul tău, acesta este:

Link text:
<a href="http://andrian.ro/radio-online/" target="_blank" title="Radio Deck">Radio Deck</a>

Link imagine (banner48×48px)
<a href="http://andrian.ro/radio-online/" target="_blank" title="Radio Deck"><img src="http://andrian.ro/banners/radio.png" border="0" alt="Radio Deck"></a>

În prezentul tutorial voi descrie ataşarea unui radio pe blog prin interfaţa Windows Media Player.
Procesul este 90% identic cu problema dezbatută într-un tutorial precedent,
Cum pun Media Player pe blog, diferenţa constă în faptul că, în acel caz am exemplificat cazul în care playerul redă nişte file mp3 sau de alt tip.

Pentru radio pe blog am nevoie de două lucruri:
• Un cod de Windows Media Player embed
• Un playlist în format .m3u (de obicei) care se downloadează din homepage-ul radioului online respectiv, după care se uploadează şi se hostează pe propriul server.

Exemplu concret:

Doresc să implementez pe blog radioul online Radio DJ Romania

Accesez site-ul respectiv, descarc playlist-ul radioului respectiv, fila asculta.m3u de aici: http://www.radiodj.ro/asculta.m3u (click pe link)

Uploadez fila asculta.m3u pe propriul server unde am hosting, să zicem în root sau public_html.

Copiez copy/paste codul de mai jos într-una din filele blogului unde doresc să apară (header, sidebar, footer, post, etc).

Trebuie doar configurat în cod url-ul blogului tău, în două locuri, porţiunea marcată cu roşu, value=”…. şi src=”….

<object id="player" width="280" height="64" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" align="middle">
<param name="URL" value="http://www.blogultau.ro/asculta.m3u">
<param name="DefaultFrame" value="mainFrame">
<param name="AutoStart" value="False">
<param name="loop" value="1">
<param name="showstatusbar" value="True">

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.blogultau.ro/asculta.m3u" align="middle" autostart="0" showstatusbar="1" loop="1" height="64" width="280"></embed>
</object>

În cod se pot ajusta nişte parametrii precum lăţime, showstatusbar, autostart, dacă stiţi cum. Fără nici o modificare radioul va apărea sub forma de mai jos.
Asta e tot.

*Este posibil ca exemplul oferit de mine mai jos sau orice alt radio online sa NU emita nonstop 24/7.

Alte radiouri online:

Radio DJ Romania, descarcă fila .m3u: http://www.radiodj.ro/asculta.m3u
Radio Energy FM, descarcă fila .m3u: http://www.energyfm.ro/energy.m3u
Electro Radio, descarcă fila .m3u: http://www.electroradio.ch/stream.m3u

… şi multe altele la: http://www.radiourionline.com/
 

Un alt mod de utilizare cod, exemplu:

Radio Whisper, se editează value= şi src="http://81.196.144.228:7788/" , fără filă separat.

Cum înscriu website-ul in BING?

Într-o mai mică sau mai mare măsură Bing a făcut-o deja. Dacă vrei poţi ajuta motorul de căutare Bing făcând nişte optimizări, un sitemap, etc
Procesul este foarte simplu şi asemănător cu Google Webmaster Tools.

• Pentru început se accesează bing.com/webmaster.

• Se apasă butonul “Sign in to use tools”.

• În caz că nu aveţi un cont Widows Live, trebuie să creaţi unul cu o adresă de email, 2-3 date personale şi o parolă. E foarte simplu.
După ce aţi confirmat contul din email-ul trimis automat, sunteţi logat.

• Primul lucru care urmează este înscrierea unuia sau mai multor site-uri,
ADD A SITE, se pot înscrie mai multe pe acelaşi cont.

• După adăugarea site-ului se face verificarea identităţii personale prin două moduri, la alegere:
1. Prin uploadarea în public_html (root) pe server a unei file .xml care să conţină un cod afişat de bing;
2. Prin adăugarea unui meta-tag în HEAD (în header.php pt wordpress, oriunde între <head> şi </head> ) care conţine un cod (tot ca şi la google)
[am ales această a doua variantă]

• Mai departe se face un sitemap* (în caz că nu aveaţi până acum) în format .txt sau .xml (tot ca şi la google) care se uploadează pe server în public_html (root).

• Ultima etapă, trimitere sitemap, “Direct sitemap submission”, se tastează în input text form url-ul sitemap-ului, exemplu
http://www.blogultau.ro/sitemap.txt , şi se apasă “Submit”

Cum fac un sitemap în 5 minute:

[Metoda simplă şi eficace, se poate şi automat cu plugin de wordpress, configurarile sunt mai complicate.]
Cel mai simplu şi rapid ar fi un sitemap în format text (notepad).
Se deschide un notepad, se salvează cu numele sitemap.txt, tot în dialog-box-ul de Save As se selectează opţiunea de Encoding: UTF-8 (nu ANSI, atenţie!)
În acea filă se scriu ulterior toate url-urile posturilor, paginilor blogului dumneavoastră, numai câte o adresă pe un rând.
La Mozilla Firefox există opţiune la dreapta click pe titlul postului “Copy Link Location”.

Update!
Tot în legătură cu sitemap-urile trebuie să mai precizez, ele sunt de două feluri, pentru motoarele de căutare precum subiectul descris mai sus, şi pentru vizitatori, o pagină special creată în care se prezintă schematic arhitectura site-ului pentru a uşura navigarea şi n-au nici o treabă cu motoarele de căutare.

Feedback please!
De când am postat acest articol văd din statistici că vin destui vizitatori care caută aşa ceva, “cum indexez bing” şi alte fraze.

Eu vă intreb:
- V-a fost folositor acest articol?
- Daca nu 100%, ce ar trebui modificat, subliniat, explicaţii extra?
- Lăsa-ţi o impresie în comentarii, eventual ce probleme a-ţi intimpinat.

Ştiu că 99% din bloggeri/webmasteri preferă să urce fila pe youtube sau trilulilu şi să-i facă embed de acolo fără să-şi mai bată capul.

Acest mic script este util în cazul în care aveţi o filă audio hostată la dvs pe server sau în altă parte şi NU mai doriţi să instalaţi plugin wordpress audio player.

Un alt atu al folosirii Windows Mediaplayer embed este că nu mai depinzi de un third part server.

Pentru a afişa pe blog sau într-un post mediaplayerul de mai jos care să redea una sau mai multe piese, în primul rând copiază codul de mai jos copy/paste în post sau unde doreşti să apară. Cod testat în Mozilla şi IE6.

<object id="player" width="320" height="64" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" align="middle">
<param name="URL" value="http://www.blogultau.ro/mediaplayer/playlist.wpl">
<param name="DefaultFrame" value="mainFrame">
<param name="AutoStart" value="False">
<param name="loop" value="1">
<param name="showstatusbar" value="True">

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.blogultau.ro/mediaplayer/playlist.wpl" align="middle" autostart="0" showstatusbar="1" loop="1" height="64" width="320"></embed>
</object>

Codul de mediaplayer practic este împărţit în două, jumătatea de sus pentru IE şi a doua jumătate pentru Mozilla. Toate setările practic se repetă. Aceasta e procedura standard. Autostart-ul este dezactivat, e destul de enervant să deschizi un blog şi să urle boxele. Se poate ajusta lăţimea casetei (width=”320″) în pixeli.

Trebuie modificat doar ce am scris cu roşu, respctiv url playlist.
Codul de mediaplayer propriuzis linkează către un playlist, iar în playlist se configurează numele şi path-ul melodiei.
Exemplu concret folosit în codul de mai sus: În root (public_html) la blogul meu creez un folder “mediaplayer”, în care urc fila playlist.wpl.

Cum fac/configurez playlist-ul:

Deschid un notepad, îl salvez cu denumirea playlist.wpl, în care scriu codul de mai jos. Ulterior pot să îl deschid dacă vreau să îl modific tot cu notepad, Dreapta Click/Open With – Select: Notepad.
(.wpl este formatul tipic de playlist Windows Mediaplayer 6, 7, 9, 10, 11, dar merg şi alte formate, .m3u de exemplu)

<?wpl version="1.0"?>
<smil>
<head>
<meta name="Generator" content="Microsoft Windows Media Player -- 9.0.0.3250"/>
<author/>
<title>track</title>
</head>
<body>
<seq>
<media src="nume_fila.mp3"/>
</seq>
</body>
</smil>

• În playlist trebuie modificat doar numele filei şi extensia de filă.
• Dacă fila mp3 o urc în acelaşi folder cu playlist-ul, respectiv folderul “mediaplayer”, nu mai e necesar să scriu în ghilimele full path cu http… în faţă.
• Dacă doresc să adaug mai multe melodii în playlist se pot adăuga câte una pe rând, mai multe rânduri în jos, rândul care începe cu:
<media src="...
Le adaug în ordinea în care doresc să fie redate de player.
• Player-ul acceptă comenzi PREV/NEXT (în caz că sunt mai multe).
• Player-ul afişază în status bar numele de MP3 al piesei, NU numele de filă, filename. MP3 name se poate edita cu un tag editor.

Mai jos exemplu funcţional, o singură piesă, Elvis Presley – It’s Now Or Never

În acest tutorial o să încerc să descriu pe înţelesul tuturor problema “Cum îmi fac banner pentru blog”, datorită căreia se ajunge destul de des pe acest site.

• Primul pas este stabilirea dimensiunilor banner-ului care ar fi bine să fie 125×125 pixeli, mărime preferată de 99% din amatorii de schimb de bannere. Trebuie să te gândeşti că bannerul făcut de tine va sta alături de alte bannere unde va trebui să se încadreze în peisaj. Poţi încerca dimensiuni de până la 160×160px, cam asta ar fi maximum de mărime care se poate încadra într-o casetă de sidebar de wordpress.

• Imaginea propriuzisă dacă este statică se crează cu programul dorit, paint, photoshop, se aduce la dimensiunea dorită. În paint se pot face lucruri minunate, singura condiţie este ca imaginea rezultată să fie salvată în format .bmp/24 bit, şi se converteşte ulterior cu altceva în .jpg sau .png. Paint-ul are nişte filtre de compresie .jpg mizerabile, în rest e ok.

• Dacă imaginea este animată în format .GIF se pot folosi programele UleadGIF, Swish, nu necesită cine ştie ce cunoştinţe speciale.

• Dacă banner-ul se doreşte a fi transparent, adică fără border şi fond trebuie recurs la photoshop care are în meniu File/Export/GIF89a Export…

• Dacă imaginea dorită constă doar din text, recomand o aplicaţie online care se găseşte aici

• Dacă banner-ul se doreşte a fi o imagine trucată, un editor de imagini online cu multe opţiuni, aici

Mai rămâne o problemă, editarea, generarea codului de banner.
Codul de copiat, inserat pe alt site care trebuie să îl pui la dispoziţie.

Recomand să nu scrii codul direct în post ca pe un text oarecare, sunt teme de wordpress care semnele ” le transformă în altceva. Varianta optimă este introducerea codului într-un TEXTAREA precum mai jos.

Pentru a insera acest TEXTAREA direct în post sau pagina unde doreşti să-l afişezi, copiază copy/paste codul cu albastru de mai jos:

<div align="center"><textarea cols="65" rows="4"><a href="http://www.blogultau.ro/" target="_blank" title="Titlul blogului tau"><img src="http://www.blogultau.ro/imagini/banner.png" border="0" alt="Titlul blogului tau"></a></textarea></div>

Bineînteles că modifici:
- url blog cu un / la sfârşit;
- Titlu blog;
- nume folder imagine banner;
- nume imagine banner;
- extensie filă imagine banner (.jpg sau .png sau .gif) în funcţie de caz.

• În tag-ul de “title” şi “alt”, respectiv titlul blogului tău, nu folosi diacritice, codul tău urmează a fi copiat de alţii într-o filă .php care nu suportă aşa ceva. Dacă totuşi doreşti să pui diacritice se poate prin simboluri html,
exemplu, litera ă = &#259;

• Dacă ai blog pe domeniu propriu să NU ai activat în cPanel modulul Security/Hot Link Protection pe tipul de filă imagine banner. Din Default NU este activat, deci dacă nu ai umblat acolo nu trebuie să îţi faci probleme. Imaginea banner-ului care este hostată la tine urmează a fi încarcată de un alt site şi Hot Link Protection ar împiedica acest lucru.