Skeleton to WordPress levantarse y correr

En partes anteriores de esta serie hemos cubierto mucho. Tomamos un diseño de Photoshop, lo incorporamos a una página web adaptativa utilizando el marco de Skeleton, exploramos aspectos de CSS3, implementamos varios complementos de jQuery y consideramos nuestras opciones para diseños de pantalla ancha. Una cosa queda ...

No se hagan ilusiones; desarrollar un tema de WordPress a prueba de balas requiere mucho tiempo y esfuerzo. Durante los siguientes tutoriales conseguiremos que nuestro tema de Revista funcione, pero solo en su forma más básica. WordPress es una gran plataforma y es capaz de casi cualquier cosa que puedas lanzarle. Cuando hayas terminado con estos screencasts, habrá mucho más por hacer.!


Empezando

Suponiendo que haya instalado WordPress en algún lugar y haya descargado los archivos de origen para comenzar, veamos ahora cómo empaquetar las cosas como un tema de WordPress. Necesitamos algunos archivos necesarios, además de una imagen thumnail, entonces se trata de corregir algunas rutas y organizar nuestros archivos de proyectos..

Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de iTunes o YouTube!


Menú y widgets de WordPress

Una vez que hemos puesto en marcha nuestro tema, ahora conectemos el menú y las áreas de widgets del diseño. Necesitaremos agregar un nuevo archivo a nuestro proyecto (funciones.php) que va a manejar algunas de estas funcionalidades básicas.

Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de iTunes o YouTube!


Recursos adicionales

Hice referencia a bastantes partes y partes durante estos screencasts, así que aquí están los varios enlaces para ayudarte.

  • Si nunca has configurado WordPress antes, echa un vistazo a su famosa instalación de 5 minutos.
  • Para configurar un servidor local MAMP en OS X, revise First Moments with MAMP de Chris Coyier, Developing WordPress de Ryan Olsen localmente con MAMP o Cómo configurar un entorno de prueba de WordPress Killer localmente en Nettuts+.
  • Los detalles sobre todas las funciones de WordPress utilizadas en este tutorial se pueden encontrar en el Códice de WordPress..

También utilicé algunos complementos de WordPress, que puedes encontrar y usar en tu propia instalación:

  • DP widget de Twitter
  • Simple Flickr Photostream por Benoit Gilloz
  • Menú selectivo responsivo por Chris Mavricos