Studio-

WordPress Studio es una aplicación de escritorio gratuita que ayuda a los desarrolladores a optimizar sus flujos de trabajo de desarrollo local de WordPress.

Con Studio, podrás crear y mantener fácilmente webs locales de WordPress sin tener que configurar manualmente el servidor o las herramientas. También te permite compartir tu trabajo públicamente (por ejemplo: con clientes, compañeros de equipo o diseñadores) a través de sitios de demostración temporales alojados en WordPress.com. 

Inicio rápido

Para instalar Studio, visita la página oficial de Studio y descarga el instalador de tu sistema operativo: macOS o Windows. 

Instalar Studio para macOS

Para instalar y empezar a usar Studio en macOS:

1. Descarga el instalador correcto para las especificaciones de tu ordenador: Silicon o Intel.
2. Abre el archivo descargado.
3. Arrastra la aplicación Studio a tu carpeta de Aplicaciones.
4. Haz doble clic en el icono de Studio para iniciar la aplicación Studio.
5. Ponle nombre a tu primer sitio y haz clic en Continuar.

Instalar Studio para Windows

Para instalar y empezar a usar Studio en Windows:

1. Descarga el instalador de Windows.
2. Abre el archivo de configuración .exe.
3. Espera a que Studio se instale; se abrirá automáticamente una vez que la instalación esté completa. 
4. Ponle nombre a tu primer sitio y haz clic en Continuar.

Conectar Studio a WordPress.com

Al conectar tu cuenta de WordPress.com a Studio, puedes utilizar los sitios de demostración y asegurarte de tener acceso inmediato a cualquier función futura que dependa de una conexión a WordPress.com.

Si aún no tienes una cuenta de WordPress.com, puedes crear una gratis aquí.

Para conectar Studio a WordPress.com:

1. Haz clic en el botón de WordPress.com en la barra lateral de Studio.
2. Se abrirá una nueva ventana del navegador. Inicia sesión en WordPress.com.
3. En la pantalla de autorización, haz clic en Aprobar para conectar Studio a tu cuenta.
4. Una vez aprobado, aparecerá un aviso pidiéndote que abras la aplicación Studio. Haz clic en la opción «Abrir Studio» para finalizar el proceso. Si los ajustes de «Compartir» no cambian después de iniciar sesión en WordPress.com, es posible que tengas que reiniciar la aplicación de escritorio.

Características de Studio

Con Studio es muy fácil acceder a los ajustes, ver estilos e implementar cambios en tus sitios locales. Puedes iniciar/detener sitios, crear sitios de demostración y cambiar los nombres de tus sitios, todo desde de la aplicación Studio.

Sitios

Un sitio de Studio es una instancia de WordPress que se ejecuta localmente en tu ordenador, y cada uno de tus sitios aparecerá en una lista en la barra lateral de Studio. 

Studio te permite crear, mantener y trabajar en sitios locales de WordPress ilimitados.

Añadir un nuevo sitio

Para añadir un nuevo sitio a Studio:

1. Haz clic en el botón Añadir sitio.
2. Ponle nombre a tu sitio, elige una ruta (o acepta la predeterminada), y luego haz clic en Añadir sitio.

Cualquier nuevo sitio se inicia por defecto, lo que se representa con un punto verde en la barra lateral:

Añadir un nuevo sitio utilizando un directorio de WordPress existente

También puedes añadir un sitio a Studio usando un directorio de WordPress existente:

1. Elimina el archivo wp-config.php del directorio del sitio de WordPress existente.
2. Haz clic en el botón Añadir sitio.
3. Ponle nombre a tu sitio, elige una ruta con un sitio de WordPress existente, y haz clic en Agregar sitio.

Si prefieres usar un archivo wp-config.php existente, puedes seguir estas instrucciones.

Iniciar y detener sitios

Puedes ver cualquier sitio en ejecución en tu navegador. Con un sito detenido, no podrás ver el sitio en tu navegador hasta que lo inicies de nuevo.

Para iniciar un sitio:

1. Haz clic en el nombre del sitio en la barra lateral.
2. Haz clic en el botón Iniciar. 

El botón ahora dirá «En ejecución», y los botones WP admin y Abrir sitio estarán habilitados, permitiéndote ver el sitio en tu navegador. 

Otra forma de iniciar rápidamente tu sitio es mantener el cursor encima del punto gris en la barra lateral y hacer clic en el icono de inicio.

