Skjelett til WordPress Komme opp og kjører

Under tidligere deler av denne serien har vi dekket mye. Vi tok en Photoshop-layout, bygde den inn i en adaptiv nettside ved hjelp av rammeskjemaet, utforsket aspekter av CSS3, implementerte ulike jQuery-plugins og vurdert våre muligheter for bredskjermoppsett. En ting gjenstår ...

Vær ikke under noen illusjoner; å utvikle et kollisikkert WordPress-tema tar mye tid og krefter. Under de følgende opplæringsprogrammene skal vi få vår Magazine-temaarbeid, men bare i sin mest grunnleggende form. WordPress er en stor plattform og er i stand til nesten alt du kan kaste på det - når du er ferdig med disse screencasts vil det være mye mer for deg å gjøre!


Starter med

Forutsatt at du har installert WordPress et sted og du har lastet ned kildefilene for å sparke ting, la oss nå se om å pakke opp ting som et WordPress-tema. Det er noen nødvendige filer vi trenger, pluss et thumnail-bilde, så er det et spørsmål om å rette opp noen baner og organisere våre prosjektfiler.

Alternativt kan du laste ned videoen eller abonnere på Webdesigntuts + screencasts via iTunes eller YouTube!


WordPress 'meny og widgets

Etter å ha fått vårt tema oppe, la oss nå koble til menyen og widgetområdene i oppsettet. Vi må legge til en ny fil til prosjektet vårt (functions.php) som skal håndtere noen av denne grunnleggende funksjonaliteten.

Alternativt kan du laste ned videoen eller abonnere på Webdesigntuts + screencasts via iTunes eller YouTube!


Tilleggsressurser

Jeg refererte til ganske mange biter og brikker under disse screencasts, så her er de forskjellige koblingene for å hjelpe deg.

  • Hvis du aldri har satt opp WordPress før, ta en titt på deres berømte 5-minutters installasjon.
  • For å sette opp en MAMP lokal server på OS X, sjekk ut Chris Coyiers første øyeblikk med MAMP, Ryan Olsens Utvikler WordPress lokalt med MAMP eller hvordan du setter opp et Killer WordPress-testmiljø lokalt på nettet+.
  • Detaljer om alle WordPress-funksjonene som brukes i denne opplæringen, finnes på WordPress Codex.

Jeg har også brukt noen WordPress-plugins, som du kan finne og bruke i din egen installasjon:

  • DP Twitter Widget
  • Enkel Flickr Photostream av Benoit Gilloz
  • Responsive Select Menu av Chris Mavricos