Cuando editas un sitio web en producción, cualquier cambio que hagas se implementará inmediatamente. Eso significa que, si quieres probar un nuevo código o un software experimental, podrías acabar rompiendo tu sitio y alejando a los nuevos visitantes.

Para resolver este problema, puedes crear una versión local y sin conexión de tu sitio web. Esto te permite ejecutar y editar WordPress sin necesidad de una conexión a Internet. Al instalar tu sitio en tu ordenador personal, puedes probar nuevas funciones, aprender a utilizar WordPress y, finalmente, realizar tus ediciones en abierto.

En esta entrada, te explicaremos por qué quieres crear un sitio de WordPress sin conexión. Luego, te mostraremos cómo hacerlo utilizando DevKinsta. ¡Empecemos!

Echa un Vistazo a nuestro Video Tutorial sobre Cómo Construir un Sitio de WordPress Sin Conexión

Por qué Deberías Considerar Crear un Sitio Web Sin Conexión

Si eres propietario de un sitio web, probablemente ya sepas que la realización de simples tareas de gestión puede afectar negativamente a tu contenido online. A menudo, las actualizaciones de software, las nuevas instalaciones y los cambios basados en el código pueden provocar tiempos de inactividad u otros problemas.

Una forma sencilla de evitar que se rompa tu sitio es crear un entorno staging. Al hacer una copia de tu sitio web en producción, puedes probar de forma segura los cambios de desarrollo. Con Kinsta, puedes incluso configurar un sitio staging con un solo clic:

Creando un sitio de ensayo en MyKinsta
Creando un sitio de ensayo en MyKinsta

Sin embargo, hay ocasiones en las que puedes querer editar completamente tu sitio sin conexión. Por ejemplo, si no tienes acceso a Wi-Fi, no podrás abrir un sitio staging.

Afortunadamente, puedes guardar una versión local de tu sitio web en tu ordenador. Después de crear un sitio de WordPress sin conexión, puedes hacer cambios sin conexión a Internet.

Si eres un diseñador o desarrollador profesional, es probable que tengas que trabajar en los sitios web de tus clientes sin conexión. Una vez que los clones y trabajes localmente, puedes desarrollar mejoras de programación exitosas sin afectar al contenido en producción. Luego, puedes simplemente enviar estos cambios al sitio original.

Además, los sitios locales pueden ofrecer una forma eficaz de aprender a utilizar WordPress. Si eres un completo principiante, puedes crear un nuevo sitio web sin conexión antes de comprar un plan de alojamiento o un dominio. Esto puede reducir los costes mientras experimentas con el desarrollo local de WordPress.

Cómo Crear un Sitio de WordPress Sin Conexión (en 3 Pasos)

Ahora que ya conoces las ventajas de utilizar un sitio local de WordPress, ¡vamos a hablar de cómo crear uno!

Paso 1: Instalar DevKinsta

Aunque hay muchas herramientas de desarrollo local de WordPress que puedes utilizar, éstas pueden tener procesos de configuración complicados. Con DevKinsta, puedes crear tu primer entorno local en un solo clic:

Descargar DevKinsta
Puedes descargar DevKinsta desde la página principal

Estas son algunas de las características de alta calidad que hemos incorporado a DevKinsta:

DevKinsta es compatible con los sistemas operativos macOS, Windows y Linux. Sin embargo, antes de descargar nuestra herramienta de desarrollo local, es importante que te asegures de que tu ordenador cumple estos requisitos:

  • Al menos 5GB de espacio en disco
  • Al menos 1GB de RAM
  • Conexión a Internet durante la descarga
  • Virtualización habilitada en la BIOS

A continuación, el proceso de instalación variará en función del software de tu ordenador. Es probable que tengas que instalar Docker Desktop antes de descargar y abrir el archivo DMG de DevKinsta.

Paso 2: Añadir un Sitio Nuevo

Una vez que hayas instalado DevKinsta, puedes utilizar tres métodos diferentes para crear un sitio web local de WordPress. Para asegurarte de que eliges el más adecuado para tus necesidades, vamos a repasar cada método.

Método 1: Añadir un Sitio Nuevo de WordPress

Si DevKinsta se ha instalado correctamente, verás una página de Crear nuevo sitio. Aquí, puedes añadir un nuevo sitio de WordPress, importar uno de Kinsta o crear una versión personalizada:

La página Crear un nuevo sitio DevKinsta está disponible después de descargar
Crear un nuevo sitio DevKinsta

Para crear un sitio web de WordPress completamente nuevo desde cero, selecciona Nuevo sitio de WordPress. Esto creará un entorno local configurado con Nginx, MySQL y el último software de WordPress.

Para este método, todo lo que tendrás que hacer es rellenar un nombre de sitio, un nombre de usuario de administrador de WordPress y una contraseña de administrador de WordPress. A continuación, haz clic en Crear sitio:

Crear un nuevo inicio de sesión en WordPress desde la página principal de inicio de sesión
Crear nuevo sitio de WordPress

Después de 30-60 segundos, DevKinsta creará un nuevo sitio. Podrás ver información sobre la nueva base de datos, el servidor, la versión de PHP, y más:

Configuración del sitio sin conexión en DevKinsta
Configuración del nuevo sitio sin conexión

Durante este proceso, es probable que tengas que introducir la contraseña de tu ordenador o aceptar un diálogo de confirmación. Esto permitirá al software realizar cambios en tu archivo de hosts y terminar de crear la base de datos.

