Postari din categoria ”design“


April

23

Instalarea unui site WordPress local pe WampServer

Instalarea WordPress.

Din motive de organizare, nu vom pune site-ul chiar in root (directorul www din WampServer), ci vom crea un director nou cu numele “site” (fara ghilimele).

Daca nu stii une se afla directorul www din WampServer, nu-i bai, da drumul la server. Odata pornit, dai click stanga pe icoana din system tray (dreapta jos langa ceas) si ai in meniu “www directory”.
meniu wampserver

Dupa ce ai facut un nou director in folderul “www” cu numele “site”, copiaza toate fisierele din arhiva WordPress in directorul nou creat “site”.site dir

Inainte de instalare trebuie sa cream o baza de date noua. Deschide phpMyAdmin, click stanga pe icon-ul wampserver si alege phpMyAdmin sau poti scrie direct in Firefox http://localhost/phpmyadmin/ si creaza o noua baza de date “site_db”, click “create”. baza de date site_db

Urmatorul pas, deschide cu NotePad++ fisierul wp-config-sample.php si schimba:

define('DB_NAME', 'putyourdbnamehere');

/** MySQL database username */
define('DB_USER', 'usernamehere');

/** MySQL database password */
define('DB_PASSWORD', 'yourpasswordhere');

cu

define('DB_NAME', 'site_db');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', '');

Acum salveaza fisierul ca si wp-config.php. Deschide wp-admin/install.php
in Firefox si ar trebui sa vezi:
instalare wordpress

Scrie ce vrei in campurile Blog Title si Your E-mail, oricum WampServer nu poate de unul singur sa-ti trimita mail, in cazul in care uiti parola. Hit “Install WordPress” si daca totul a mers bine ar trebuii sa vezi:
instalat

Binenteles tu vei avea o alta parola. Copiaza parola asta intr-un fisier sa nu o uiti si intra in admin, apasand butonul “login”. La username scrie admin si la password scrie parola de mai devreme, hit login si gata ai instalat local WordPress si ar trebuii sa vezi asta:
admin

In urmatorul tutorial ne vom uita la arhitectura unui site in WordPress.

April

23

Cum sa faci site-uri cu WordPress, introducere

Urmatoarele tutoriale sunt in primul rand adresate web designerilor (oamenilor care fac site-uri) care inca nu au descoperit WordPress.

De ce sa faci site-uri cu wordpress ?

Parca blogurile se fac cu el… In primul rand si un blog e tot un site. Si ai sa vezi ca poti face, daca vrei, site-uri care nu sunt bloguri (nu se comporta/arata ca un blog) in WordPress.

Majoritatea site-urilor realizate pentru firmele din Romania sunt inca site-uri statice. Cateva pagini (home, despre noi, servicii, contact etc) cu un continut care odata realizat, asa ramane pentru mult timp. Alt gen de site-uri sunt cele care utilizeaza sisteme CMS create inhouse, de obicei solutii inflexibile si pline de buguri.

Un site creat cu WordPress, va fi flexibil, mult mai usor de intretinut si adaptat diferitelor nevoi ale clientilor tai. Exemplu. Vine toamna si clientul vrea un site care sa reflecte acest lucru. E destul sa schimbi tema cu una “de toamna” si ai terminat.

Pe langa o flexibilitatea mare, un site facut asa e mai bine vazut de motoarele de cautare. Eu nu cred in construirea site-ului, publicarea lui si deabia apoi angajarea unui “specialist de promovare in Google”.

Alte movive pentru care merita sa faci site-urile clientilor in WordPress, numarul mare de pluginuri disponibile si deoarece platforma e utilizata de foarte multa lume, daca nu stii ceva, probabil ca vei gasi raspunsul la ceilalti utilizatori. And it’s free !

In cazul in care te-am convins ca merita sa inveti cum sa faci site-uri cu WordPress, sa incepem cu ce ai nevoie si ce trebuie sa stii inainte sa te apuci de treaba.

