Crea flujos de trabajo de desarrollo local de WordPress más rápidos y seguros para tu agencia

Las agencias se mueven rápido. Nuevos proyectos de clientes, rediseños, revisiones de plugins y correcciones de última hora día sí, día también: todo depende de un flujo de trabajo que sea estable, rápido y coherente para todo el equipo. 

Para muchas agencias de WordPress, lo más difícil no es entregar un buen trabajo, sino conseguir que cada miembro del equipo trabaje de la misma manera, con la misma configuración, sin perder tiempo en el proceso.

WordPress Studio fue diseñado para eliminar estas piedras en el camino, y que las agencias puedan dedicar más tiempo a crear y menos a lidiar con tareas administrativas, al mismo tiempo que proporciona a cada desarrollador un flujo de trabajo coherente y ayuda a las agencias a entregar proyectos de mayor calidad en menos tiempo.

No te pierdas el siguiente tutorial de flujos de trabajo para agencias y sigue leyendo para ver cómo integrarlos en la forma de desarrollar moderna de las agencias con Studio:

Crea entornos de desarrollo idénticos para todos

Todas las agencias saben lo que conlleva incorporar a un nuevo desarrollador, configurar un entorno tecnológico desde cero o replicar el entorno de un compañero. 

Puedes iniciar un sitio local limpio, restaurar uno desde una copia de seguridad o usar un modelo, que es una especie de receta reutilizable que define algunas especificaciones del sitio, como los temas y plugins que se instalan, la versión de PHP que utiliza y el contenido o los ajustes que se aplican. 

Usar un modelo significa que cada proyecto comienza desde la misma base que ya funciona, no desde una pizarra en blanco. Para las agencias, esto se traduce en una configuración más rápida y traspasos entre miembros del equipo más fluidos, transformando horas de trabajo en segundos de automatización.

Al iniciar un sitio en Studio desde un modelo, tanto tu equipo como tú podéis crear utilizando las especificaciones que más os interesen, en lugar de tener que empezar de cero. Solo esto ya reduce el número de horas de trabajo administrativo a unos pocos segundos.

Para crear un sitio desde un modelo en Studio:

1. Haz clic en el botón «Añadir un sitio».
2. Selecciona «Empezar desde un modelo» y aparecerá una galería de modelos destacados y una opción para elegir tu propio archivo de modelo personalizado.
3. Selecciona un modelo destacado que se ajuste a tus necesidades o «Elegir archivo de modelo» para seleccionar un archivo JSON de tu ordenador.
4. Haz clic en Continuar.
5. En la pantalla de configuración, ponle nombre a tu sitio. Puedes abrir «Ajustes avanzados» para configurar otras opciones.
6. Haz clic en «Añadir sitio».

Studio creará el sitio desde el modelo que hayas seleccionado o añadido. Para que tu equipo esté perfectamente alineado en todos los proyectos, consulta nuestra guía para crear modelos personalizados.

Comparte un momento específico del sitio para recibir impresiones tanto de tu equipo como de clientes

Una vez que hayas creado un sitio en Studio, tanto tu equipo como tus clientes pueden estar informados de los cambios gracias a una vista previa que se puede compartir, es fiable y se puede consultar online.

Las vistas previas te permiten compartir un momento determinado de tu proyecto local de forma pública. Se alojan en un dominio temporal proporcionado por WordPress.com, y cada usuario de Studio puede crear hasta 10 a la vez. 

Lo mejor de las vistas previas es que son sitios alojados completamente funcionales: no es necesario que tú estés conectado para que el equipo o los clientes puedan verlos. Y no solo eso: también puedes compartir las credenciales de acceso con tu equipo o con los clientes para que también puedan echar un vistazo al back-end.

Las vistas previas son temporales y se eliminan automáticamente después de siete días. Esto garantiza que los entornos de vista previa se utilizan con el objetivo que recibir revisiones y opiniones a corto plazo.

Para enviar una vista previa a tu equipo o a un cliente:

1. Selecciona el sitio local dentro de Studio.
2. Haz clic en la pestaña Vistas previas.
3. Inicia sesión en WordPress.com si aún no lo has hecho.
4. Haz clic en el botón «Crear sitio de vista previa».
5. Una vez creado el sitio de vista previa, copia el dominio del sitio de vista previa y compártelo. Puedes ofrecer las credenciales de acceso a otras personas haciendo clic en la pestaña Configuración en Studio y copiando el nombre de usuario y la contraseña del WP Admin.

Aunque los sitios de vista previa están destinados a ser compartidos con clientes para recibir las primeras impresiones durante un máximo de siete días, se requiere un plan de alojamiento web para que tu sitio sea accesible de forma permanente. Usa las funciones Studio Sync o Importar/Exportar para conectar tu sitio de Studio a un plan de alojamiento web.

Mantén tus entornos de pruebas y producción perfectamente sincronizados

Cuando llega el momento de publicar una web, con Studio Sync podrás mover todos los cambios de forma segura, sin luchar con exportaciones, plugins o procesos inconsistentes.

