A veces, gestionar muchos sitios de clientes implica hacer malabarismos entre configuraciones locales, actualizaciones y cambios en los diferentes entornos.

Y funciona, al menos hasta que el proceso en sí se interpone en el camino.

Pequeños problemillas, como configuraciones inconsistentes, archivos sobrescritos o tareas repetitivas, acaban acumulándose y ralentizando tu trabajo.

Con WordPress Studio todo es mucho más sencillo.

Con nuestra herramienta gratuita y de código abierto puedes crear sitios locales en un abrir y cerrar de ojos, compartir vistas previas al instante y trasladar cambios entre entornos sin las molestias de siempre: para que puedas centrarte en crear en vez de en configurar y resolver problemas.

Sigue leyendo y aprende a utilizarlo para gestionar los sitios de WordPress de tus clientes.

  1. Paso 1: Configura un nuevo sitio local
  2. Paso 2: Configura tu sitio local
  3. Paso 3: Desarrolla y colabora
  4. Paso 4: Conecta y sincroniza con un sitio remoto
  5. Paso 5: Experimenta en un sitio de pruebas y haz push de los cambios
  6. Paso 6: Trabaja con múltiples clientes
  7. Optimiza la gestión de los proyectos de clientes con WordPress Studio

Paso 1: Configura un nuevo sitio local

Tienes tres opciones para crear un nuevo sitio en WordPress Studio:

  • Empezar con un sitio en blanco: crea una instalación de WordPress nueva.
  • Empezar con un modelo: crea un sitio preconfigurado a partir de una plantilla.
  • Importar desde una copia de seguridad: utiliza una copia de seguridad de un sitio que ya tengas. 

Te dejamos más detalles de cada una de las opciones.

Empezar con un sitio en blanco

Empezar con un sitio en blanco crea una instalación nueva de WordPress con la configuración de inicio predeterminada.

Esta opción va bien para sitios únicos, pero con Studio puedes incluso ahorrar más tiempo si utilizas bien los modelos.

Empezar con un modelo

Los modelos son archivos JSON reutilizables que actúan a modo de recetas para crear sitios locales preconfigurados: es una de las principales maneras con las que puedes ahorrar mucho tiempo y reducir las tareas repetitivas con Studio.

En lugar de tener que configurar cada proyecto desde cero, puedes crear modelos para distintos tipos de web (p. ej., blogs o tiendas en línea), incluyendo todo lo que necesita cada sitio, desde las versiones de WordPress y PHP hasta los temas, los plugins, los ajustes y el contenido.

Puedes generarlos automáticamente tanto con Studio Assistant como con el creador interactivo: solo tienes que decirle al asistente de IA la configuración que quieres y él se encargará de crear el modelo.

Creando un modelo con el AI Assistant de WordPress Studio.

Para utilizar un modelo en Studio, selecciona la opción «Empezar desde un modelo» y elige una de los modelos destacados o sube tu propio archivo.

De momento, Studio ofrece tres modelos destacados (puedes echarles un vistazo a cada uno de ellos en WordPress Playground):

  • Inicio rápido: una configuración de WordPress con los plugins y temas incluidos en los sitios con planes Business.
  • Desarrollo: una configuración ideal para el desarrollo de plugins y temas, con opciones de debugging y herramientas como Query Monitor, Plugin Check, Theme Check y Create Block Theme.
  • Commerce: una configuración con WooCommerce y sus plugins relacionados ideal para crear tiendas en línea.

No te pierdas la galería de modelos de WordPress, donde hay un montón más de configuraciones creadas por la comunidad.

Importar un sitio a partir de una copia de seguridad

Nota: no es necesario importar los sitios que tengan planes Business y Commerce de WordPress.com desde una copia de seguridad. Con la función Studio Sync puedes hacerlo de forma más eficiente que desde una copia de seguridad. 

También puedes importar un sitio de WordPress en Studio desde un archivo de copia de seguridad. Es muy útil si tienes un sitio en el que quieres trabajar de forma local.

Sigue estos pasos para importar desde un archivo de copia de seguridad:

Instala uno de los plugins de copias de seguridad compatibles, como el plugin gratuito All-in-One WP Migration and Backup, en el sitio que quieres importar a Studio.

Después, crea una copia de seguridad del sitio (WP AdminAll-in-One WP MigrationCopias de seguridadCrear una copia de seguridad).

Creación de una copia de seguridad de un sitio de WordPress.

Ahora, descarga el archivo de copia de seguridad y súbelo a WordPress Studio.

Importación de la copia de seguridad de un sitio a WordPress Studio.

Cuando hayas terminado de trabajar en la versión local del sitio, utiliza el plugin para crear una nueva copia de seguridad e importarla al sitio activo.

El hosting con superpoderes

Funciones avanzadas de rendimiento, seguridad y desarrollo en un solo lugar.

Paso 2: Configura tu sitio local

Studio te permite configurar cada sitio local de forma que se adapte al entorno del hosting para garantizar que son compatibles. 

El entorno del sitio local se puede configurar desde la sección «Ajustes avanzados».

Tanto si empiezas con un sitio en blanco como si eliges un modelo o una copia de seguridad, con Studio tienes a tu disposición una amplia gama de ajustes opciones para tu entorno local. Por ejemplo, puedes:

  • Establecer una ruta local personalizada: define dónde se almacena la carpeta del sitio en tu ordenador.
  • Cambiar la versión de WordPress: utiliza la última versión, una versión concreta, una beta o una compilación diaria (útil a la hora de probar próximas versiones).
  • Cambiar la versión de PHP: refleja el entorno del hosting o prueba diferentes versiones.
  • Utilizar un dominio personalizado (debe terminar en .local): para que acceder a tu sitio local en el navegador sea mucho más sencillo.
  • Utilizar SSL para activar HTTPS: activa HTTPS en tu sitio local para que se parezca lo máximo posible a un entorno activo. 

Consejo: También puedes cambiar estos ajustes cuando hayas creado el sitio.

Tras configurar el entorno, puedes elegir las herramientas que quieres que utilice Studio mientras trabajas.

Se puede acceder a estos ajustes en AjustesPreferencias.

Studio utilizará tus herramientas favoritas al acceder al sitio desde la sección «Abrir en…» en la pestaña General.

Paso 3: Desarrolla y colabora

Cuando hayas configurado tu sitio local, ya puedes empezar a desarrollar y probar cambios.

WordPress Studio aplica las actualizaciones de forma inmediata mientras trabajas, así que puedes pasar de una tarea a otra más rápidamente y sin retrasos.

Crea en un entorno local

Tu sitio local se actualiza en tiempo real, tanto si estás editando archivos como ajustando opciones en el WP Admin o añadiendo plugins o temas.

Cuando quieras añadir algún plugin o tema, tienes dos maneras de hacerlo: puedes instalarlos mediante el WP Admin de la misma forma en que lo harías en un sitio alojado, o puedes incluir los archivos directamente en la carpeta del sitio.

Si utilizas ciertos plugins y temas de forma regular, mantenerlos en tu ordenador puede ser una forma más rápida de añadirlos a un proyecto nuevo.

Arrastra y suelta los archivos de un plugin en la carpeta del sitio de WordPress local.

Consejo: Si sueles utilizar los mismos plugins en varios proyectos, puedes utilizar los modelos (hablamos de ellos en el paso 1) para crear sitios configurados previamente con los plugins, temas y ajustes que quieras. El asistente de IA de Studio también puede ayudarte a hacer cambios en tus sitios locales.

Edita archivos individuales

Además de instalar plugins y temas, también puedes editar los archivos de tu sitio directamente.

Desde la sección «Abrir en…» de la pestaña General de Studio tienes acceso rápido a los archivos y carpetas del sitio.

Apertura de archivos locales del sitio en VS Code.

Esto es especialmente útil si quieres editar los archivos locales del sitio, como los archivos de plugins y temas, en tu editor de código favorito.

Edición de los archivos locales de un sitio de WordPress en un editor de código.

Cada vez que edites y guardes un archivo, tu sitio local empezará a utilizar inmediatamente la versión actualizada: no hay que esperar a que los archivos se suban al servidor.

