La última hoja de trucos de desarrollo local de WordPress

Publicado: 2023-02-14

¿Quiere configurar un entorno de desarrollo de WordPress local sin hojear páginas y páginas de documentación? ¡Nuestra hoja de trucos de desarrollo local de WordPress lo ayudará a ponerse en marcha de manera rápida e inteligente!

En esta guía práctica 'sin complicaciones', cubriremos brevemente qué es el desarrollo local de WordPress y algunos de los beneficios clave de usarlo, y luego veremos directamente cómo configurar un entorno local, instalar WordPress en su computadora y pruebe su sitio web antes de publicarlo.

Esta guía cubre lo siguiente:

  • ¿Qué es el desarrollo local de WordPress?
  • Beneficios del desarrollo local de WordPress
  • Configuración de su entorno de desarrollo local
    • Lo que necesitarás
    • Instalación del software del servidor local
    • Configuración de un host virtual
    • Creación de una base de datos para su instalación local de WordPress
  • Instalación de WordPress localmente
    • Descarga e instalación de WordPress en el servidor local
    • Configuración del archivo wp-config.php
  • Importación de un sitio de WordPress en vivo al entorno local
    • Exportación de la base de datos del sitio en vivo
    • Importación de la base de datos del sitio en vivo al servidor local
    • Reemplazo de URL en la base de datos
    • Subir los archivos del sitio en vivo al entorno local
  • Desarrollo y prueba en el sitio local de WordPress
    • Realización de cambios y pruebas
    • depuración
    • Prueba de diferentes complementos y temas
  • Implementación del sitio local de WordPress en el servidor en vivo
    • Exportación de la base de datos del sitio local
    • Importación de la base de datos al servidor en vivo
    • Subir los archivos del sitio local al servidor en vivo
    • Actualización de URL en la base de datos
  • Desarrollo local frente a entorno de prueba de alojamiento web
    • Ventajas del entorno de desarrollo local
    • Contras del entorno de desarrollo local
    • Pros del entorno de prueba de Webhost
    • Contras del entorno de ensayo de Webhost

¿Qué es el desarrollo local de WordPress?

El desarrollo local de WordPress le permite crear un entorno de desarrollo para construir, trabajar y probar sitios de WordPress en su computadora sin afectar su sitio en vivo.

El entorno de desarrollo local replica el servidor de producción, lo que permite probar diferentes escenarios y resolver problemas antes de enviar cambios al sitio en vivo.

Beneficios del Desarrollo Local

Algunos de los beneficios clave del desarrollo local de WordPress incluyen:

  • Entorno de prueba seguro : el entorno de desarrollo local proporciona un espacio seguro para probar nuevas funciones, complementos y temas sin afectar su sitio en vivo.
  • Velocidad, rendimiento y eficiencia : un entorno de desarrollo local es más rápido y responde mejor que un servidor remoto. Esto se debe a que se ejecuta en su computadora, por lo que su computadora puede acceder y procesar datos mucho más rápido que un servidor, y no hay latencia en la comunicación entre su máquina y el servidor.
  • Rentable : la configuración de un entorno de desarrollo local elimina la necesidad de costosos servicios de alojamiento y reduce los costos asociados con la implementación de cambios en un sitio en vivo. Solo necesita una computadora y un editor de texto para comenzar.
  • Colaboración mejorada : varios desarrolladores pueden trabajar en un solo proyecto simultáneamente sin interferir con el trabajo de los demás.
  • Desarrollo sin conexión : con un entorno de desarrollo local, puede desarrollar su sitio incluso cuando no esté conectado.
  • Seguridad mejorada : ¿Tiene un proyecto "ultrasecreto" en el que desea trabajar? Dado que un entorno de desarrollo local se ejecuta en su máquina, es más seguro que un servidor remoto, por lo que puede crear y trabajar en su sitio lejos de miradas indiscretas. No hay riesgo de acceso no autorizado o piratería.

Si acaba de empezar como desarrollador de WordPress, consulte nuestro artículo de introducción al desarrollo local de WordPress. Si ya tiene un poco más de experiencia, consulte nuestro artículo sobre formas de mejorar su flujo de trabajo de desarrollo de WordPress en un entorno local.

Configuración de su entorno de desarrollo local

Antes de que pueda configurar un entorno de desarrollo de WordPress local, hay algunas cosas que necesitará.

Lo que necesitarás

