Skeleton to WordPress Noțiuni de bază și de funcționare

În timpul pieselor anterioare ale acestei serii am acoperit foarte mult. Am realizat un layout Photoshop, l-am construit într-o pagină web adaptivă, folosind cadrul Skeleton, explorat aspecte ale CSS3, implementat diverse pluginuri jQuery și am considerat opțiunile noastre pentru layout-uri de ecran lat. Un lucru rămâne ...

Fii fără iluzii; dezvoltarea unei tematici WordPress anti-glont durează mult timp și efort. În timpul următoarelor tutoriale vom începe să lucrăm tema revistei noastre, dar numai în cea mai elementară formă. WordPress este o platformă mare și este capabilă de aproape orice puteți arunca la ea - când ați terminat cu aceste programe de ecran, veți avea mult mai mult pentru a face!


Început

Presupunând că ați instalat WordPress undeva și că ați descărcat fișierele sursă pentru a elimina lucrurile, să vedem acum despre ambalarea lucrurilor ca o temă WordPress. Există unele fișiere necesare de care avem nevoie, plus o imagine de tip thumnail, atunci este o problemă de corectare a unor căi și de organizare a fișierelor noastre de proiect.

Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!


WordPress "și widget-uri

După ce ne-am deschis tema, să conectăm acum meniurile și zonele widget ale aspectului. Va trebui să adăugăm un nou fișier proiectului nostru (functions.php) care se ocupă de o parte din această funcționalitate de bază.

Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!


Resurse aditionale

Am făcut referire la câteva fragmente în timpul acestor interviuri, așa că aici sunt diferitele linkuri pentru a vă ajuta.

  • Dacă nu ați mai configurat până acum WordPress, aruncați o privire la celebra instalare de 5 minute.
  • Pentru instalarea unui server local MAMP pe OS X verificați primele momente ale lui Chris Coyier cu MAMP, dezvoltarea WordPress a lui Ryan Olsen la nivel local cu MAMP sau cum să configurați un mediu de testare WordPress Killer Local Nettuts+.
  • Detalii despre toate funcțiile WordPress folosite în acest tutorial pot fi găsite în Codul WordPress.

De asemenea, am folosit câteva pluginuri WordPress pe care le puteți găsi și utiliza în propria dvs. instalare:

  • DP Twitter Widget
  • Simplu Flickr Photostream de Benoit Gilloz
  • Responsiv Selectați meniul de Chris Mavricos