Consejo: Nuestra entrada en el blog sobre flujos de trabajo de desarrollo local de WordPress con WordPress Studio incluye una sección muy útil sobre el flujo de trabajo de desarrollo ideal, tanto si estás creando sitios web como plugins o temas.

Comparte vistas previas de un sitio local

Mientras estás trabajando en un sitio, puedes utilizar la función de vista previa para que compañeros y clientes puedan echar un vistazo y opinar sobre el resultado.

Las vistas previas son muy útiles, ya que con ellas es más rápido y sencillo poder recibir comentarios y opiniones de tu trabajo.

Con esta función, tus clientes pueden explorar y experimentar con el sitio por sí mismos en lugar de tener que basar su opinión en capturas de pantallas o vídeos.

Solo tienes que compartir con ellos la URL temporal para que puedan investigar el sitio de forma remota.

La función de vista previa funciona con WordPress.com y utiliza un dominio temporal (wp.build).

Vista previa del WP Admin de un sitio local creado en WordPress Studio.

Los principales aspectos de los sitios de vista previa son:

  • Instantánea de un momento concreto: los cambios que hagas después de crear la vista previa no aparecerán en ella (a menos que la actualices). Gracias a esto puedes seguir trabajando en el sitio local sin que afecte a la vista previa. 
  • Acceso al WP Admin: cualquiera con una cuenta de usuario de WordPress en el sitio puede acceder al WP Admin de la vista previa. 
  • Funcionalidad gratuita: no necesitas ningún servicio de hosting para crear la vista previa, solo una cuenta de WordPress.com gratuita. 
  • Creación de múltiples sitios de vista previa: puedes tener hasta 10 sitios de vista previa a la vez.
  • Acceso durante siete días: los sitios de vista previa son temporales y se eliminan después de siete días, pero, si se actualizan, se reinicia el periodo de siete días.

Paso 4: Conecta y sincroniza con un sitio remoto

Una vez hayas creado un sitio local, utiliza la función Studio Sync para sincronizar el sitio local y el alojado en ambas direcciones (haciendo push o pull).

Gracias a su interfaz sencilla y a la posibilidad de sincronizar solo lo que te interesa se reduce el riesgo de sobrescribir elementos sin querer al transferir archivos manualmente.

Consejo: La sincronización está disponible en los planes Business y Commerce de WordPress.com. Estos planes vienen con Jetpack activado por defecto, de forma que tu sitio alojado se puede conectar a Studio y utilizar la función Sync sin que tengas que hacer nada más.

También puedes sincronizar tu sitio local con los entornos de producción o de pruebas del sitio alojado.

La sincronización con el sitio de pruebas es especialmente útil, ya que te permite probar los cambios en un entorno alojado privado antes de moverlos al sitio de producción activo.

Además, puedes utilizar la sincronización selectiva en Studio, así que puedes hacer push o pull solo de los archivos, carpetas o tablas de la base de datos que te interesan.

Gracias a la sincronización selectiva, es muy sencillo hacer push solo de un tema desde tu sitio local al sitio alojado en WordPress.com, y viceversa, sin que afecte a ningún otro aspecto del sitio.

Cada vez que se inicia una sincronización, se crea una copia de seguridad en caso de que necesites restaurar tu sitio. También recibirás un aviso por correo electrónico cuando se haya completado la sincronización.

El combo perfecto para tu web

Potencia sin límites, máxima seguridad y estabilidad sin concesiones.

Paso 5: Experimenta en un sitio de pruebas y haz push de los cambios

Ya es ahora de probar el sitio en un entorno de pruebas: una función que está disponible en los sitios con planes Business o Commerce de WordPress.com.

Este entorno es un lugar seguro donde puedes identificar cualquier problema antes de que se aplique al sitio activo.

Para conseguir los mejores resultados, sigue estos pasos para crear un sitio de pruebas de WordPress.com:

  • Ve a la lista de sitios en el escritorio de WordPress.com. 
  • Elige el sitio del que quieres crear un sitio de pruebas.
  • Abre la pestaña Resumen y haz clic en el enlace «Añadir sitio de pruebas +».

Utiliza el selector para cambiar entre los entornos de producción y pruebas.

