Skelett für WordPress Aufstehen und Laufen

In den vorherigen Teilen dieser Serie haben wir viel behandelt. Wir nutzten ein Photoshop-Layout, bauten es mithilfe des Skeleton-Frameworks in eine anpassungsfähige Webseite ein, untersuchten Aspekte von CSS3, implementierten verschiedene jQuery-Plugins und erwogen unsere Optionen für Breitbildlayouts. Eines bleibt ...

Sei unter keinen Illusionen; Die Entwicklung eines kugelsicheren WordPress-Themas erfordert viel Zeit und Mühe. In den folgenden Tutorials werden wir unser Magazine-Theme in die einfachste Form bringen. WordPress ist eine große Plattform und kann fast alles, was Sie damit anfangen können - wenn Sie mit diesen Screencasts fertig sind, haben Sie noch viel mehr zu tun!


Beginnend

Angenommen, Sie haben WordPress irgendwo installiert und die Quelldateien heruntergeladen, um die Dinge anzufangen. Lassen Sie uns nun die Dinge als WordPress-Theme verpacken. Wir benötigen einige erforderliche Dateien und ein dailail-Image. Anschließend müssen Sie einige Pfade korrigieren und unsere Projektdateien organisieren.

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über iTunes oder YouTube abonnieren!


WordPress-Menü und Widgets

Nachdem wir unser Thema eingerichtet haben, lassen Sie uns nun die Menü- und Widgetbereiche des Layouts zusammenführen. Wir müssen unserem Projekt eine neue Datei hinzufügen (Functions.php), das einige dieser grundlegenden Funktionen behandeln wird.

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über iTunes oder YouTube abonnieren!


Zusätzliche Ressourcen

Ich habe während dieser Screencasts auf einige Kleinigkeiten verwiesen, daher hier die verschiedenen Links, die Ihnen helfen sollen.

  • Wenn Sie WordPress noch nie zuvor eingerichtet haben, werfen Sie einen Blick auf ihre berühmte 5-Minuten-Installation.
  • Um einen lokalen MAMP-Server unter OS X einzurichten, lesen Sie die ersten Momente von Chris Coyier mit MAMP, die Entwicklung von WordPress lokal mit MAMP von Ryan Olsen oder das Erstellen einer Killer-WordPress-Testumgebung lokal auf Nettuts+.
  • Details zu allen in diesem Lernprogramm verwendeten WordPress-Funktionen finden Sie im WordPress-Codex.

Ich habe auch ein paar WordPress-Plugins verwendet, die Sie in Ihrer eigenen Installation finden und verwenden können:

  • DP Twitter Widget
  • Einfacher Flickr-Fotostream von Benoit Gilloz
  • Responsive Select-Menü von Chris Mavricos