Studio Sync te permite sincronizar un sitio de pruebas o producción alojado en WordPress.com o Pressable con un sitio de Studio, y viceversa. 

No solo eso: la funcionalidad de sincronización es selectiva, lo que significa que tienes control total sobre los elementos que se transfieren entre Studio y cualquier sitio de producción o pruebas conectado. Se acabó sobreescribir por accidente plugins que funcionaban perfectamente en producción o que el contenido de pruebas local afecte a la base de datos del sitio activo.

Para sincronizar con un entorno de pruebas o de producción: 

1. Selecciona el sitio que quieres sincronizar desde la barra lateral de Studio.
2. Abre la pestaña Sincronizar.
3. Localiza el sitio conectado a WordPress.com o Pressable o conéctate a otro. Esta conexión no transferirá ningún dato; simplemente le dice a Studio desde qué sitio alojado quieres hacer pull o push.
4. Haz clic en Pull o Push para abrir la ventana de sincronización.
5. Elige sincronizar «Todos los archivos y carpetas» o «Archivos y carpetas específicos».
6. Selecciona los elementos que quieres sincronizar desde o hacia tu entorno de producción o pruebas. Puedes expandir las carpetas de plugins, temas y subidas para seleccionar elementos individuales.
7. Decide si quieres incluir la Base de datos en la sincronización.
8. Haz clic en el botón Pull o Push.

Sync es el mejor compañero de los sitios de vista previa para las agencias. Puedes hacer pull de un sitio activo a Studio, usar sitios de vista previa para mostrar tu trabajo local a otros y, cuando todo esté a tu gusto, puedes hacer push de los cambios a pruebas o producción.

Studio Sync tiene algunos requisitos, así que no olvides consultar la documentación completa para sacarle el máximo provecho a esta función.

Configura tus preferencias para trabajar más rápido

Un detalle pequeño pero importante en Studio son las preferencias, que te permite trabajar rápidamente en los archivos del sitio de Studio en tu editor y aplicación de terminal favoritos.

Una vez que tengas un sitio de Studio en funcionamiento, verás que aparecen algunos botones en la sección «Abrir en…» de la pestaña General.

Puedes especificar qué editor de código y aplicación de terminal usas en tus procesos diarios en el menú de preferencias de Studio: haz clic en el icono de usuario en la esquina superior derecha para abrir «Configuración», y después haz clic en la pestaña Preferencias para actualizarlas.

Trabaja en sitios de desarrollo de forma local

Si formas parte de Automattic para Agencias, nuestro programa gratuito para agencias, tienes acceso a cinco sitios de desarrollo gratuitos. 

Estos sitios de desarrollo son webs completas de WordPress.com que actúan como sitios de pruebas, y si quieres trabajar en ellos de forma local en un entorno seguro y aislado, puedes usar la función de sincronización de Studio.

Para crear un sitio de desarrollo y sincronizarlo con Studio:

1. Inicia sesión en tu cuenta de Automattic para Agencias.
2. Haz clic en el botón Mercado de la barra lateral, luego haz clic en Hosting y Standard.
3. Desplázate hacia abajo para encontrar la sección Empieza a construir gratis y haz clic en el botón «Crear un sitio de desarrollo →».
4. Especifica la dirección de tu sitio, la versión de PHP y el centro de datos principal, y haz clic en «Crear sitio». Este será un sitio de desarrollo completamente alojado en WordPress.com.

Una vez creado el sitio, se puede sincronizar con Studio siguiendo las instrucciones de sincronización que hemos mencionado antes.

Este proceso mantiene todo bien alineado: tu trabajo local, tu sitio de desarrollo y tu push final a producción, sin desajustes de herramientas, configuraciones manuales ni las habituales confusiones de versiones. 

Y esto se traduce en menos incógnitas y tiempos de entrega más rápidos para todos tus proyectos.

Optimiza la forma de trabajar de tu agencia con Studio

Cuando tu equipo pasa rápido de un asunto a otro, los retrasos se van acumulando. Las herramientas que usas pueden o bien generar molestias o bien eliminarlas, y Studio está diseñado para eliminarlas.

Desde crear entornos consistentes hasta compartir vistas previas siempre activas o sincronizar de forma segura con pruebas y producción: Studio ofrece a las agencias un camino más claro desde el primer borrador hasta la entrega final.

Esta diseñado para eliminar las partes más complicadas del desarrollo de WordPress, de forma que tu equipo pueda centrarse en el trabajo que los clientes realmente ven.

Además, el equipo de WordPress.com que se encarga de Studio lanza actualizaciones de forma rápida y frecuente, por lo que siempre habrá nuevas funciones y mejoras de rendimiento en el horizonte para optimizar aún más tus flujos de trabajo. Y si te gustaría sugerir alguna funcionalidad al equipo de Studio, no dudes en abrir un issue en GitHub.

Prueba WordPress Studio de forma gratuita y ofrece a tu equipo una forma más rápida y fiable de crear y publicar en WordPress.