Además de una computadora con suficiente espacio de almacenamiento y potencia de procesamiento para respaldar su trabajo de desarrollo, esto es todo lo que necesita para configurar un entorno de desarrollo local:

Software de servidor local

Deberá instalar un software de servidor local para ejecutar su entorno de desarrollo local.

XAMPP, MAMP y WAMP son tres opciones populares. Cada uno de estos paquetes de software de servidor local proporciona un entorno de desarrollo completo para desarrolladores web con todos los componentes necesarios (como el servidor web Apache, la base de datos MySQL y el lenguaje de programación PHP, en un solo paquete), un panel de control para administrar estos componentes y un herramienta para gestionar la base de datos.

Sin embargo, cada paquete de software también tiene sus propias características únicas con diferencias clave, por lo que es importante elegir uno que satisfaga sus necesidades específicas.

Echemos un breve vistazo a cada uno:

XAMPP

XAMPP
XAMPP

XAMPP es un software de servidor web gratuito, de código abierto y fácil de instalar que proporciona un entorno de desarrollo local para desarrolladores web. Significa Apache, MariaDB, PHP y Perl, los cuatro componentes principales de XAMPP.

Algunas características clave (y ventajas) de XAMPP:

  • Incluye servidor web Apache, base de datos MariaDB y lenguajes de programación PHP y Perl.
  • Admite múltiples sistemas operativos, incluidos Windows, Mac y Linux.
  • Panel de control fácil de usar para administrar el servidor web y los componentes de la base de datos.
  • Opción de instalar componentes adicionales como phpMyAdmin para la gestión de bases de datos.

Contras:

  • No es tan popular como MAMP o WAMP, por lo que el apoyo de la comunidad puede no ser tan fuerte.
  • Configuración más compleja en comparación con MAMP o WAMP, que requiere más conocimientos técnicos para instalar y configurar componentes.

XAMPP es mejor para los desarrolladores web que requieren un entorno de desarrollo completo con múltiples componentes y están familiarizados con la configuración y administración de estos componentes. También es mejor para los desarrolladores que trabajan en varios sistemas operativos y necesitan una solución multiplataforma.

MÁMPARA

MÁMPARA
MÁMPARA

MAMP es un software de servidor local que proporciona un entorno de desarrollo para desarrolladores web. Significa Macintosh, Apache, MySQL y PHP, los cuatro componentes principales de MAMP.

Algunas características clave (y ventajas) de MAMP:

  • Incluye servidor web Apache, base de datos MySQL y lenguaje de programación PHP.
  • Compatible con el sistema operativo macOS, pero también se puede utilizar para sistemas operativos basados ​​en Windows.
  • Panel de control fácil de usar para administrar el servidor web y los componentes de la base de datos.
  • Opción de instalar componentes adicionales como phpMyAdmin para la gestión de bases de datos.

Contras:

  • Solo puede usar el lenguaje de programación PHP.
  • Menos componentes en comparación con XAMPP, lo que puede limitar las necesidades de algunos desarrolladores.

MAMP es mejor para los desarrolladores web que trabajan en el sistema operativo macOS.

Para obtener más información sobre el uso de esta opción, consulte nuestro tutorial sobre cómo desarrollar WordPress localmente usando MAMP.

ServidorWamp

ServidorWamp
ServidorWamp

WAMP es un software de servidor local que proporciona un entorno de desarrollo para desarrolladores web. Significa Windows, Apache, MySQL y PHP, los cuatro componentes principales de WAMP.

Algunas características clave (y ventajas) de WAMP:

  • Incluye servidor web Apache, base de datos MySQL y lenguaje de programación PHP.
  • Admite el sistema operativo Windows.
  • Panel de control fácil de usar para administrar el servidor web y los componentes de la base de datos.
  • Opción de instalar componentes adicionales como phpMyAdmin para la gestión de bases de datos.

Contras:

  • Solo es compatible con Windows, por lo que es posible que los desarrolladores que usan macOS o Linux deban buscar en otra parte.
  • Menos componentes en comparación con XAMPP, lo que puede limitar las necesidades de algunos desarrolladores.

WAMP es mejor para los desarrolladores web que trabajan en el sistema operativo Windows y que requieren un entorno de desarrollo completo con componentes básicos.

Para obtener más información sobre esta opción, consulte nuestro tutorial sobre cómo desarrollar WordPress localmente usando WAMP.

