Cómo instalar XAMPP y WordPress localmente en una PC con Windows

Tener una instalación local de WordPress en su computadora puede ser increíblemente útil para probar y desarrollar sitios web. Los desarrolladores de WordPress y los propietarios de sitios web con frecuencia instalan WordPress localmente en sus computadoras para probar nuevas versiones, temas, complementos y actualizaciones de código antes de usarlos en producción.

En este artículo, le mostraré cómo puede crear un entorno local de WordPress utilizando una aplicación gratuita llamada XAMPP.

¿Por qué instalar WordPress localmente?

Quizás se pregunte por qué alguien se tomaría la molestia de instalar WordPress en su computadora. Después de todo, ¿no sería más rápido simplemente instalar actualizaciones en su sitio web en vivo y ahorrarse tiempo? Realizar actualizaciones directamente en su sitio web en vivo de WordPress le ahorrará tiempo inicialmente, pero como le dirá cualquier usuario experimentado de WordPress, hacerlo es arriesgado. Siempre existe la posibilidad de que la actualización a una nueva versión de WordPress, o la actualización de un tema o complemento, bloquee su sitio web.

Estas son las razones más frecuentes por las que las personas instalan una versión local de WordPress en su computadora:

• Pruebas : una instalación local de WordPress le permite probar actualizaciones, ajustes y otras personalizaciones de forma segura.
• Puesta en escena del sitio web : su sitio web local de WordPress se puede utilizar como un sitio de puesta en escena de WordPress. Una vez que haya realizado las modificaciones que desea, se pueden enviar a su sitio web en vivo.
• Desarrollo : una versión local de WordPress es el entorno perfecto para crear y modificar temas y complementos de WordPress.
• Acceso sin conexión : puede ser útil configurar un sitio web de prueba de WordPress en línea al que se pueda acceder desde cualquier lugar; sin embargo, una instalación local de WordPress no necesita una conexión a Internet. Por lo tanto, puede acceder a su instalación local si su conexión se cae o si está de viaje y no tiene acceso a Internet.
• Seguridad y privacidad : solo puede acceder a una instalación local de WordPress en su computadora. Esto es significativamente más seguro que un sitio web de WordPress que está instalado en línea.
• Velocidad : las instalaciones locales de WordPress se ejecutan más rápido que sus contrapartes en línea.

Como puede ver, hay muchos beneficios al configurar una instalación local de WordPress. Te alegrará saber que configurar uno es un proceso relativamente sencillo.

¿Qué es XAMPP?

Para ejecutar WordPress, se recomienda que su entorno incluya:

• Apache o Nginx,
• PHP 7.3+,
• MySQL 5.6+ o MariaDB 10.0+.

Cada una de estas aplicaciones de código abierto se puede instalar por separado en su computadora, sin embargo, lleva mucho tiempo hacerlo. Por el contrario, XAMPP instala todo lo que necesita para ejecutar WordPress. Además, puede usarlo para crear instalaciones locales de otras soluciones de sitios web como Joomla, Drupal, PrestaShop, PHPBB y OpenCart también.

El nombre XAMPP es un acrónimo de multiplataforma (X), Apache (A), MariaDB (M), PHP (P) y Perl (P). XAMPP es "multiplataforma" porque funciona en múltiples sistemas operativos. Las cuatro aplicaciones instaladas por XAMPP abren muchas posibilidades para los propietarios y desarrolladores de sitios web.

Creo que la mayoría de los usuarios de WordPress se sentirán cómodos usando el instalador de XAMPP; sin embargo, si tiene algún problema, puede encontrar ayuda en el foro de la comunidad de XAMPP.

Instale XAMPP en su computadora

XAMPP es un software de código abierto, por lo que puede descargarlo de forma gratuita. Como aplicación multiplataforma, está disponible para los sistemas operativos Windows, Linux, Mac y Solaris.

Puedes descargar XAMPP con diferentes versiones de PHP para cada sistema operativo. Viene con múltiples complementos que le permiten instalar aplicaciones populares además de XAMPP; hablaremos de ellos más adelante en el artículo.

A los efectos de este tutorial, instalé la versión PHP 7.3.7 de XAMPP en mi computadora portátil con Windows. El proceso es el mismo para usuarios de Linux, Mac y Solaris; aunque el diseño del panel de control varía según el sistema operativo.

