Skelett till WordPress Komma upp och springa

Under tidigare delar av denna serie har vi täckt mycket. Vi tog en Photoshop-layout, byggde den in i en anpassningsbar webbsida med hjälp av skelettramen, utforskade aspekter av CSS3, implementerade olika jQuery-plugins och ansåg våra alternativ för bredbildslayout. En sak återstår…

Var inte under några illusioner Att utveckla ett kollisionssäkert WordPress-tema tar mycket tid och ansträngning. Under de följande handledningarna kommer vi att få vårt Magazine-temaarbete, men bara i sin mest grundläggande form. WordPress är en stor plattform och kan nästan allt du kan kasta på det - när du är klar med dessa screencasts kommer det att finnas mycket mer för dig att göra!


Börjar

Om du antar att du har installerat WordPress någonstans och du har laddat ner källfilerna för att sparka bort saker, låt oss nu se om hur du förpackar saker som WordPress-tema. Det finns några nödvändiga filer vi behöver, plus en thumnail-bild, då handlar det om att korrigera vissa vägar och organisera våra projektfiler.

Alternativt kan du ladda ner videoklippet eller prenumerera på Webdesigntuts + screencasts via iTunes eller YouTube!


WordPress 'Meny och Widgets

Vi har fått vårt tema igång, låt oss nu koppla upp meny- och widgetområdena i layouten. Vi måste lägga till en ny fil till vårt projekt (functions.php) som kommer att hantera en del av denna grundläggande funktionalitet.

Alternativt kan du ladda ner videoklippet eller prenumerera på Webdesigntuts + screencasts via iTunes eller YouTube!


Ytterligare resurser

Jag hänvisade till en hel del bitar under dessa screencasts, så här är de olika länkarna för att hjälpa dig.

  • Om du aldrig har skapat WordPress tidigare, ta en titt på deras berömda 5-minutersinstallation.
  • För att ställa in en MAMP-lokal server på OS X kolla Chris Coyiers första ögonblick med MAMP, Ryan Olsens utvecklande WordPress lokalt med MAMP eller hur man ställer in en mördare WordPress-testmiljö lokalt på nätter+.
  • Detaljer om alla WordPress-funktioner som används i denna handledning finns på WordPress Codex.

Jag har också använt några WordPress plugins, som du kan hitta och använda i din egen installation:

  • DP Twitter Widget
  • Enkel Flickr Photostream av Benoit Gilloz
  • Responsive Välj Meny av Chris Mavricos