Ai nevoie de:

  • WordPress
  • WampServer. Pentru dezvoltarea locala (pe calculatorul tau) a site-ului.
  • Firefox cu plugin-ul Web Developer instalat.
  • Un text editor cu syntax highlighting cum ar fi Notepad++ sau emeditor, xmlspy etc, pentru editare css, html si php
  • Un editor grafic cum este Xara Xtreme (nu ai nevoie de photoshop), sau poti sa-ti faci elementele grafice si online (free) cu Aviary sau SUMO Paint

Trebuie sa stii:

  • XHTML, destul de bine.
  • CSS, la nivel mediu
  • PHP la nivel mediu.

Atat. Ia jos tot cei ai de luat, instaleaza WampServer, Firefox, Web Developer si NotePad++. Si in partea a doua ne vom ocupa de instalarea sistemului WordPress si apoi ne vom familiariza cu arhitectura acestuia.

April

17

Bartle Bogle Hegarty (BBH) icearca crowdspring

Astazi se incheie concursul de design peentru noul logo BBH Labs de pe crowdspring.com, aici se poate vedea si brieful pentru concurs. Premiul fiind de 1500 $ pentru pachetul total, logo plus letterhead si business cards.

La momentul scrierii acestui post erau 1466 de intrari. Nu m-am uitat la toate, dar din cele “mai populare” nu am gasit nici unul care sa fie cat de cat ok sau “good enough” barem. Idei slabe, puse la repezeala, probabil de incepatori si foarte incepatori in designul grafic.

Deci: o agentie cu renume + premiu sanatos + multi participanti != logo de calitate. Cred ca e un exemplu bun de cum sa nu-ti faci un logo :)

January

21

Ghid de utilizare a Internet-ului in scopuri comerciale

Avand in vedere ca factorii de decizie (Manageri/Patroni/Directori) din firmele romanesti nu au nici cea mai mica idee de cum merg lucrurile online, un ghid de utilizare a Intrnet-ului in scopuri comerciale e mai mult decat bine venit.

1. Realizare site.

  • Site-ul firmei nu e site personal. Parerile personale asupra aspectului si tehnologiei folosite, nu isi au locul. Asta este treaba agentiei de web design.
  • Site-ul trebuie realizat cu un scop clar, specificandu-se de la inceput cum se va masura succesul. Nu construim site-ul firmei doar pentru ca “toata lumea are site”.
  • Textul comercial din site e (mai bine) scris de catre un copywriter.
  • Alege cea mai buna agentie de web design din lume sa-ti faca site-ul. Nu pe aia din colt, gigel de la 4, verisorul de la informatica, administratorul de IT din firma, contabila etc.

2. Promovarea site-ului

  • Nu trimite mesaje comerciale nesolicitate catre alte companii sau persoane fizice (adica spam). Ever ! Nici daca ai cel mai mic pret de piata, nici daca salvezi balenele.
  • Nu iti fa reclama pe alte site-uri cu bannere animate, nu folosii sunete pe bannere. Ce tie nu-ti place altuia nu-i face.
  • Poti angaja o agentie de design care sa-ti faca un clip viral (animatie sau video), cu care sa-ti promovezi site-ul pe youtube, trilulilu si alte locuri de pe net, unde se distreaza lumea.
  • Poti angaja o agentie de design care sa-ti faca un joc prin care sa-ti promovezi site-ul.
  • Poti scrie lucruri pe care clientii tai le gasesc folositoare pe blog-ul firmei tale.
  • Poti folosii Google Adsens.
December

11

User Experience: quotes

Via Inspire me, now!,

You cannot NOT have a user experience
— Lou Carbone

Easy is Hard
— Peter Lewis, NY Times

People’s behavior makes sense if you think about it in terms of their goals, needs, and motives
— Thomas Mann

No shortcuts today; I’m in a hurry
— Swiss saying

If the user can’t find it, it doesn’t exist
— HFI button

The user is NOT a lower life form
— Ken Becker

Like all forms of design, visual design is about problem solving, not about personal preference or unsupported opinion
— Bob Baxley, 2003

Mai multe pe User Experience: quotes