Para iniciar el proceso de instalación, descargue la versión de XAMPP que mejor se adapte a sus necesidades, luego haga doble clic en el archivo .exe .

En el siguiente paso, debe seleccionar el servidor y los componentes del lenguaje del programa que desea instalar. Todos los componentes están seleccionados por defecto.

Ahora, debe definir la ubicación de la carpeta de instalación donde se instalará XAMPP (y luego su sitio de WordPress).

En el siguiente paso, puede encontrar una breve nota sobre la aplicación Bitnami. Hablaré más sobre cómo puedes usar Bitnami para instalar WordPress más adelante en este artículo.

Una vez que haya completado los pasos de configuración, puede comenzar a instalar XAMPP.

Solo le toma un minuto a XAMPP descomprimir todos los archivos e instalarlos en su computadora.

XAMPP puede ser marcado por un software antivirus, así que asegúrese de darle acceso.

¡Felicidades! ¡XAMPP ahora ha sido instalado! Ahora, puede iniciar el panel de control de XAMPP en su escritorio de Windows.

El panel de control de XAMPP se puede cargar en inglés o alemán.

El panel de control puede ser un poco intimidante al principio, pero es fácil de usar una vez que sabes dónde está todo.

A la izquierda, verá los componentes del módulo que instaló. A la derecha, puede encontrar sus acciones correspondientes: Inicio , Admin , Configuración y Registros . Los botones de acción del administrador estarán atenuados hasta que se ejecuten los módulos correspondientes.

En el extremo derecho, hay enlaces a funcionalidades útiles, como el área de configuración del panel de control, la herramienta de utilidad Netstat , el shell de comandos, el explorador de archivos y los servicios.

De principio a fin, el proceso de descarga e instalación de XAMPP solo debería llevarte unos minutos.

En las siguientes secciones, le mostraré cómo instalar WordPress localmente usando Bitnami y cómo puede instalar WordPress manualmente. En ambos métodos, debe iniciar los servicios Apache y MySQL. Para hacer eso, todo lo que tiene que hacer es hacer clic en los botones de inicio de cada módulo.

Ahora, XAMPP permanecerá en la barra de tareas de Windows a menos que salga de la aplicación. Al hacer clic con el botón derecho en el icono de XAMPP, puede activar y desactivar los módulos. También puede salir de XAMPP desde aquí.

Puede verificar si su servidor está funcionando correctamente escribiendo localhost en la barra de URL de su navegador. Cuando lo haga, debería ver la página de bienvenida de XAMPP que incluye los detalles técnicos de su instalación.

Ahora que se instaló XAMPP y se iniciaron los módulos Apache y MySQL, también puede instalar WordPress.

Instalar WordPress usando Bitnami

Bitnami es una solución de paquete de aplicaciones que simplifica el proceso de instalación de aplicaciones populares de código abierto. La empresa fue adquirida por VMWare en mayo de 2019; aunque los fundadores de Bitnami han confirmado que seguirá siendo compatible.

XAMPP alienta a los usuarios a usar Bitnami promocionando la aplicación durante el proceso de instalación de XAMPP y también como una "herramienta todo en uno" en su página de complementos.

Puede descargar el módulo Bitnami WordPress desde la página Módulos Bitnami para XAMPP. Está disponible para Windows y Linux. Al momento de escribir este artículo, el módulo no está disponible para otros sistemas Unix, pero funciona con OS X si usa XAMPP-VM en lugar de XAMPP.

Una vez que haga clic en el archivo de instalación de Bitnami WordPress, se le preguntará en qué idioma desea instalar WordPress. Los idiomas disponibles son inglés, español, portugués, chino simplificado, coreano, hebreo, alemán, rumano y ruso.

Ahora, puede hacer clic en el asistente de configuración del módulo Bitnami WordPress.

En el siguiente paso, debe seleccionar la carpeta donde se instaló previamente XAMPP. Si no cambió la carpeta de instalación predeterminada para XAMPP, Bitnami mostrará correctamente su carpeta de instalación de XAMPP.

