Consejo rápido Use CodeKit 2.0 para el desarrollo local de WordPress

Trabajar en un entorno local (es decir, directamente en su propia computadora) es un enfoque estándar al crear temas y complementos de WordPress. Le evita tener que romper un sitio en vivo, a la vez que acelera el proceso al reducir las solicitudes a la web. Aunque tiene un inconveniente; solo puedes acceder a tu entorno local en la zona, en su sistema Probar simultáneamente en otros dispositivos y sistemas que pueda tener es difícil.

En este rápido artículo, explicaré cómo usar Codekit 2.0 y acelerar su flujo de trabajo de desarrollo local con inyección de estilo, actualización de navegador y prueba de dispositivos sin tocar una línea de código para configurar!

Desarrollo de WordPress local

Para comenzar, deberás configurar WordPress localmente. Tenemos un par de artículos sobre Tuts + para ayudarlo a comenzar a usar MAMP (un entorno de servidor local que comprende METROC.A,UNApache, METROySQL y PAGHP, PAGerl o PAGython):

• Cómo configurar un entorno de prueba de WordPress Killer localmente
• Skeleton to WordPress: levantarse y correr
  

Después de instalar MAMP, asegúrese de que se está ejecutando. 

También deberá conocer la URL local (a menudo http: // localhost: 8888 de forma predeterminada, pero puede definir este puerto Apache en las preferencias de MAMP). Asegúrese de tener el sitio local funcionando correctamente antes de continuar.

Configuración de Codekit

Codekit recientemente realizó una importante actualización a 2.0, que ofrece la actualización simultánea del navegador en múltiples dispositivos, además de inyección de estilo. En solo un par de pasos, puede configurar Codekit para que funcione con su configuración de WordPress local.

Después de que la instalación de WordPress local esté lista para funcionar y tenga MAMP en ejecución, agregue su tema como un proyecto a Codekit. Puede hacer esto arrastrando la carpeta del tema a Codekit.

Configuración del servidor externo

A continuación, debemos indicar a Codekit dónde se está ejecutando nuestro servidor MAMP local, así que actualicemos la configuración del "Servidor externo":

1. Haga clic en el engranaje debajo del nombre del proyecto en Codekit.
2. Haga clic en la segunda opción etiquetada Actualización del navegador en la barra lateral izquierda.
3. Desplácese hasta la Servidor externo ajustes y gire Servidor externo requerido EN.
4. Actualizar el Dirección del servidor externo con la URL de MAMP local del sitio de WordPress (por ejemplo, http: // localhost: 8888 / your-local-site, o como en este ejemplo http://wptest.dev). Asegúrese de visitar esta URL para garantizar que es correcta y funciona correctamente..

Para comenzar a usar el servidor, haga clic en el botón de vista previa en la parte superior derecha de Codekit. Abrirá su navegador con una URL única (http: //tu-computer-name.local: 5757). Ahora puede visitar manualmente la url en cualquier otro dispositivo conectado a su red de wi-fi para conectarse a las inyecciones de estilo y refrescantes del navegador Codekit.

Cuando guarde un archivo en su editor de código, el navegador se actualizará, o si está actualizando la hoja de estilos, Codekit inyectará los nuevos cambios de estilo..

¡Codekit también ofrece compilación Sass (con Libass), inyección de estilo, actualización del navegador, comprobación de sintaxis, minificación, ganchos y más con solo un programa! Si ya está usando MAMP, pruebe Codekit y observe cómo acelera su flujo de trabajo.

Qué consejos tiene para el desarrollo local de WordPress, háganoslo saber en los comentarios!