Cuando quieras detener tu sitio, haz clic en el botón En ejecución.

Para detener rápidamente todos tus sitios locales, haz clic en el botón Detener todo en la barra lateral.

Ver sitios

Una vez que inicies un sitio, hay dos formas diferentes de verlo en tu navegador:

• WP admin: Abre el panel de control de tu sitio local.
• Abrir sitio: Abre la página de inicio de tu sitio local.

No necesitas un nombre de usuario o contraseña para ver el panel de control de tu sitio, ya que iniciarás sesión automáticamente.

Vista general del sitio

Cada sitio local tiene sus propios botones de acceso rápido en la pestaña Vista general para una navegación fácil y eficiente.

Selecciona uno de tus sitios y asegúrate de que esté en ejecución. Desde Personalizar, puedes abrir rápidamente las páginas de configuración del sitio con solo un clic. 

Si estás usando un tema de bloques en tu sitio local, verás las siguientes opciones:

• Editor del sitio
• Estilos
• Patrones
• Navegación
• Plantillas
• Páginas

Si estás usando un tema clásico en tu sitio local, verás las siguientes opciones, dependiendo de su disponibilidad en el tema:

• Personalizador
• Menús
• Widgets

Bajo el encabezado Abrir en… , Studio mostrará botones que abrirán tu sitio en las siguientes aplicaciones si se detectan en tu ordenador:

• Finder (solo macOS)
• Explorador de archivos (solo Windows)
• VS Code
• Terminal
• PhpStorm

Sitios de demostración

Con Studio, puedes compartir tu trabajo gracias a los sitios de demostración. Estos sitios de demostración funcionan con WordPress.com en un dominio temporal (wp.build), y te permiten compartir una versión concreta de tus sitios locales con clientes o compañeros de equipo. 

Puedes crear hasta cinco sitios de demostración a la vez por cada cuenta de WordPress.com, y puedes ver el número total de sitios de demostración que tienes asociados a tu cuenta haciendo clic en tu avatar dentro de la aplicación Studio.

Crear un sitio de demostración

Para crear un sitio de demostración: 

1. Selecciona el sitio local dentro de Studio.
2. Haz clic en la pestaña «Compartir».
3. Inicia sesión en WordPress.com si aún no lo has hecho.
4. Haz clic en el botón «Añadir sitio de demostración».

Tu sitio de demostración debería estar listo para ser visualizado en unos segundos, y estará disponible para acceso público durante siete días.

Actualizar tu sitio de demostración

Según están diseñados, los sitios de demostración se generan como «instantáneas» únicas de tu trabajo. Dicho esto, puedes sincronizar los cambios que hayas realizado en el sitio local con tu sitio de demostración: 

1. Selecciona el sitio local dentro de Studio.
2. Haz clic en la pestaña «Compartir».
3. Haz clic en «Actualizar sitio de demostración» y confirma.

Tu sitio de demostración se actualizará con los cambios locales en unos segundos. Esto también restablecerá la fecha de caducidad del sitio de demostración a siete días.

Caducidad del sitio de demostración

Los sitios de demostración son temporales, y cada sitio de demostración será eliminado automáticamente después de siete días desde la última actualización. Esta función asegura que los entornos de demostración se utilicen para comentarios y revisiones a corto plazo.

Eliminar todos los sitios de demostración

Para eliminar rápidamente todos tus sitios de demostración dentro de Studio:

1. Haz clic en tu avatar dentro de Studio.
2. Haz clic en los tres puntos apilados (⋮) junto al número de sitios de demostración.
3. Haz clic en el botón Eliminar todos los sitios de demostración.

Importar y exportar

Se puede añadir un sitio de Studio desde un archivo de copia de seguridad que contenga todo el contenido del sitio.

También se puede actualizar un sitio de Studio existente desde un archivo de copia de seguridad de forma similar, o desde el archivo .sql en la pestaña Importar / Exportar.

Tus archivos de copia de seguridad se pueden descargar desde tu sitio de WordPress.com o desde la página del registro de actividad de Jetpack. Tendrá los siguientes archivos y directorios dentro:

• wp-config.php: El archivo de configuración de WordPress.
• wp-content/plugins: La carpeta que contiene los plugins de tu sitio.
• wp-content/themes: La carpeta que contiene los temas de tu sitio.
• wp-content/uploads: La carpeta que contiene las subidas de tu sitio.
• sql/: Un directorio con archivos .sql que contienen los datos de la base de datos de tu sitio.