Bitnami creará su cuenta de administrador de WordPress ahora. Todo lo que necesita hacer es ingresar su nombre de usuario, nombre real, dirección de correo electrónico y contraseña.

En este paso, simplemente ingrese el nombre de su instalación de WordPress.

Ahora, puede ingresar los detalles de su conexión SMTP. Puede elegir entre dos opciones: Gmail y proveedor de correo electrónico personalizado.

Si selecciona Gmail, debe ingresar su dirección y contraseña de Gmail. Si selecciona personalizado, deberá ingresar toda la información de conexión SMTP proporcionada por su proveedor de correo electrónico.

El siguiente paso muestra un anuncio de Bitnami Cloud. Si deja marcada la casilla de verificación, se abrirá su página de información que explica los beneficios de alojar su sitio web de WordPress con ellos a través de servicios en la nube como Google Cloud y Amazon Web Services.

Bitnami ahora instalará WordPress en su PC con Windows.

Solo toma un minuto más o menos para que se instalen los archivos necesarios.

¡Felicidades! ¡Acaba de instalar WordPress localmente en su computadora usando Bitnami!

El último paso del asistente de instalación de Bitnami WordPress le pide que inicie el módulo de Bitnami WordPress. Al hacerlo, se abrirá el front-end de su nuevo sitio web de WordPress.

Se puede acceder localmente a mi nuevo sitio web en la URL http://127.0.0.1/wordpress/ .

Como era de esperar, el área de administración de mi nuevo sitio web de WordPress se puede encontrar localmente en http://127.0.0.1/wordpress/wp-admin/ .

Bitnami instaló WordPress en la carpeta de aplicaciones XAMPP en C:\xampp\apps\wordpress . Puede encontrar todos los archivos de WordPress dentro de la carpeta htdocs .

Como puede ver, el proceso de instalación de WordPress localmente en su computadora usando XAMPP y Bitnami es muy sencillo. El software hace todo por ti.

Creo que este es el método que la mayoría de los usuarios de WordPress deberían elegir al instalar un sitio web de WordPress localmente en su computadora.

Configurar WordPress manualmente en XAMPP

Bitnami es sin duda la forma más sencilla de instalar WordPress en XAMPP, sin embargo también es importante saber cómo instalar WordPress manualmente. Aquellos de ustedes que ya hayan instalado WordPress manualmente en un sitio web en vivo estarán familiarizados con el proceso.

Hay tres pasos para instalar WordPress manualmente con XAMPP:

1. Crear la base de datos de WordPress.
2. Descargar WordPress.
3. Instalar WordPress.

Avancemos y creemos la base de datos de WordPress.

1. Crea tu base de datos de WordPress

Puede crear su base de datos de WordPress en la aplicación phpMyAdmin que se ha instalado junto con XAMPP. Para acceder a phpMyAdmin, simplemente haga clic en el botón de administración del módulo MySQL.

La aplicación phpMyAdmin se cargará en su navegador.

Haga clic en la pestaña "Bases de datos", ingrese un nombre para su base de datos de WordPress y luego haga clic en el botón "Crear" . Puede llamar a la base de datos como desee, pero asegúrese de recordarlo para el asistente de instalación de WordPress más adelante.

A diferencia de instalar WordPress en una configuración en vivo, no necesita crear un usuario de base de datos cuando usa XAMPP (aunque aún puede hacerlo si lo desea).

2. Descarga WordPress

WordPress se puede descargar directamente desde https://wordpress.org/download/. Después de descargar el instalador, extraiga el archivo ZIP para descomprimir la carpeta de WordPress.

A continuación, vaya a la carpeta htdocs dentro de su carpeta de instalación principal de XAMPP. En Windows, si no cambió la ubicación de la carpeta de instalación de XAMPP durante la configuración, la carpeta htdocs se ubicará en C:\xampp\htdocs\ .

Cree una nueva carpeta para su sitio local de WordPress dentro de esta carpeta. Llamé al mío mylocalwordpress , pero puedes usar el nombre que quieras. Debe copiar el contenido de la carpeta de WordPress que extrajo del archivo ZIP en esta nueva carpeta. En mi caso, es C:\xampp\htdocs\mylocalwordpress\ .

Ahora tiene todo listo para instalar WordPress localmente.

3. Instalar WordPress

