Skeleton to WordPress Se lever et courir

Au cours des parties précédentes de cette série, nous avons beaucoup couvert. Nous avons pris une présentation Photoshop, intégrée dans une page Web adaptative utilisant le cadre Skeleton, exploré les aspects de CSS3, mis en œuvre divers plugins jQuery et examiné nos options pour les dispositions d'écran large. Une chose reste…

Ne te fais pas d'illusions; développer un thème WordPress à l'épreuve des balles prend beaucoup de temps et d'efforts. Pendant les tutoriels suivants, nous allons faire fonctionner notre thème Magazine, mais uniquement dans sa forme la plus élémentaire. WordPress est une grande plate-forme et est capable de presque tout ce que vous pouvez lui lancer - quand vous aurez fini avec ces screencasts, vous aurez beaucoup plus à faire.!


Commençant

En supposant que vous ayez installé WordPress quelque part et que vous ayez téléchargé les fichiers source pour lancer des activités, voyons maintenant comment les empaqueter sous forme de thème WordPress. Nous avons besoin de certains fichiers requis, ainsi que d’une image thumnail, puis il s’agit de corriger certains chemins et d’organiser nos fichiers de projet..

Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via iTunes ou YouTube.!


WordPress 'Menu et Widgets

Maintenant que notre thème est opérationnel, connectons maintenant les zones de menu et de widget de la présentation. Nous devrons ajouter un nouveau fichier à notre projet (functions.php) qui va gérer certaines de ces fonctionnalités de base.

Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via iTunes ou YouTube.!


Ressources supplémentaires

J'ai fait référence à quelques fragments lors de ces screencasts, voici donc les différents liens pour vous aider..

  • Si vous n'avez jamais configuré WordPress auparavant, jetez un œil à leur célèbre programme d'installation en 5 minutes..
  • Pour configurer un serveur local MAMP sous OS X, consultez Premiers moments de Chris Coyier avec MAMP, Développement local de WordPress avec Ryan Olsen avec MAMP ou Comment configurer localement un environnement de test WordPress Killer sur Nettuts.+.
  • Des détails sur toutes les fonctions WordPress utilisées dans ce tutoriel sont disponibles sur le Codex WordPress..

J'ai également utilisé quelques plugins WordPress, que vous pouvez trouver et utiliser dans votre propre installation:

  • DP Twitter Widget
  • Simple Flickr Photostream de Benoit Gilloz
  • Menu sélectif réactif de Chris Mavricos