Las exportaciones desde Studio también tendrán un archivo studio.json , que contiene información sobre la versión de PHP recomendada para el sitio.

Cómo añadir un nuevo sitio a Studio desde una copia de seguridad

Para añadir un nuevo sitio a Studio desde una copia de seguridad, necesitarás un archivo .tar.gz o .zip:

1. Haz clic en el botón Añadir sitio en Studio.
2. Ponle nombre a tu sitio.
3. Selecciona el archivo de copia de seguridad en el campo Importar una copia de seguridad.
4. Opcionalmente, bajo Configuración avanzada, selecciona una Ruta local (o acepta la predeterminada).
5. Haz clic en Añadir sitio.

Cualquier sitio importado se inicia por defecto y es visible en la barra lateral.

Cómo actualizar un sitio de Studio existente desde una copia de seguridad

Para actualizar un sitio de Studio existente desde una copia de seguridad, necesitarás un archivo .tar.gz, .zip o .sql:

1. Selecciona el sitio que quieres actualizar en la barra lateral de Studio.
2. Abre la pestaña Importar / Exportar.
3. Haz clic en el cuadro Importar para seleccionar el archivo de copia de seguridad. Otra opción es arrastrar y soltar el archivo de copia de seguridad en el cuadro Importar.
4. Cuando se te pida, haz clic en Importar para sobrescribir tu sitio de Studio con tu archivo de copia de seguridad.

El sitio de Studio será reemplazado por la copia de seguridad proporcionada en .tar.gz o .zip. Sin embargo, cuando importes un archivo .sql a un sitio existente, el volcado de la base de datos se importará sobre el sitio existente.

Cómo exportar un sitio desde Studio

Studio te permite exportar todo tu sitio local en formato .tar.gz, que es compatible con Jetpack Backup. También puedes exportar solo la base de datos en un archivo .sql, que es compatible con MySQL.

Para exportar un sitio desde Studio:

1. Selecciona el sitio que quieres exportar en la barra lateral de Studio.
2. Abre la pestaña Importar / Exportar.
3. Haz clic en el botón Exportar todo el sitio para generar un archivo .tar.gz de todo el sitio o en el Exportar base de datos para generar un archivo .sql.
4. Elige la ubicación y haz clic en Guardar.

Cuando la exportación termine, Studio abrirá automáticamente el directorio que contiene la copia de seguridad.

Cómo subir una exportación de Studio a un sitio de WordPress alojado

Una vez que tengas el archivo de copia de seguridad, puedes desplegarlo en un sitio de WordPress alojado en cualquier lugar. Por ejemplo, si tienes un plan Business de WordPress.com, puedes seguir nuestra guía para restaurar manualmente tu sitio desde un archivo de copia de seguridad de Jetpack en WordPress.com.

Cómo importar un sitio si no uso Jetpack Backup

Si no utilizas Jetpack Backup, también puedes importar el sitio a Studio desde un archivo de copia de seguridad creado manualmente:

1. Crea un directorio de importación temporal, por ejemplo, import-to-studio/.
2. Crea directorios sql/ y wp-content/ dentro del directorio creado.
3. Abre el directorio wp-content/ de tu sitio y copia plugins/, themes/ y uploads/ al wp-content/ en el directorio de importación temporal.
4. Copia tu wp-config.php del sitio al directorio de importación temporal.
5. Exporta la base de datos de tu sitio usando tu herramienta de MySQL favorita y coloca el archivo de volcado en el directorio sql/.
6. Selecciona todos los archivos en el directorio de importación temporal y comprímelos como un archivo .zip.
7. Sigue los pasos mostrados anteriormente para añadir un nuevo sitio desde el archivo de copia de seguridad.

Ajustes del sitio

Puedes ver los ajustes de cada sitio seleccionando un sitio y haciendo clic en Ajustes.