Ahora es el momento de instalar WordPress.

Si lo desea, puede instalar WordPress agregando la información de su base de datos al archivo wp-config-sample.php y renombrándolo a wp-config.php . Sin embargo, es mucho más fácil ejecutar el famoso asistente de instalación de WordPress; y siempre puede modificar el archivo wp-config.php más tarde si es necesario.

Para ejecutar el asistente de instalación de WordPress, debe acceder a su nuevo sitio web de WordPress. ¿Recuerdas la carpeta que creaste en htdocs anteriormente? El nombre de esta carpeta se usa como la ubicación de su sitio web de WordPress.

Entonces, puede acceder a su sitio web de WordPress en http://localhost/yourwebsitename/ . Por ejemplo, en mi configuración, tuve que visitar http://localhost/mylocalwordpress/ . Cuando visite su URL de instalación local, se le presentará el asistente de instalación de WordPress (ubicado en http://localhost/yourwebsitename/wp-admin/setup-config.php ).

En el primer paso, puede seleccionar el idioma de su sitio web entre las docenas a las que se ha traducido WordPress.

En el siguiente paso, el instalador le recuerda que necesitará la información de conexión de su base de datos para el asistente.

Ahora, debe ingresar los detalles de conexión de su base de datos. Ingrese el nombre de su base de datos de WordPress, el nombre de usuario y la contraseña de la base de datos, el host de la base de datos y el prefijo de la tabla que desea usar para sus tablas de WordPress.

El nombre de su base de datos es el nombre de la base de datos que creó en phpMyAdmin. Si ha olvidado el nombre de su base de datos en esta etapa, puede volver a iniciar sesión en phpMyAdmin desde el panel de control de XAMPP y verlo allí.

El nombre de usuario de la base de datos debe establecerse como raíz y el campo de contraseña debe dejarse en blanco. El host de la base de datos debe permanecer como localhost . También puede cambiar el prefijo de la tabla si lo desea. Vale la pena hacerlo si planea crear varios sitios web de WordPress en su entorno local.

A continuación, se le pide que ejecute el asistente de instalación de WordPress.

Ahora puede ingresar el nombre de su nuevo sitio web de WordPress, su nombre de usuario y contraseña de administrador y su dirección de correo electrónico. Esta página también tiene una opción para disuadir a los motores de búsqueda de indexar su sitio web; aunque eso no es aplicable ahora ya que su sitio web está fuera de línea.

Cuando esté listo, haga clic en el botón "Instalar WordPress" .

WordPress ahora se ha instalado en su computadora y puede iniciar sesión en su nuevo sitio web.

El asistente de instalación de Bitnami WordPress lo dirigió al front-end de su sitio web. En cambio, el procedimiento de instalación manual de WordPress lo llevará a la página de inicio de sesión del administrador para que pueda ingresar a su área de administración de WordPress en http://localhost/yourwebsitename/wp-admin/ .

Ahora puede comenzar a usar su sitio web local de WordPress.

Aunque el módulo Bitnami WordPress simplifica la instalación de WordPress, instalar WordPress manualmente usando XAMPP no es nada complicado.

El método de instalación de Bitnami le evita tener que crear su base de datos de WordPress en phpMyAdmin y descargar la última versión de WordPress desde WordPress.org. Sin embargo, si instala WordPress manualmente, obtiene más control sobre cómo se configuran las cosas.

La decisión es tuya.

Pensamientos finales

Espero que hayas disfrutado este tutorial sobre cómo puedes crear un sitio web local de WordPress en tu computadora usando XAMPP.

Un sitio web local de WordPress es algo que los usuarios de WordPress pueden usar para pruebas, preparación de sitios web, desarrollo y más. Ya sea que instale WordPress manualmente o use el módulo Bitnami WordPress para simplificar el proceso de instalación, estoy seguro de que podrá seguir los pasos anteriores.

Vale la pena señalar que algunas aplicaciones, como Skype, pueden entrar en conflicto con XAMPP porque Apache usa el puerto 80. Encontrará tutoriales en línea sobre cómo resolver este problema, aunque si se enfrenta a este problema, normalmente es más rápido desinstalar XAMPP y instalarlo de nuevo. Buena suerte.