Cu ce face diferența noul design pardau.ro

scris de | joi, 23 august 2012, 14:01 | 31 comentarii

După câteva ore de muncă, după frunzărit codul html până-n cele mai mici detalii şi implementat limba română într-un procent de 100% în toate colţurile temei, am reuşit să instalez, în mod oficial, noul design (versiunea 0.2) al blogului pardau.ro. Iar în caz că vă întrebaţi cu ce face diferenţa noul aspect, vă voi prezenta pe scurt câteva din plusurile acestuia:

1. Logo nou – faţă de vechiul design al blogului, cel nou vine cu un logo profesionist, unic şi cu un impact vizual mult mai modern. Acesta a fost desenat, prelucrat şi finalizat de către Silviu Scheuliac. Îl recomand oricui are nevoie de lucrări în Photoshop; preţurile sunt foarte bune.

2. Culori plăcute ochiului – dorind ca totul să arate curat şi aerisit, am selectat patru mari culori cu ajutorul cărora este construită partea vizuală: background-ul, chenarul alb pentru text, culoarea linkurilor şi culoarea neagră a cuvintelor.

3. Citire mai uşoară – pentru ca articolele publicate să poată fi citite cu uşurinţă şi fără să obosească ochiul, am selectat un font simplu, accesibil şi destul de mare pentru ca atunci când parcurgi un text să poţi sta relaxat în propriul fotoliu.

4. Butoane sociale – am eliminat designul standard al butonului de like furnizat de facebook şi am implementat un altul mai aspectuos. De asemenea, la finalul fiecărui articol, se poate găsi un spaţiu special conceput pentru distribuire pe reţelele sociale şi abonarea la feedul rss.

5. Funcţia excerpt – încă de când am conceput template-ul, mi-am dorit ca pagina de home, arhivele şi rezultatele căutărilor să fie cât mai compacte, să se încarce cât mai repede posibil şi să aibă şi un aspect aerisit. Pentru ca toate acestea să fie realizabile, am implementat funcţia excerpt şi am setat-o astfel încât să afişeze un rezumat de 55 de cuvinte, adică un număr de trei sau patru rânduri de text.

6. Eliminarea variabilelor a.m. şi p.m. – vechiul aspect al afişării orei de publicare a articolelor şi a comentariilor arăta astfel: 10:35 a.m.; 10:35 p.m. Acum, după eliminarea variabilelor de după oră şi setarea unei funcţii discrete, aceasta arată astfel: 17:56; 23:14.

7. Structură nouă a afişării comentariilor – pentru a evita pierderea de spaţiu în rubrica de comentarii, am modificat algoritmul html, astfel încât acestea să fie afişate doar pe două coloane. Una dedicată comentariului principal, iar a doua răspunsurilor aferente.

8. Traducerea completă în limba română – iniţial, foarte multe dintre funcţiile temei erau setate în limba engleză. Având în vedere publicul ţintă către care tinde blogul, am tradus tema într-un procent de 100% în limba română şi am adăugat şi diacriticele. Exemplu: sent your comment -> publică comentariul.

9. Instalarea unui numărător de pagini – pentru ca navigarea în arhivele blogului şi pe paginile anterioare să fie cât mai simplă şi uşoară de utilizat, am implementat un script de numărare şi de grupare a acestora.

10. Încărcare mai rapidă a blogului – după instalarea noului design, blogul beneficiază de o încărcare completă mult mai rapidă. Astfel, conform siteului WebWait, acesta se încarcă în 2,11 secunde, iar după configurarea compresiei fişierelor, măsoară 6,43 kb.

Toate acestea fiind spuse, nu-mi mai rămâne decât să vă urez o citire plăcută, o parcurgere cât mai uşoară a blogului şi să vă cer o părere, o sugestie, o măslină! Dacă vreţi! :)

