Cómo construir un sitio de WordPress sin conexión (en 3 simples pasos)
Publicado: 2022-08-29Cuando esté editando un sitio web en vivo, cualquier cambio que realice se implementará de inmediato. Eso significa que, si desea probar una nueva codificación o un software experimental, podría terminar rompiendo su sitio y alejando a los nuevos visitantes.
Para resolver este problema, puede crear una versión local sin conexión de su sitio web. Esto le permite ejecutar y editar WordPress sin necesidad de una conexión a Internet. Al instalar su sitio en su computadora personal, puede probar nuevas funciones, aprender a usar WordPress y, finalmente, hacer que sus ediciones estén en vivo.
En esta publicación, explicaremos por qué es posible que desee crear un sitio de WordPress sin conexión. Luego, le mostraremos cómo hacer esto usando DevKinsta. ¡Empecemos!
Por qué podría considerar crear un sitio web sin conexión
Si es propietario de un sitio web, es probable que ya sepa que realizar tareas de administración simples puede afectar negativamente su contenido en vivo. A menudo, las actualizaciones de software, las nuevas instalaciones y los cambios basados en código pueden causar tiempo de inactividad u otros problemas.
Una forma sencilla de evitar romper su sitio es crear un entorno de prueba. Al hacer una copia de su sitio web en vivo, puede probar de manera segura los cambios de desarrollo. Con Kinsta, incluso puede configurar un sitio de ensayo con un solo clic:

Sin embargo, hay momentos en los que es posible que desee editar su sitio sin conexión por completo. Por ejemplo, si no tiene acceso a Wi-Fi, no podrá abrir un sitio de prueba.
Afortunadamente, puede guardar una versión local de su sitio web en su computadora. Después de crear un sitio de WordPress sin conexión, puede realizar cambios sin conexión a Internet.
Si es un desarrollador o diseñador profesional, es probable que deba trabajar en los sitios web de sus clientes sin conexión. Una vez que los clone y trabaje localmente, puede desarrollar mejoras de codificación exitosas sin afectar el contenido en vivo. Luego, simplemente puede enviar estos cambios al sitio original.
Además, los sitios locales pueden ofrecer una forma efectiva de aprender a usar WordPress. Si es un completo principiante, puede crear un nuevo sitio web sin conexión antes de comprar un plan de alojamiento o un dominio. Esto puede reducir los costos a medida que experimenta con el desarrollo local de WordPress.
Cómo construir un sitio de WordPress sin conexión (en 3 pasos)
Ahora que conoce los beneficios de usar un sitio local de WordPress, ¡discutamos cómo crear uno!
Paso 1: Instale DevKinsta
Aunque hay muchas herramientas de desarrollo de WordPress locales diferentes que puede usar, estas pueden tener procesos de configuración complicados. Con DevKinsta, puede crear su primer entorno local con un solo clic:

Estas son algunas de las funciones de alta calidad que incorporamos a DevKinsta:
- Soporte para PHP 7.2 – 8.0
- Integración con MyKinsta
- Gestión de correo electrónico local
- Administrador de base de datos incorporado
DevKinsta puede admitir los sistemas operativos macOS, Windows y Linux. Sin embargo, antes de descargar nuestra herramienta de desarrollo local, es importante asegurarse de que su computadora cumpla con 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 BIOS
Luego, el proceso de instalación variará según el software de su computadora. Es probable que deba instalar Docker Desktop antes de descargar y abrir el archivo DevKinsta DMG.
Paso 2: Agregar un nuevo sitio
Una vez que instale DevKinsta, puede usar tres métodos diferentes para crear un sitio web local de WordPress. Para asegurarse de elegir el adecuado para sus necesidades, analicemos cada enfoque.
Método 1: agregar un nuevo sitio de WordPress
Si DevKinsta se instaló correctamente, verá una página Crear nuevo sitio . Aquí, puede agregar un nuevo sitio de WordPress, importar uno desde Kinsta o crear una versión personalizada:

Para crear un sitio web de WordPress completamente nuevo desde cero, seleccione 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 debe hacer es completar un nombre de sitio, un nombre de usuario de administrador de WordPress y una contraseña de administrador de WordPress. Luego, haga clic en Crear sitio :

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

Durante este proceso, es probable que deba ingresar la contraseña de su computadora o aceptar un cuadro de diálogo de confirmación. Esto permitirá que el software realice cambios en su archivo de hosts y termine de crear la base de datos.
Método 2: Importe su sitio web de Kinsta
Si tiene un plan de alojamiento de Kinsta, puede clonar su sitio web existente. Al hacer esto, puede devolver fácilmente cualquier cambio a su entorno de ensayo original o sitio en vivo. Para comenzar, seleccione Importar desde Kinsta :


A continuación, deberá conectar su cuenta MyKinsta. Cuando haya terminado de ingresar su nombre de usuario y contraseña, haga clic en Iniciar sesión :

Luego, elija el sitio que desea clonar en su computadora. Dado que DevKinsta admite entornos de ensayo y en vivo, puede elegir uno:

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

Después de hacer clic en Importar sitio , DevKinsta creará una copia local del sitio web que eligió.
Método 3: agregar un sitio personalizado
Cuando desee tener más control sobre su instalación local de WordPress, puede seleccionar la opción Sitio personalizado . Esto le permitirá configurar ajustes específicos sobre el sitio:

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

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

Una vez que haga clic en Crear sitio , DevKinsta agregará el dominio a su archivo de hosts y configurará una nueva base de datos. Esto solo debería tomar entre 15 y 20 segundos.
Paso 3: Administre su sitio web local
Una vez que haya creado un sitio web local, necesitará saber cómo visitarlo y administrarlo. De esta manera, puede implementar cambios y evaluar qué tan exitosos son. En la página Sitios , haga clic en el icono de flecha para abrir la parte frontal de su sitio web:

Para ir a su administrador de WordPress, seleccione un sitio web. Luego, en la parte superior de la página de información del sitio , busque el botón Administrador de WP :

En el navegador generado, puede completar su información de inicio de sesión de WordPress. Luego, podrá ver y editar su sitio web usando su tablero:

Una vez que realice los cambios, puede volver a la página de información del sitio DevKinsta. Al seleccionar Sync > Push to Kinsta , puede implementar estos desarrollos en su sitio de prueba o en vivo. Alternativamente, también puede extraer cambios de Kinsta a este entorno local:

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

Como principiante, es posible que solo necesite crear un sitio local de WordPress. Sin embargo, si es desarrollador o trabaja para una agencia, puede crear y administrar varios sitios en DevKinsta.
En DevKinsta, cada sitio se ejecuta en un entorno en contenedores. Esto significa que puede agregar tantos proyectos como necesite. Para hacer esto, haga clic en Agregar sitio en la página de inicio:

¡A estas alturas, debería tener un nuevo sitio de WordPress sin conexión y las herramientas que necesita para personalizarlo! Esto puede ayudarlo a desarrollar su sitio web sin Wi-Fi y evitar cometer errores de codificación en vivo.
Resumen
Después de iniciar una versión local de WordPress, puede abrir y administrar su sitio incluso sin conexión a Internet. Cuando vuelva a estar en línea, simplemente puede enviar sus cambios a su sitio web en vivo. De esta manera, puede completar las tareas de desarrollo en cualquier momento.
Usando DevKinsta, instalar un entorno local de WordPress puede ser un proceso fácil. ¡Descargue esta herramienta gratuita hoy para crear un sitio de prueba fuera de línea con solo un clic!