Método 2: Importar tu Sitio Web de Kinsta

Si tienes un plan de alojamiento Kinsta, puedes clonar tu sitio web existente. Haciendo esto, puedes fácilmente enviar cualquier cambio a tu entorno original o sitio en producción. Para empezar, selecciona Importar desde Kinsta:

Descargar el sitio Kinsta existente
Descargar el sitio Kinsta existente

A continuación, tendrás que conectar tu cuenta de MyKinsta. Cuando hayas terminado de introducir tu nombre de usuario y contraseña, haz clic en Iniciar sesión:

Inicia sesión con el correo electrónico y la contraseña de MyKinsta que tengas a mano
Inicia sesión con el correo electrónico y la contraseña de MyKinsta

A continuación, elige el sitio que quieres clonar en tu ordenador. Dado que DevKinsta admite tanto entornos staging como entornos reales, puedes elegir cualquiera de ellos:

Selecciona el sitio en producción o el sitio staging para importar de tu lista
Selecciona el sitio en producción o el sitio staging para importar

Si el sitio web es multisitio, especifica si utiliza un subdominio o un subdirectorio. También puedes seleccionar Sin multisitio:

Añade los detalles del multisitio de WordPress si estás ejecutando un multisitio
Añade los detalles del multisitio de WordPress

Después de hacer clic en Importar sitio, DevKinsta creará una copia local del sitio web que hayas elegido.

Método 3: Añadir un Sitio Personalizado

Cuando quieras tener más control sobre tu instalación local de WordPress, puedes seleccionar la opción Sitio personalizado. Esto te permitirá configurar ajustes específicos sobre el sitio:

Crear un sitio sin conexión con una configuración personalizada
Puedes crear un sitio sin conexión con configuración personalizada

Primero, elige un nombre para el sitio web. También puedes nombrar la base de datos y elegir una versión de PHP:

Rellena los detalles del sitio personalizado
Rellena los detalles del sitio personalizado

En Detalles de WordPress, puedes modificar el título del sitio, así como la versión de WordPress. Por último, rellena tu correo electrónico de administrador, tu nombre de usuario y tu contraseña:

Rellena la información requerida
Completa la información de acceso a WordPress

Una vez que hagas clic en Crear sitio, DevKinsta añadirá el dominio a tu archivo de hosts y configurará una nueva base de datos. Esto sólo debería llevar entre 15 y 20 segundos.

Paso 3: Gestiona tu Sitio Web Local

Después de haber creado un sitio web local, necesitarás saber cómo visitarlo y gestionarlo. De este modo, podrás implementar cambios y evaluar el éxito de los mismos. En la página de Sitios, haz clic en el icono de la flecha para acceder al front end de tu sitio web:

Abrir el sitio web de WordPress sin conexión
Abrir el sitio web de WordPress sin conexión

Para ir a tu administración de WordPress, selecciona un sitio web. Luego, en la parte superior de la página de Información del Sitio, busca el botón WP Admin:

Busca el botón WP Admin y haz clic en él en DevKinsta
Haz clic en el botón WP Admin

En el navegador generado, puedes rellenar tus datos de acceso a WordPress. A continuación, podrás ver y editar tu sitio web utilizando tu panel de control:

Abrir el panel de control del sitio sin conexión
El panel de control de WordPress se abre ahora sin conexión

Una vez que hagas los cambios, puedes volver a la página de Información del Sitio de DevKinsta. Seleccionando Sincronizar > Enviar a Kinsta, puedes implementar estos desarrollos en tu sitio de staging o en producción. Alternativamente, también puedes extraer los cambios de Kinsta a este entorno local:

Enviar cambios hacia y desde Kinsta
Enviar cambios hacia y desde Kinsta

Si haces clic en Gestor de bases de datos, puedes lanzar Adminer en una pestaña del navegador. Con esta herramienta puedes crear nuevas bases de datos, inspeccionar los datos de una tabla, modificar la configuración de las columnas, ejecutar consultas SQL y mucho más:

Una captura de pantalla de la base de datos Adminer
Gestionar base de datos Adminer

Como principiante, es posible que sólo necesites crear un sitio local de WordPress. Sin embargo, si eres un desarrollador o trabajas para una agencia, puedes crear y gestionar varios sitios en DevKinsta.

En DevKinsta, cada sitio se ejecuta en un entorno de contenedores. Esto significa que puedes añadir tantos proyectos como necesites. Para ello, haz clic en Añadir sitio en la página de inicio:

Gestionar los sitios locales de DevKinsta
Gestionar sitios locales de DevKinsta

A estas alturas, deberías tener un nuevo sitio de WordPress sin conexión ¡y las herramientas que necesitas para personalizarlo! Esto puede ayudarte a desarrollar tu sitio web sin Wi-Fi y evitar que cometas errores de programación en producción.

Resumen

Después de lanzar una versión local de WordPress, puedes abrir y gestionar tu sitio incluso sin conexión a Internet. Cuando vuelvas a conectarte, puedes simplemente enviar tus cambios a tu sitio web en producción. De este modo, puedes completar las tareas de desarrollo en cualquier momento.

Con DevKinsta, instalar un entorno local de WordPress puede ser un proceso fácil. ¡Descarga hoy esta herramienta gratuita para crear un sitio de pruebas sin conexión en un solo clic!

Jeremy Holcombe Kinsta

Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).