• Nombre del sitio: El nombre de tu sitio local (editable).
• Dominio local: El dominio que puedes usar para ver tu sitio en tu navegador, siempre que tu sitio esté en ejecución. 
• Ruta local: Dónde se encuentran los archivos de tu sitio en tu ordenador.
• Versión de WP: La versión actual de WordPress de tu sitio local.
• Versión de PHP: La versión actual de PHP utilizada para tu sitio local.
• Nombre de usuario: El nombre de usuario de la cuenta de administrador de tu sitio local y que se puede usar para iniciar sesión en tu sitio de demostración. 
• Contraseña: La contraseña de la cuenta de administrador de tu sitio local y que se puede usar para iniciar sesión en tu sitio de demostración. 
• URL de Admin: La página de inicio de sesión de tu sitio local.

También puedes eliminar tu sitio local haciendo clic en el botón Eliminar sitio. Tendrás la opción de eliminar los archivos del sitio de tu ordenador antes de confirmar la eliminación.

Preguntas frecuentes

¿Cómo puedo exportar un tema que he creado en Studio?

Los temas creados en Studio funcionan igual que los temas creados en sitios tradicionales de WordPress. Puedes exportar tu tema siguiendo estos pasos:

1. Selecciona el sitio local dentro de Studio.
2. Asegúrate de que tu sitio esté en ejecución.
3. Haz clic en la pestaña Vista general.
4. Haz clic en el botón Editor del sitio.
5. Cuando cargue el editor del sitio en tu navegador, expande el editor haciendo clic en cualquier parte de la vista previa del sitio.

6. Haz clic en el botón del menú Opciones, representado por tres puntos apilados (⋮). 
7. Haz clic en Exportar, y tu navegador debería comenzar a descargar un archivo .zip de tu tema.

Luego puedes subir tu tema a cualquier sitio de WordPress activo o en pruebas siguiendo estas instrucciones.

¿Cómo puedo publicar mi sitio de Studio en cualquier hosting?

Si bien los sitios de demostración están destinados a ser compartidos con clientes para recibir comentarios y opiniones, es necesario un plan de alojamiento para que tu sitio sea accesible de forma permanente.

Si quieres desplegar los archivos y la base de datos de un sitio de Studio en una web alojada que esté disponible públicamente, necesitarás un plan de alojamiento con soporte para plugins, como el plan Business de WordPress.com. Luego puedes seguir la guía sobre importar y exportar para crear una exportación de tu sitio de origen. Cuando la exportación esté lista, puedes importar ese contenido al sitio de destino, por ejemplo, siguiendo la guía para restaurar manualmente tu sitio desde un archivo de copia de seguridad de Jetpack en WordPress.com.

¿Cómo puedo gestionar la base de datos SQLite del sitio de Studio?

Studio utiliza SQLite en lugar de un servidor MySQL. SQLite es un motor de base de datos SQL ligero y autónomo que almacena tu base de datos en un solo archivo. Cada uno de tus sitios tendrá un archivo de base de datos disponible en la siguiente ruta: wp-content/database/.ht.sqlite. Este es un archivo oculto y puede que no esté visible en tu explorador de archivos. En un Mac, puedes pulsar cmd + shift + . para revelar los archivos ocultos en Finder.

Una vez que hayas localizado el archivo de base de datos SQLite, puedes gestionar la base de datos con cualquier aplicación compatible con SQLite. Recomendamos usar SQLite3, siempre que no tengas problemas a la hora de usar la terminal y SQLiteStudio como interfaz de usuario.

Si bien conectarse directamente a la base de datos SQLite puede ser útil para realizar consultas SQL, el volcado generado por SQLiteStudio o ejecutando «sqlite3 wp-content/database/.ht.sqlite .dump > backup.sql» no será directamente compatible con MySQL.

SQLite3

SQLite se instala por defecto en sistemas Unix como Mac. Para Windows, puedes descargarlo desde la página oficial.

Una vez que lo tengas instalado:

1. Selecciona el sitio local dentro de Studio.
2. Haz clic en la pestaña Vista general.
3. Haz clic en el botón Terminal.
4. En tu terminal, ejecuta el siguiente comando para interactuar con tu base de datos:
   sqlite3 wp-content/database/.ht.sqlite

Consulta más información sobre cómo usar SQLite3 desde la terminal en la documentación de SQLite3.

SQLiteStudio

Si prefieres usar una aplicación con interfaz de usuario, puedes usar SQLiteStudio.

Una vez que lo tengas instalado:

1. Busca la carpeta wp-content/database/ en el explorador de archivos o Finder.
2. Asegúrate de que puedes ver archivos ocultos.
3. Abre SQLiteStudio.
4. Arrastra y suelta el archivo .ht.sqlite en la aplicación.