Si bien XAMPP, MAMP y WAMP son excelentes opciones para los desarrolladores web que buscan un entorno de desarrollo local, hay otras opciones disponibles, que incluyen Local by Flywheel, DesktopServer y (si necesita trabajar en WordPress localmente en más de una máquina) incluso instalar y ejecutar WordPress desde un USB.

Editor de texto

El otro componente que necesitarás es un editor de texto para el desarrollo de WordPress diseñado específicamente para trabajar con lenguajes de programación como PHP. Un editor de texto es esencial para editar código y realizar cambios en su sitio web.

Veamos un par de opciones populares para editores de texto:

Texto sublime

Texto sublime
Texto sublime

Sublime Text es un editor de texto popular que los desarrolladores utilizan ampliamente para fines de codificación y secuencias de comandos. Ofrece una interfaz limpia, rápida e intuitiva, lo que facilita el trabajo con grandes bases de código.

Algunas características clave de Sublime Text:

  • Resaltado de sintaxis y finalización de código para más de 80 lenguajes de programación
  • Esquemas de color personalizables, combinaciones de teclas y macros
  • Herramientas avanzadas de búsqueda y edición, como selecciones múltiples, edición dividida y edición de columnas
  • Cambie instantáneamente entre proyectos con un sistema de configuración específico del proyecto

Sublime Text es una gran herramienta para desarrolladores que trabajan en proyectos que requieren escribir código en HTML, CSS y JavaScript. Ofrece resaltado de sintaxis fácil de usar, finalización de código y herramientas de edición que hacen que el proceso de codificación sea rápido y eficiente.

código de estudio visual

código de estudio visual
código de estudio visual

Visual Studio Code es un editor de código gratuito y de código abierto desarrollado por Microsoft. Ofrece una variedad de funciones y herramientas para ayudar a los desarrolladores a crear y administrar proyectos a gran escala.

Algunas características clave de Visual Studio Code:

  • IntelliSense, una herramienta de depuración y finalización de código inteligente y avanzada
  • Compatibilidad y depuración integradas de Git
  • Admite múltiples lenguajes de programación y tiene una gran biblioteca de extensiones
  • Interfaz y espacio de trabajo personalizables

Para editores de texto adicionales, consulte nuestra lista de los mejores editores de texto para el desarrollo de WordPress.

¿Ha cumplido todos los requisitos anteriores?

La computadora cumple con las especificaciones requeridas
Software de servidor local seleccionado
Editor de texto seleccionado

¡Excelente! Entonces pasemos al siguiente paso…

Instalación del software del servidor local

Para este ejemplo, instalaremos XAMPP en un sistema operativo Windows. Use el mismo proceso que se describe a continuación para instalar el software de servidor local elegido en su computadora y siga las instrucciones específicas del paquete de software:

  1. Descargar XAMPP : Vaya al sitio web oficial de XAMPP y descargue la última versión de XAMPP para Windows.
  2. Instale XAMPP : haga doble clic en el archivo descargado para iniciar el proceso de instalación. Ejecute el archivo de instalación descargado y siga las instrucciones en pantalla para instalar XAMPP. De forma predeterminada, XAMPP se instalará en el directorio C:\xampp .
  3. Inicie XAMPP : después de la instalación, abra el Panel de control de XAMPP desde el menú Inicio o el acceso directo del escritorio. Inicie los módulos de Apache y MySQL haciendo clic en los botones "Inicio" al lado de cada módulo.
  4. Verificar la instalación : para verificar que XAMPP funciona correctamente, abra un navegador web y vaya a http://localhost . Esto debería mostrar la página de bienvenida de XAMPP.
  5. Crear un host virtual : para crear un host virtual, siga los pasos que se describen a continuación.

XAMPP ahora debería estar instalado y configurado en su máquina. Está listo para comenzar a desarrollar y probar sus sitios web localmente.

Nota: El proceso de instalación de XAMPP u otro software de servidor local, como MAMP o WAMP, puede variar ligeramente según el sistema operativo que se utilice. Para los sistemas operativos Mac y Linux, puede seguir las instrucciones de instalación proporcionadas en el sitio web de XAMPP.

Consulte nuestros otros tutoriales relacionados con XAMPP para obtener información adicional sobre la configuración de XAMPP, la actualización de XAMPP, la resolución de problemas de XAMPP y la migración de WordPress desde un host local de XAMPP a la web.

Configuración de un host virtual