Există 31 comentarii publicate la acest articol:

  1. Andrei Cristea

    Mult mai buna tema decat cealalta. bravo ! ( apropos, ai facut o greseala cred, butonul pe care apesi sa publici comentariul scrie doar ” Publica comentari ” ai uitat un ” u ” probabil. Si ai facut si cacofonie, i’m just sayin’.. )

    1. Ciprian blogger

      Am schimbat textul din butonul de submit cu: publica.
      Daca imi poti spune cum arata acum, ar fi perfect. Merci.

  2. Intuneric

    Daca-mi permiti, eu am niste rezerve vis-a-vis de logo – mi se pare cam retro. Dar, la o adica, important e sa te gadile pe tine, nu pe altii.

    Foarte profi noul look. Iar o imbunatatire majora este faptul ca pot chiar sa vad ce scriu in caseta de comentarii (combinatia dinainte, gri vs. gri era aproape ilizibila).

    Spor la treaba pe mai departe.

    1. Ciprian blogger

      Dintre toate variantele pe care mi le-a livrat baiatul cu Photoshop-ul, aceasta mi-a placut cel mai mult. Nu-i asa ca seamana putin cu o reclama la Cola logo-ul?

      Referitor la caseta pentru comentarii. Observasem problema de cateva ori. Intr-un timp, imi fusese spus si pe mail si la telefon ca arata urat si ii incurca pe cei ce vor sa scrie cate ceva. Acum cu noul design, iata ca am rezolvat problema! :)

    1. Ciprian blogger

      Ma bucur ca arata mult mai bine. Vechea tema ma deranja pe mine la citit; ce sa mai spun de vizitatori?

    1. Ciprian blogger

      Am preferat sa lucrez la o tema unica. Cea veche parca era prea copilaroasa, prea deschisa la culoare, prea obositoare si nici foarte aerisita. Corect?

  3. Intuneric

    Între ce ai tu şi Coca-Cola e o diferenţă mare în ceea ce priveşte fontul. Ţi-ar fi plăcut să aducă mai mult a Coca-Cola?… Eu zic că n-ar fi mers.

    Tema ta este una profi, serioasă, pătrăţoasă (în sensul bun). Prin urmare, fontul celălalt ar fi fost prea rotunjit pentru tine. Dacă vrei mai multă identitate vizuală, ţi-aş recomanda o combinaţie între cuvânt şi imagine.

    1. Ciprian blogger

      Stiu ca este o diferenta foarte mare intre ceea ce am eu si Coca-Cola, insa putin de tot aduce!
      Momentan, sunt foarte multumit de logo-ul pe care il am acum; daca va fi pe viitor si daca se va merita, voi plati mai multi bani pe unul mult mai profi! :)

    1. Ciprian blogger

      Sa te auda cel de sus. Sa stii ca tema e chiar potrivita pentru mine, daca stam si ne gandim si la frecventa cu care public pe blog.

  4. 141

    1. Paginile cu descrierea/contact… eu le vad pe orizontala, nu pe verticala. Asa imi par „inghesuite” acolo una peste alta.
    2. In articol as vedea : titlu, sub titlu data publicatii + categoria, mai jos textul. Acum textul pare prea aproape de titlu, ar fi bine daca ar exista un spatiu mai mare un pic ca sa para mai aerisit.
    3. Daca intru pe blogul tau si sunt un cititor relativ fidel, caut sa vad ultimele comentarii, nu pe cine ai in blogroll. Eu as schimba ordinea widget-urilor din sidebar.
    4. Logo-ul e ok, dar o poza prelucrata frumos ar fi mult mai de efect.

    In rest, arata foarte bine.

    1. Ciprian blogger

      1. Asezarea paginilor in partea de sus a blogului imi creeaza probleme. Trebuie sa introduc o variabila html in cod care sa le fac sa pluteasca una langa alta, nu in coloana. Rezolv cat de repede.
      2. Ceea ce spui tu nu observasem. Se rezolva imediat. Bine ca mi-ai zis.
      3. Rezolvat.
      4. Logoul ramane acelasi.

      Multumesc pentru completari.

    2. 141

      Cu placere. Mai ai chef de 2 adaugiri?

      1. Logoul merge sa il pui si favicon.
      2. La widget-ul de cautare e scris deasupra CAUTA PE BLOG, apoi in dreapta iar CAUTA. O data e de ajuns.

      Si cam atat. Bafta.

    3. Ciprian blogger

      1. La favicon se lucreaza. Mai ai putina rabdare.
      2. Rezolvat.

      Merci din nou.

  5. SagittariuS

    Ai o problemă cu fontul şi diacriticele la titlurile articolelor şi la widget-ul de Feisbuc, îţi afişează „ţ” cu alt font decât cel în care sunt afişate restul caracterelor. Am păţit-o şi eu şi am schimbat fontul, aşa că-ţi sugerez să faci la fel.

    Apropos, citeşte-ţi mail-ul.

    1. Ciprian blogger

      La mine nu apare problema asta; si am incercat de pe trei browsere.
      Ai idee cum schimb fontul lor?

    2. Ciprian blogger

      Acum am intrebat pe cineva pe facebook. Spune ca e exact cum spui tu. Ț-urile se vad aiurea.

    3. Ciprian blogger

      Am vorbit cu cineva din domeniu si mi-a spui ca este doar de la browsere. Blogul nu are nici o vina pentru afisarea diacriticelor din titluri aiurea.

    4. SagittariuS

      Mda. Acasă am Firefox cu update la zi, şi se vede cum am scris. Mândra are Firefox 11, parcă, şi se vede bine titlul articolului. Deci nu te mai chinui că nu e nicio problemă, cu excepţia celei din browser-ul meu de acasă ;)

  6. Vladimir

    Pe iPhone, in varianta mobila, raspunsurile tale la comentarii nu sunt dispuse fiecare sub comentariul vizat. E foarte greu de inteles cui ii raspunzi. Cred ca apar in ordine cronologica, n-am verificat insa. Cum tu lasi ca si mine sa se stranga cateva comentarii pana sa raspunzi e un pic deranjant sa ai pe de-o parte insirate comentariile si pe dedesubt toate raspunsurile tale. Sunt greu de alocat. Totusi, daca trec pe varianta de afisare clasica sunt dispuse corect (dar e pacat).

    1. Ciprian blogger

      Am pe cineva care lucreaza la varianta pentru mobil. Intr-o saptamana maxim, sper sa rezolvam toate problemele. Incercam siteul atat cu iphone, cu samsung galaxy si cu o tableta. In functie de afisari si de ce propuneri mai primim de la cititori, incercam sa rezolvam totul.

      Se pare ca sunt pus serios pe treaba…

Tu ce părere ai despre articolul acesta? Scrie-mi mai jos și hai să începem o discuție!