Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. CodeKit

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

by
Read Time:2 minsLanguages:

Spanish (Español) translation by Andrea J (you can also view the original English article)

Trabajar en un entorno local (es decir: directamente en tu propio computador) es un enfoque estándar al construir temas y plugins de WordPress. Le evita romper un sitio en vivo, mientras acelera el proceso al reducir las solicitudes a la web. Sin embargo, tiene un inconveniente; solo puedes acceder a tu entorno local localmente, en tu sistema. Probar simultáneamente en otros dispositivos y sistemas que puedas tener es difícil.

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

Desarrollo local de WordPress

Para empezar, necesitarás configurar WordPress localmente. Tenemos un par de artículos en Tuts+ para ayudarte a empezar a usar MAMP (un entorno de servidor local que comprende Mac, Apache, MySQL y PHP, Perl o Python):

Después de que MAMP esté instalado, asegúrate de que se esté ejecutando. 

También necesitarás conocer la URL local (generalmente http://localhost:8888 por defecto, pero puedes definir este puerto Apache en las preferencias de MAMP). Asegúrate de que el sitio local funcione correctamente antes de continuar.

Configuración de Codekit

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

Una vez que tu instalación local de WordPress esté lista y tengas MAMP en ejecución, agrega tu tema como un proyecto a Codekit. Puedes hacerlo arrastrando la carpeta del tema a Codekit.

Configuración del servidor externo

Después, tenemos que decirle a Codekit dónde se ejecuta nuestro servidor MAMP local, así que vamos a actualizar la configuración del "Servidor externo":

  1. Haz clic en el engranaje debajo del nombre del proyecto en Codekit.
  2. Haz clic en la segunda opción llamada Actualización del navegador en la barra lateral izquierda.
  3. Desplázate hacia abajo hasta la configuración del Servidor externo y activa El servidor externo requerido.
  4. Actualiza la Dirección del servidor externo con la URL local del MAMP del sitio de WordPress (por ejemplo, http://localhost:8888/your-local-site, o como en este ejemplo http://wptest.dev). Asegúrate de visitar esta URL para garantizar que sea correcta y que funcione correctamente.

Para empezar a utilizar el servidor, haz clic en el botón de vista previa en la parte superior derecha de Codekit. Se abrirá tu navegador con una url única (http://your-computer-name.local:5757). Ahora puedes visitar manualmente esa URL en cualquier otro dispositivo conectado a tu red wi-fi para conectarse al navegador de Codekit e inyecciones de estilo.

Al guardar un archivo en tu editor de código, el explorador se actualizará, o si estás 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, verificación de sintaxis, minificación, ganchos y más ¡con solo un programa! Si ya estás utilizando MAMP, prueba Codekit y observa cómo acelera tu flujo de trabajo.

¿Qué consejos tienes para el desarrollo local de WordPress?¡Déjanos saberlo en los comentarios!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.