¿Cómo puedo usar Studio con un servidor MySQL de mi elección?

Studio tiene soporte integrado para una base de datos SQLite, pero puedes usar el servidor MySQL de tu elección, como Homebrew o Docker, para probar tu sitio con diferentes motores de base de datos.

Si tienes un sitio local ya configurado para trabajar con un servidor MySQL personalizado de tu elección, puedes añadirlo a Studio. Si los archivos del sitio incluyen un archivo wp-config.php, Studio omitirá la configuración de la base de datos SQLite y usará la base de datos ya configurada.

Si ya has creado un sitio en Studio y quieres cambiar de SQLite al servidor MySQL de tu elección, sigue los siguientes pasos:

1. Abre el directorio del sitio en Studio.
2. Navega al directorio wp-content y elimina el archivo db.php y el directorio database.
3. Navega al directorio mu-plugins y elimina el directorio sqlite-database-integration-main.
4. Actualiza el archivo wp-config.php e introduce las credenciales de tu servidor MySQL.
5. Inicia el sitio.
6. Inicia tu servidor MySQL.
7. Abre el sitio.

¿Cómo cambio la versión de PHP utilizada en mi sitio? 

Después de crear un sitio, la versión actual de PHP aparece en la pestaña de ajustes del sitio, donde también puedes editar y cambiar la versión de PHP.

1. Selecciona el sitio que quieras en la barra lateral. 
2. Haz clic en Ajustes. 
3. Haz clic en el botón Editar junto al elemento Versión de PHP. 
4. En el mensaje, selecciona la versión de PHP que quieras. 
5. Haz clic en el botón Guardar para guardar los cambios. 

¿Por qué no está disponible el botón «Abrir en» en mi aplicación preferida?

Actualmente, los botones disponibles en el área Abrir en… de cada uno de tus sitios locales son Finder (para macOS), Explorador de archivos (para Windows), y VS Code, Terminal y PhpStorm para ambas plataformas.

Studio, PhpStorm y VS Code deben estar en tu carpeta de Aplicaciones para que las opciones de Abrir en… estén disponibles.

¿Cómo puedo hacer que Studio sea más rápido en Windows?

Si tienes activado el servicio de protección en tiempo real de Windows Defender en tu ordenador, es posible que el proceso de creación e inicio de un sitio se vea ralentizado, particularmente al ejecutar archivos PHP de WordPress. Para mejorar la velocidad del sitio, recomendamos ajustar la configuración en consecuencia:

Windows 11:

1. Selecciona Inicio, luego abre Configuración. En Privacidad y seguridad, selecciona Protección contra virus y amenazas.
2. En Configuración de protección contra virus y amenazas, selecciona Gestionar ajustes, y, bajo Exclusiones, selecciona Añadir o quitar exclusiones.
3. Selecciona Añadir una exclusión, y luego desde el proceso.
4. Escribe la ruta del archivo ejecutable de la aplicación Studio (por ejemplo, C:\Users\<YOUR_USER>\AppData\Local\studio\Studio.exe) y haz clic en el botón Añadir.

Windows 10:

1. Ve a Inicio > Configuración > Actualización y seguridad > Seguridad de Windows > Protección contra virus y amenazas.
2. Bajo Configuración de protección contra virus y amenazas, selecciona Gestionar configuraciones, y, bajo Exclusiones, selecciona Añadir o quitar exclusiones.
3. Selecciona Añadir una exclusión y selecciona desde el proceso.
4. Escribe la ruta del archivo ejecutable de la aplicación Studio (por ejemplo, C:\Users\<YOUR_USER>\AppData\Local\studio\Studio.exe) y luego haz clic en el botón Añadir.

Próximos pasos y comentarios

Esperamos que Studio se integre sin esfuerzo en tu forma de trabajar el desarrollo local. Asegúrate de revisar nuestras otras herramientas para desarrolladores y funciones de la plataforma que te proporcionarán la flexibilidad y el control que necesitas para crear en WordPress.com.

Studio es un proyecto de código abierto que está abierto a todas las contribuciones. Si encuentras un error o echas de menos alguna función en Studio, te damos algunas opciones:

• Para reportar errores, aportar ideas o solicitar funcionalidades, abre un issue en el repositorio.
• Si tienes alguna pregunta o sugerencia, ponte en contacto con nuestros Happiness Engineers