La configuración de un host virtual en un entorno de desarrollo local permite a los desarrolladores ejecutar varios sitios web en su máquina local, cada uno con su propia URL única. Esto proporciona un entorno de prueba más realista y facilita el cambio entre diferentes proyectos.

Para ver la guía paso a paso a continuación para configurar un host virtual en su entorno de desarrollo local y comenzar a probar sus sitios web:

1. Abra el archivo de configuración de Apache : abra el archivo de configuración para el software de su servidor local. Para este ejemplo, usamos XAMPP, así que abra el archivo de configuración de Apache, que normalmente se encuentra en /etc/httpd/conf/httpd.conf o C:\xampp\apache\conf\httpd.conf .

2. Habilite el alojamiento virtual : busque la sección etiquetada como "# Hosts virtuales" y elimine el comentario de la siguiente línea eliminando el símbolo de almohadilla (#) al comienzo de la línea: #Include conf/extra/httpd-vhosts.conf .

3. Configure el host virtual : Abra el archivo de configuración del host virtual, que normalmente se encuentra en /etc/httpd/conf/extra/httpd-vhosts.conf o C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Agregue un nuevo host virtual : agregue un nuevo host virtual creando un nuevo bloque de código con el siguiente formato: 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Hacer esto:

  • Reemplace "example.local" con la URL deseada para el host virtual.
  • Reemplace "/ruta/a/documento/raíz" con la ruta completa al directorio raíz del documento para el host virtual.

5. Actualice el archivo de hosts : el archivo de hosts asigna nombres de dominio a direcciones IP. Para que el host virtual sea accesible a través de la URL que especificó, deberá agregar una entrada al archivo de hosts. El archivo de hosts normalmente se encuentra en /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Agrega una nueva línea con el siguiente formato: 127.0.0.1 example.local . Reemplace "example.local" con la URL especificada en la configuración del host virtual. Guarde los cambios en el archivo de configuración.

6. Reinicie Apache : reinicie el servidor web local de Apache para aplicar los cambios.

7. Pruebe el host virtual : pruebe su host virtual visitando la URL en un navegador web. El navegador debe mostrar el contenido del directorio raíz del documento para el host virtual.

Creación de una base de datos para su instalación local de WordPress

El siguiente paso antes de configurar un proyecto de WordPress localmente es crear una base de datos para su entorno de desarrollo local.

Sigue estas instrucciones paso a paso para crear una base de datos en XAMPP:

1. Abra el Panel de control de XAMPP : Abra el Panel de control de XAMPP desde el menú Inicio o el acceso directo del escritorio. Asegúrese de que los módulos de Apache y MySQL se estén ejecutando.

2. Acceda a phpMyAdmin : para acceder a phpMyAdmin, abra un navegador web y vaya a http://localhost/phpmyadmin . Esto abrirá la interfaz de phpMyAdmin en su navegador.

3. Cree una nueva base de datos : en la interfaz de phpMyAdmin, haga clic en la pestaña "Bases de datos". En la sección "Crear base de datos", ingrese un nombre para su nueva base de datos y seleccione la colación "utf8mb4_general_ci". Luego, haga clic en el botón "Crear".

4. Crear un nuevo usuario : Para crear un nuevo usuario para la base de datos, haga clic en la pestaña "Usuarios" y luego en el botón "Agregar usuario". En el formulario "Agregar usuario", ingrese un nombre de usuario y una contraseña para el nuevo usuario y seleccione "Local" como host. Asegúrese de otorgar todos los privilegios al usuario marcando la casilla de verificación "Otorgar todos los privilegios en la base de datos". Finalmente, haga clic en el botón "Ir".

5. Guarde sus datos : Escriba o guarde su nombre de base de datos, nombre de usuario y contraseña. Los necesitará para conectar la base de datos a WordPress más tarde.

Después de completar los pasos anteriores, habrá creado con éxito una base de datos para su instalación local de WordPress y su entorno de desarrollo local.

Ahora puede usar esta base de datos para almacenar y administrar sus datos a medida que desarrolla y prueba su sitio de WordPress localmente.

¿Has completado todos los pasos anteriores?

Software de servidor local instalado
Configurar host virtual
Base de datos creada

¡Excelente! Entonces pasemos al siguiente paso…

Instalación de WordPress localmente

Ahora que hemos preparado nuestro entorno local, el siguiente paso es descargar, instalar y configurar WordPress.

Descarga e instalación de WordPress en el servidor local

Siga los pasos a continuación para completar este proceso:

  1. Visite el sitio web de WordPress : vaya al sitio web oficial de WordPress.org y haga clic en el botón "Descargar WordPress" para descargar la última versión de WordPress.
  2. Extraiga el archivo : la descarga de WordPress será un archivo ZIP comprimido. Extraiga el contenido del archivo a un directorio en su computadora.
  3. Mueva los archivos extraídos a su servidor local : Mueva el contenido del directorio extraído al directorio raíz de su servidor local. Si usa XAMPP, por ejemplo, normalmente es C:\xampp\htdocs en Windows o /Applications/XAMPP/htdocs en macOS.
  4. Cree una base de datos : (Nota: si lo ha estado siguiendo, este paso ya debería estar hecho). Antes de instalar WordPress, deberá crear una base de datos. Puede hacerlo con una herramienta como phpMyAdmin, que se incluye con la mayoría de los servidores locales, como XAMPP y MAMP.
  5. Inicie la instalación : abra su navegador web y vaya a http://localhost/wordpress (o la URL equivalente para su servidor local). Esto iniciará el proceso de instalación de WordPress.
  6. Elija el idioma : en la primera pantalla, seleccione su idioma preferido y haga clic en el botón "Continuar".
  7. Complete la información de la base de datos : en la siguiente pantalla, complete la información de la base de datos que creó en el paso 4. Esto incluye el nombre de la base de datos, el nombre de usuario de la base de datos y la contraseña de la base de datos.
  8. Complete la información del sitio : en la siguiente pantalla, complete la información de su sitio local de WordPress. Esto incluye el título del sitio, el nombre de usuario, la contraseña y la dirección de correo electrónico.
  9. Ejecute la instalación : una vez que haya completado toda la información, haga clic en el botón "Instalar WordPress" para ejecutar la instalación.
  10. Inicie sesión en su sitio : una vez completada la instalación, inicie sesión en su sitio local de WordPress con el nombre de usuario y la contraseña que creó en el paso 8 para comenzar a personalizar y desarrollar su sitio local.

Ahora ha descargado e instalado correctamente WordPress.

Ahora puede comenzar a personalizar y desarrollar su sitio localmente, con todos los beneficios de un entorno de desarrollo local, antes de implementar su sitio en un servidor en vivo.

Configuración del archivo wp-config.php

El archivo wp-config.php es un componente crucial en la configuración de una instalación local de WordPress y un entorno de desarrollo local. Este archivo contiene ajustes de configuración que controlan cómo WordPress interactúa con su base de datos y otros ajustes importantes.

Si ha seguido las instrucciones de instalación anteriores, las credenciales de su base de datos se agregarán automáticamente al archivo wp-config.php .

Si, por alguna razón, necesita configurar manualmente el archivo wp-config.php , siga las instrucciones a continuación:

1. Cree un archivo wp-config.php : si su instalación local de WordPress aún no tiene un archivo wp-config.php , puede crear uno copiando el archivo wp-config-sample.php y renombrándolo a wp-config.php .

2. Actualice las credenciales de la base de datos : abra el archivo wp-config.php y actualice las siguientes líneas con la información adecuada: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Reemplace database_name , database_user y database_password con los valores que usó al crear la base de datos y el usuario en un paso anterior.

3. Configure las claves de seguridad de WordPress : las claves de seguridad de WordPress agregan una capa adicional de seguridad a su sitio al cifrar la información almacenada en las cookies. Puede generar un conjunto de claves de seguridad en el sitio oficial de WordPress. Copie las claves generadas y péguelas en su archivo wp-config.php , reemplazando las claves de marcador de posición que ya están allí.

4. Habilitar la depuración : para el desarrollo local, es útil habilitar la depuración en WordPress. Esto proporcionará mensajes de error y advertencias más detallados que pueden ayudarlo a solucionar problemas con su sitio. Para habilitar la depuración, agregue la siguiente línea a su archivo wp-config.php:

define( 'WP_DEBUG', true );

5. Guarde los cambios : una vez que haya realizado los cambios en el archivo wp-config.php , guarde el archivo y ciérrelo.

La configuración exitosa del archivo wp-config.php garantizará que su sitio de WordPress instalado localmente pueda conectarse a la base de datos, sea seguro y brinde información útil de depuración a medida que desarrolla y prueba su sitio localmente.

Importación de un sitio de WordPress en vivo al entorno local

Siga los pasos a continuación si necesita importar un sitio de WordPress en vivo a su entorno local:

Exportación de la base de datos del sitio en vivo

Para exportar la base de datos del sitio en vivo, deberá tener acceso al servidor del sitio en vivo.

Estos son los pasos para exportar la base de datos del sitio en vivo (nota: diferentes entornos de servidor realizarán esto de manera diferente, pero la mayoría debe seguir un proceso similar):

  1. Inicie sesión en el panel de control de su servidor en vivo .
  2. Acceder a la base de datos : El primer paso es acceder a la base de datos del sitio en vivo. Puede hacerlo utilizando una herramienta como phpMyAdmin, que a menudo proporciona su proveedor de alojamiento web. Busque una sección llamada "Bases de datos" y haga clic en "phpMyAdmin".
  3. Seleccione la base de datos : una vez que haya iniciado sesión en phpMyAdmin, seleccione la base de datos para su sitio en vivo desde el panel del lado izquierdo.
  4. Exportar la base de datos : Haga clic en el botón "Exportar" para iniciar el proceso de exportación.
  5. Elija el formato de exportación : en la pantalla de exportación, elija el método de exportación "Rápido", seleccione el formato "SQL" y asegúrese de que las opciones "Estructura" y "Datos" estén seleccionadas.
  6. Descargar el archivo de exportación : haga clic en el botón "Ir" para descargar el archivo de exportación a su computadora.

Importación de la base de datos al servidor local

Para importar la base de datos del sitio en vivo a su servidor local, asegúrese de que el software de servidor local elegido ya esté instalado en su computadora.

Estos son los pasos para importar la base de datos del sitio en vivo a su servidor local:

  1. Abra phpMyAdmin en el software de su servidor local : inicie sesión en phpMyAdmin para su servidor local y seleccione la base de datos que creó para su instalación local de WordPress.
  2. Importar la base de datos : haga clic en el botón "Importar" para importar los datos del archivo de exportación que acaba de descargar.
  3. Seleccione el archivo de importación : en la pantalla de importación, haga clic en el botón "Elegir archivo", seleccione el archivo de exportación que acaba de descargar y haga clic en el botón "Ir" para iniciar el proceso de importación.

Reemplazo de URL en la base de datos

Después de importar la base de datos del sitio en vivo, deberá reemplazar las URL en la base de datos para que coincidan con su entorno de desarrollo local.

Estos son los pasos para reemplazar las URL en la base de datos:

1. Abra phpMyAdmin en su software de servidor local.
2. Seleccione la base de datos importada del panel del lado izquierdo.
3. Haga clic en la pestaña "SQL".
4. Introduzca la siguiente consulta en el área de texto: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Reemplace "http://www.livesite.com" con la URL de su sitio activo y reemplace "http://local.livesite.com" con la URL de su entorno de desarrollo local.

6. Haga clic en el botón "Ir" para ejecutar la consulta.

Subir los archivos del sitio en vivo al entorno local

Para cargar los archivos del sitio en vivo al entorno local, deberá tener acceso FTP al servidor de su sitio en vivo.

Siga los pasos a continuación para cargar los archivos del sitio en vivo a su entorno local:

  1. Conéctese al servidor de su sitio en vivo usando un cliente FTP como FileZilla.
  2. Navegue al directorio raíz de su sitio en vivo en el servidor.
  3. Descargue todos los archivos a su computadora local.
  4. Coloque los archivos descargados en el directorio raíz de su entorno de desarrollo local, que generalmente se encuentra en la carpeta "htdocs" o "www" en XAMPP u otro software de servidor local.

Notas:

  1. Si ya tiene una instalación de WordPress, la carpeta anterior no estará vacía y se le pedirá que reemplace los archivos y directorios existentes, así que reemplace todos los archivos excepto el archivo wp-config.php para mantener las mismas configuraciones, incluido el conectado. bases de datos que se han rellenado con los datos del sitio en vivo.
  2. Antes de cargar los archivos del sitio en vivo al entorno local, es posible que deba cambiar los permisos de archivo para que el software de su servidor local pueda escribir en los archivos.
  3. Además, asegúrese de probar su copia de seguridad local de WordPress antes de realizar cualquier cambio.

¡Eso es todo! Ahora ha importado con éxito su sitio en vivo a su instalación local de WordPress y entorno de desarrollo local.

Desarrollo y prueba en el sitio local de WordPress

Finalmente está listo para desarrollar y probar su sitio localmente utilizando los mismos datos que su sitio en vivo, brindándole un entorno real para pruebas y desarrollo.

Pasemos por el proceso:

Realización de cambios y pruebas

  1. Inicie sesión en el sitio local de WordPress: abra su sitio local de WordPress en su navegador web e inicie sesión en el panel de control de WordPress con sus credenciales de administrador.
  2. Realice cambios en el sitio: puede realizar cambios en su sitio local de WordPress editando temas, complementos o código personalizado. Simplemente acceda a estos elementos desde el panel de control de WordPress.
  3. Probar cambios: después de realizar cambios en su sitio local de WordPress, es importante probar los cambios para asegurarse de que funcionan como se esperaba. Puede probar los cambios visitando el front-end de su sitio y verificando que los cambios hayan tenido efecto.

depuración

  1. Use el modo de depuración: WordPress tiene un modo de depuración incorporado que facilita la identificación y resolución de problemas en su sitio. Para habilitar el modo de depuración, debe agregar el siguiente código a su archivo wp-config.php: define( 'WP_DEBUG', true ); .
  2. Verifique los registros de errores: si tiene problemas con su sitio local de WordPress, puede verificar los registros de errores para ver si hay algún mensaje de error o advertencia que pueda ayudarlo a identificar el problema. Los registros de errores se pueden encontrar en el archivo de registro de depuración de WordPress, que se encuentra en el directorio wp-content.
  3. Use herramientas de depuración: hay una serie de herramientas y complementos de depuración disponibles para WordPress que pueden ayudarlo a identificar y resolver problemas en su sitio. Por ejemplo, el complemento Query Monitor proporciona información detallada sobre las consultas de la base de datos, el uso del complemento y más. Consulte este tutorial para obtener ayuda con la depuración de WordPress: Depuración de WordPress: Cómo usar WP_Debug

Prueba de diferentes complementos y temas

La instalación, activación y prueba de complementos y temas en un sitio local de WordPress funciona exactamente de la misma manera que en cualquier otro sitio regular de WordPress. Por lo tanto, asegúrese de hacer lo siguiente mientras está en modo de prueba:

  1. Instalar complementos : instale complementos en su sitio local de WordPress para agregar nuevas características o funcionalidades a su sitio. Para instalar un complemento, inicie sesión en el panel de control de WordPress, vaya a la sección Complementos y haga clic en el botón Agregar nuevo.
  2. Activar complementos : active el complemento que está probando después de instalarlo para usarlo en su sitio. Para activar un complemento, vaya a la sección Complementos del panel de control de WordPress y haga clic en el botón Activar junto al complemento que desea usar.
  3. Complementos de prueba : después de activar un complemento, es importante probar el complemento para asegurarse de que funciona como se esperaba. Pruebe los complementos visitando el front-end de su sitio y verificando que el complemento haya tenido efecto.
  4. Instalar temas : Instale temas en su sitio local de WordPress para cambiar la apariencia de su sitio. Para instalar un tema, inicie sesión en el panel de control de WordPress, vaya a la sección Apariencia y haga clic en el botón Temas.
  5. Activar temas : active el tema después de instalarlo para cambiar la apariencia de su sitio. Para activar un tema, vaya a la sección Apariencia del panel de control de WordPress y haga clic en el botón Activar junto al tema que desea usar.
  6. Probar temas : después de activar un tema, es importante probarlo para asegurarse de que funciona como se espera. Pruebe los temas visitando el front-end de su sitio y verificando que el tema haya tenido efecto.

¿Ha realizado todos los cambios que necesita, depurado problemas y probado diferentes complementos y temas en su sitio local?

¡Excelente! Ahora está listo para hacer que su sitio local de WordPress esté activo.

Implementación del sitio local de WordPress en el servidor en vivo

El paso final en este proceso es exportar todos sus archivos y bases de datos locales de WordPress a su entorno de alojamiento en vivo y asegurarse de que todos los cambios, configuraciones y URL de su sitio funcionen en su sitio en vivo.

Exportación de la base de datos del sitio local

Siga los pasos a continuación para exportar su sitio local de WordPress a su servidor en vivo:

  1. Inicie sesión en la base de datos del sitio local utilizando PHPMyAdmin.
  2. Seleccione la base de datos que desea exportar.
  3. Vaya a la pestaña "Exportar".
  4. Elija el método de exportación "Rápido".
  5. Seleccione el formato "SQL".
  6. Haga clic en "Ir" para descargar el archivo SQL a su computadora.

Importación de la base de datos al servidor en vivo

Siga los pasos a continuación para importar el archivo de exportación de su base de datos local de WordPress a su sitio en vivo:

  1. Inicie sesión en la base de datos del servidor en vivo usando PHPMyAdmin.
  2. Cree una nueva base de datos para el sitio en vivo.
  3. Vaya a la nueva base de datos y seleccione la pestaña "Importar".
  4. Elija el archivo SQL exportado desde su sitio local.
  5. Haga clic en "Ir" para importar la base de datos.

Ahora que ha migrado la base de datos desde su sitio local a su sitio en vivo, hagamos lo mismo con los archivos de su sitio.

Subir los archivos del sitio local al servidor en vivo

Siga los pasos a continuación para cargar los archivos de su sitio local de WordPress en su sitio en vivo:

  1. Prepare los archivos: antes de cargar los archivos del sitio local al servidor, es una buena idea revisar y limpiar los archivos. Esto puede incluir la eliminación de archivos innecesarios, como copias de seguridad o archivos de prueba, para minimizar la cantidad de datos que se cargan.
  2. Conéctese al servidor: Puede conectarse al servidor usando una variedad de métodos, como FTP o SFTP. Deberá usar un software de cliente, como FileZilla, para conectarse al servidor. Deberá proporcionar el host de su servidor, el nombre de usuario y la contraseña para conectarse.
  3. Cargue los archivos: una vez que esté conectado al servidor, puede cargar los archivos del sitio local al servidor. Puede cargar los archivos de varias maneras, incluida la carga de archivos individuales o la carga de la carpeta del sitio local completa. Navegue al directorio raíz del sitio activo en el servidor. Cargue todos los archivos del sitio local en el directorio del sitio en vivo en el servidor y reemplace los archivos existentes si se le solicita.
  4. Actualice la información de la base de datos: después de cargar los archivos en el servidor, deberá actualizar la información de la base de datos en el archivo wp-config.php para reflejar la información de la base de datos del sitio en vivo. Abra el archivo wp-config.php en un editor de texto y actualice el nombre de la base de datos, el nombre de usuario y la contraseña para que coincidan con la base de datos activa.
  5. Actualizar URL en la base de datos: consulte la sección a continuación.
  6. Pruebe el sitio: después de cargar los archivos del sitio local en el servidor, es una buena idea probar el sitio para asegurarse de que todo funciona correctamente. Esto puede implicar probar la funcionalidad, los enlaces y las imágenes del sitio para asegurarse de que funcionan como se espera.

Actualización de URL en la base de datos

Puede actualizar las URL en su base de datos utilizando un editor de texto o trabajando directamente en su base de datos (asegúrese de que su base de datos tenga una copia de seguridad completa antes de realizar cambios).

Actualización de direcciones URL mediante un editor de texto

Siga los pasos a continuación para actualizar las URL en su base de datos usando un editor de texto.

  1. Exportar la base de datos: antes de actualizar las URL en la base de datos, deberá exportar la base de datos. Utilice su herramienta de gestión de base de datos (por ejemplo, phpMyAdmin).
  2. Buscar y reemplazar las URL : una vez que haya exportado la base de datos, deberá buscar y reemplazar las URL en la base de datos. Puede hacerlo con un editor de texto como Sublime o Visual Studio Code. Busque y reemplace las URL, y asegúrese de reemplazar las URL con cuidado y minuciosidad, incluidas las URL en los datos serializados.
  3. Importe la base de datos : después de actualizar las URL en la base de datos, deberá volver a importar la base de datos a su entorno de desarrollo local. Puede importar la base de datos utilizando una herramienta de administración de bases de datos, como phpMyAdmin.
  4. Pruebe el sitio : después de importar la base de datos actualizada, es una buena idea probar el sitio para asegurarse de que todo funciona correctamente. Esto puede implicar probar la funcionalidad, los enlaces y las imágenes del sitio para asegurarse de que funcionan como se espera.

Actualización de URL en la base de datos

Siga los pasos a continuación para actualizar las URL directamente en su base de datos:

1. Inicie sesión en la base de datos del sitio en vivo usando PHPMyAdmin.
2. Seleccione la base de datos del sitio en vivo.
3. Vaya a la pestaña "SQL".
4. Run the following SQL query to update the URLs: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!