Échale un vistazo a la documentación si quieres saber cómo funcionan los sitios de pruebas.

Ahora que tu sitio de pruebas está configurado, te dejamos dos guías para que puedas utilizar WordPress Studio para trabajar en sitios de clientes:

Sitios nuevos

Esta guía para crear nuevos sitios de clientes consiste en crear un sitio local, compartir una vista previa, hacer push al sitio de pruebas y luego al de producción.

Estos son los pasos:

  • Crea un sitio local nuevo en Studio.
  • Utiliza la función de Vista previa para compartir tu trabajo con el cliente.
  • Cuando el cliente haya dado su visto bueno, haz push del sitio local al entorno de pruebas. 
  • Después de realizar las pruebas pertinentes, haz push del sitio de pruebas al entorno de producción para lanzarlo a la Web.

WordPress.com incluye un modo Próximamente con una función de vista previa que te puede ser útil para controlar los accesos a sitios en desarrollo.

Sitios ya existentes

Esta guía te permite actualizar un sitio activo que ya existe sin tener que sobrescribir contenido o interferir con nada que no sean los cambios que estás haciendo.

La sincronización selectiva garantiza que no se sobrescribe contenido activo importante como respuestas de formularios, comentarios, pedidos o cualquier otra cosa que se añada mientras estás trabajando.

En estos casos:

  • Utiliza la función de sincronización de Studio para hacer pull del sitio activo completo a un sitio local.
  • Realiza los cambios que necesites en el sitio local, como, por ejemplo, editar los archivos del tema. 
  • Utiliza la función de vista previa para compartir los cambios con el cliente.
  • Cuando el cliente haya dado su visto bueno, sincroniza de forma selectiva los archivos del tema y haz push desde el sitio local al sitio de pruebas.
  • Realiza pruebas en el sitio de pruebas. 
  • Si todo funciona como debería, haz push de los archivos y carpetas relevantes del sitio de pruebas al sitio de producción sin sincronizar la base de datos.

Ahora el sitio activo incluye los cambios que has realizado en el tema, y cualquier otra cosa que se haya modificado mientras trabajabas de forma local no sufrirá ningún cambio.

Paso 6: Trabaja con múltiples clientes

Una vez configurado todo el proceso, puedes escalarlo a varios proyectos de clientes mediante WordPress Studio.

Ya no tendrás que repetir configuraciones o moverte entre herramientas desconectadas unas de otras: reutiliza ajustes y cambia entre proyectos al instante a la vez que mantienes la organización y el aislamiento de cada sitio.

Las acciones básicas de Studio te ayudarán a ser eficiente aunque tu lista de clientes siga creciendo:

  • Crea: configura un sitio local separado para cada cliente utilizando una instalación nueva, un modelo o importando una copia de seguridad.
  • Muévete entre proyectos: pasa de un proyecto a otro fácilmente moviéndote entre sitios locales.
  • Comparte: utiliza la función de vista previa para compartir tu trabajo con compañeros y clientes.
  • Sincroniza: si tienes un plan Busines o Commerce de WordPress.com, utiliza la función Sync para transferir tu trabajo entre el entorno local, el de pruebas y el de producción.

Optimiza la gestión de los proyectos de clientes con WordPress Studio

WordPress Studio es una herramienta rápida, de código abierto y gratuita ideal para crear y gestionar sitios de WordPress de forma local.

Te ayuda a ahorrar tiempo, a compartir tu trabajo con los clientes de forma más eficiente y a reducir errores a la hora de transferir archivos.

Gracias a los modelos puedes crear sitios preconfigurados de forma consistente y en cuestión de segundos, lo que significa menos tiempo que dedicar a tareas repetitivas y más para recibir y aplicar fácilmente las peticiones del cliente.

Si tienes un plan Business o Commerce de WordPress.com, la función de sincronización te ofrece una capa más de flexibilidad con la posibilidad de trasladar cambios entre el sitio local, el de pruebas y el de producción de forma segura y sin errores.

En resumen: esté donde esté alojado el sitio final, con Studio podrás gestionar hasta el mínimo detalle de todos tus proyectos de clientes sin complicarte la vida.