Una vez que haya experimentado velocidad y confiabilidad, no hay vuelta atrás. ¿Recuerdas la era anterior a Internet de alta velocidad, cuando tenías que esperar a que los videos se almacenaran en búfer? Tiempos horribles. ¡Tres hurras por las velocidades de Internet modernas!
Si está acostumbrado a desarrollar sus sitios en un servidor en vivo, eso es exactamente lo que se sentiría al cambiar a un entorno de desarrollo local como XAMPP. Desarrollo ultrarrápido y fiabilidad excepcional. Nunca puedes volver a las viejas costumbres.
En esta publicación, te mostraré cómo instalar XAMPP en tu PC con Windows y tener un sitio de WordPress (incluido Multisitio) ejecutándose en él en solo unos minutos. También cubriré algunos problemas comunes que puede encontrar y cómo superarlos.
Pongámonos en marcha.
Si prefieres un video, ¡lo tenemos cubierto!
- ¿Qué es XAMPP?
- ¿Por qué XAMPP?
- ¿Por qué XAMPP para WordPress?
- Instalemos XAMPP en Windows
- Paso 1: Descargue XAMPP
- Paso 2: Instalar XAMPP
- Nota De Instalación 1: Desactivar UAC en Configuración de Windows
- Nota de instalación 2: Desactivar Temporalmente Antivirus y / o Firewall
- Paso 3: Abra el Panel de control XAMPP
- Paso 4: Inicie los módulos Apache y MySQL
- Probando su instalación de XAMPP
- Instalación local de WordPress con XAMPP
- Paso 1: Cree una Nueva Base de datos MySQL para su Instalación de WordPress
- Paso 2: Descargue e instale WordPress
- Configuración local de WordPress Multisitio con XAMPP
- Paso 1: Habilite WP Multisitio en su wp-config.Archivo php
- Paso 2: Configure su Red Multisitio
- Paso 3: Siga las Instrucciones en pantalla de WordPress
- Solución de problemas comunes con XAMPP & WordPress
- XAMPPing Up
¿Qué es XAMPP?
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/XAMPP_Intro.png)
En pocas palabras, XAMPP es un servidor local que puede instalar en su computadora portátil/escritorio para imitar un servidor web real.
Es una distribución de servidor Apache de código abierto completamente gratuita con MariaDB (anteriormente MySQL), PHP y Perl. XAMPP está disponible para todos los sistemas operativos principales, y es extremadamente fácil de instalar y usar. Esto explica por qué es el entorno de desarrollo PHP más popular.
Esto es lo que representan los alfabetos de XAMPP:
- X — multiplataforma (X), ya que admite múltiples sistemas operativos
- Servidor HTTP A-Apache
- M — MariaDB (anteriormente MySQL)
- P — PHP
- P — PERL
Además de los componentes principales mencionados anteriormente, XAMPP por lo general, viene con otras herramientas útiles como Mercury mail server, phpMyAdmin para la administración de bases de datos, Webalizer para el análisis de registros de servidores web, OpenSSL, Apache Tomcat para ejecutar código Java y servidor FTP FileZilla.
¿Por qué XAMPP?
Como desarrollador profesional de WordPress, no puedo enfatizar lo suficiente lo beneficioso que es tener un entorno de desarrollo local. Me permite configurar nuevas instalaciones de WordPress en un santiamén. Y como está alojado localmente en mi computadora, no hay demora en cargar mis cambios y verlos cobrar vida en el navegador.
¿Quieres probar un nuevo tema? Simplemente cópielo y péguelo en su directorio wp-content/themes
. Y bam! Se carga al instante. Lo mismo con los complementos y el cambio de cualquier configuración. Sin retrasos en el servidor, sin problemas de carga, sin tiempos de espera innecesarios. Todo sucede en tiempo real.
Es como llevar tu coche a una pista de carreras y llevarlo al límite. El entorno de pruebas perfecto para enloquecer sin repercusiones (bueno, casi).
Con XAMPP instalado en mi PC, puedo seguir trabajando en mi sitio incluso si estoy en una ubicación remota sin conectividad. El desarrollo local también es muy seguro, ya que su sitio está fuera de línea y lejos de las miradas indiscretas de los hackers (y los clientes molestos).
¿Por qué XAMPP para WordPress?
Al igual que todo el software, WordPress tiene ciertos requisitos previos para ejecutarse. Los requisitos de WordPress recomendados actualmente son:
- PHP versión 7.3 o superior
- MySQL versión 5.6 o superior O MariaDB versión 10.1 o superior
- Soporte HTTPS
- Servidor Apache O nginx
XAMPP marca todas las casillas enumeradas anteriormente. Es gratis, confiable, fácil de usar y funciona en todas las plataformas principales. No puedes equivocarte.
Instalemos XAMPP en Windows
Paso 1: Descargue XAMPP
Comience descargando la última versión de XAMPP desde el sitio web de Apache Friends. La versión actual y actualizada de XAMPP es 7.3.8 / PHP 7.3.8.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Download_XAMPP.png)
Nota: Si está utilizando Linux u OSX, los pasos de instalación son prácticamente los mismos. Solo asegúrese de descargar la versión adecuada de XAMPP para su sistema operativo.
Paso 2: Instalar XAMPP
Una vez descargado, ejecute el archivo de instalación de XAMPP.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Setup_XAMPP_Windows.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/XAMPP_UAC_Warning.png)
Seleccione los componentes que desea instalar. Si está planeando instalar un sitio de WordPress con XAMPP, solo necesita Apache, MySQL, PHP y phpMyAdmin. Comprobaré todos los componentes, ya que me gustaría experimentar con ellos más tarde.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Select_XAMPP_Components_to_Install.png)
Elija el directorio de instalación de XAMPP (recomendado por defecto).
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/XAMPP_Installation_Directory.png)
Desmarque la opción Aprender más sobre Bitnami. Bitnami proporciona herramientas todo en uno para instalar aplicaciones populares de código abierto sobre XAMPP. Esto incluye módulos adicionales para instalar WordPress también. Sin embargo, lo instalaremos manualmente aquí.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/XAMPP_Apache_Windows_Security_Alert_Defender_Firewall.png)
Es posible que se le presente una alerta de seguridad de Windows al final de la instalación. Debe incluir el servidor HTTP Apache en la lista blanca de su firewall de Windows Defender haciendo clic en el botón Permitir acceso. Asegúrese de marcar la opción «Redes privadas, como mi red doméstica o de trabajo». Esto es muy importante. XAMPP no funcionará si no marca esto y hace clic en Permitir acceso.
Complete la configuración y ejecute el Panel de control XAMPP.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Complete_XAMPP_Setup_Run_Control_Panel.png)
Nota De Instalación 1: Desactivar UAC en Configuración de Windows
Es posible que Windows le presente una advertencia de Control de Acceso de Usuario (UAC). Nada de qué preocuparse. Solo asegúrese de no instalar XAMPP bajo su directorio Program Files
, ya que UAC puede interferir con los permisos de escritura de XAMPP en este directorio. El directorio de instalación predeterminado es C:\XAMPP
. Así que, si no lo cambias, deberías ser bueno.
Si desea aprender a desactivar UAC (no se recomienda a menos que sea absolutamente necesario), el soporte de Microsoft Windows es un buen lugar para comenzar.
Nota de instalación 2: Desactivar Temporalmente Antivirus y / o Firewall
Algunos programas antivirus o firewall pueden causar problemas con la instalación de XAMPP. Si ese es el caso, se sugiere que los desactive temporalmente hasta que XAMPP se instale correctamente.
Lea la página de preguntas frecuentes de Windows de XAMPP para obtener más información.
Paso 3: Abra el Panel de control XAMPP
El Panel de Control XAMPP cuenta con una interfaz de usuario sencilla que enumera todos los módulos de su servidor local. Le permite Iniciar / Detener módulos individuales, acceder a su área de administración, archivos de configuración y Registros con un solo clic. Su sección inferior también muestra todas sus acciones y errores (si los hay).
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/The_XAMPP_Control_Panel.png)
Además de las opciones mencionadas anteriormente, el Panel de control XAMPP también cuenta con otros botones en su lado derecho:
- Configuración: para configurar la configuración general de XAMPP
- Netstat: muestra todas las conexiones TCP activas (y puertos) en su computadora
- Shell: inicia XAMPP en una línea de comandos personalizada (CMD)
- Explorador: abre la carpeta raíz de XAMPP en el explorador de Windows
- Servicios: muestra todos los servicios de Windows en Microsoft Management Console
- Ayuda: enlaces al Foro de soporte de Apache Friends
- Salir: salir del Panel de control de XAMPP (el servidor continuará ejecutándose en segundo plano)
Paso 4: Inicie los módulos Apache y MySQL
Haga clic en el botón Inicio junto al módulo Apache. Si todo está configurado correctamente, su servidor Apache debería iniciarse correctamente en los puertos 83 y 443.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Start_Apache_Server_XAMPP.png)
Puede acceder al panel de control de su servidor Apache haciendo clic en el botón Administrador que se encuentra junto a él. Alternativamente, también puede llegar a él a través de la URL http://localhost/dashboard/ en su navegador.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/XAMPP_Apache_Dashboard.png)
A continuación, inicie el módulo MySQL. Si se le presenta una alerta de seguridad de Windows para incluir mysqld en la lista blanca.exe, haga clic en Permitir acceso. Como antes, asegúrate de haber marcado la opción «Redes privadas, networks».
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Start_MySQL_Server_XAMPP.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/MySQLd_EXE_Firewall_Allow_Access.png)
Puede acceder a su panel de control de phpMyAdmin haciendo clic en el botón Administrador junto al módulo MySQL. O simplemente puede ir a http://localhost/phpmyadmin/ en su navegador. Aquí, puede administrar las bases de datos MariaDB (o MySQL) de sus proyectos web.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Access_phyMyAdmin_MySQL_Dashboard.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/phpMyAdmin_Dashboard.png)
Esto concluye la configuración de XAMPP como su entorno de desarrollo local. Ahora está listo para alojar cualquier software basado en PHP (por ejemplo, WordPress).
Probando su instalación de XAMPP
La mejor manera de comprobar si su servidor local se ha instalado y configurado correctamente es crear una página de prueba de PHP, colocarla en la carpeta localhost de XAMPP y luego intentar acceder a ella a través de su navegador.
Hagámoslo ahora. Cree una nueva carpeta llamada test en su directorio C:\xampp\htdocs\
. También se puede acceder fácilmente a este directorio haciendo clic en el botón Explorador en el Panel de control de XAMPP y luego yendo a la carpeta htdocs.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Test_Folder_htdocs_XAMPP.png)
Cree un archivo llamado prueba.php con el código de abajo y colóquelo en la carpeta C:\xampp\htdocs\test
.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Test_PHP_Test_Folder_htdocs_XAMPP.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Test_PHP_File_Code.png)
Intente visitar http://localhost/test/test.php en su navegador. Si muestra las palabras » Hello World! Bienvenido a WPMU DEV», luego XAMPP se instala y configura correctamente en su sistema.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/PHP-test-Hello-World.png)
Instalación local de WordPress con XAMPP
Paso 1: Cree una Nueva Base de datos MySQL para su Instalación de WordPress
Antes de instalar WordPress, necesitamos una base de datos.
En el Panel de control de XAMPP, haga clic en el botón Admin de la sección MySQL. Se abrirá automáticamente una nueva ventana del navegador con la interfaz del panel de control de phpMyAdmin. Haga clic en Bases de datos cerca de la parte superior izquierda.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Database_Creation_phpMyAdmin.png)
ahora se le pedirá que cree una nueva base de datos. He llamado al mío wpmudev.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/phpMyAdmin_Create_Database.png)
Una vez que hayas introducido un nombre, haz clic en Crear y cierra la ventana.
Paso 2: Descargue e instale WordPress
Descargue la última versión de WordPress.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Download_WordPress.png)
Descomprima WordPress en la carpeta correcta en XAMPP. En mi caso, es C:/xampp/htdocs
. Cámbiale el nombre a lo que quieras, pero se recomienda darle a esta carpeta el nombre de tu sitio. Voy a llamar a esta instalación de WordPress wptest.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/wptest_WordPress_folder_Location.png)
Ahora, entra en la carpeta WP de tu sitio, encuentra el wp-config-sample.archivo php, y cámbiale el nombre wp-config.php.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Rename_wp-config-sample_PHP_File.png)
Abra el archivo y desplácese hacia abajo hasta que vea las siguientes líneas:
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/wp-config-php_Setup_Database_Connection.png)
Estas líneas de código definen los detalles de inicio de sesión de su base de datos. Actualícelos según las instrucciones a continuación:
- Reemplace «database_name_here» con el nombre de su base de datos, que en mi caso es wpmudev.
- Reemplace » username_here «por» root «y edite el campo» password_here » para que esté vacío.
- Guarde el archivo y ciérrelo
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/wp-config-php_Setup_Database_Connection_Edited.png)
podemos continuar con nuestra instalación de WordPress ahora. Abra su navegador y vaya a http://localhost/wptest/.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Browser_Local_WordPress_Installation_Folder.png)
Debería ver la carga de la pantalla de selección de idioma de la instalación de WordPress.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/WordPress_Installation_File_Language_Selection_Screen.png)
Una vez que haya elegido su idioma, continúe en la siguiente pantalla. Ingrese el título de su sitio, el nombre de usuario de administrador y los detalles de la contraseña. Haz clic en Instalar WordPress.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Famous_5_Minute_WordPress_Installation.png)
Felicidades, has instalado WordPress correctamente en tu servidor local.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Fresh_WordPress_Installation_Dashboard.png)
Configuración local de WordPress Multisitio con XAMPP
Paso 1: Habilite WP Multisitio en su wp-config.Archivo php
Abra su wp-config.archivo php y agregue la siguiente línea justo encima de la línea que dice / * Eso es todo, ¡deje de editar! Feliz publicación. */.
define('WP_ALLOW_MULTISITE', true)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Enable_WP_Multisite_Installation.png)
Esto activará el modo de instalación Multisitio en su sitio de WordPress.
Paso 2: Configure su Red Multisitio
Vaya a su panel de WordPress y, a continuación, a Herramientas > Configuración de red.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/WordPress_Tools_Network_Setup.png)
Introduzca un nombre para su red de varios sitios y su dirección de correo electrónico de administrador de red. A continuación, haga clic en Instalar.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Creating_WordPress_Network_Sites.png)
WordPress ahora te pedirá que edites tu wp-config.php y .archivos htaccess.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Network_Site_Add_Code_wp-config-php.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Network_Site_Replace_Code_htaccess.png)
Paso 3: Siga las Instrucciones en pantalla de WordPress
Abra su wp-config.php de nuevo y agrega el código dado por WordPress debajo de tu edición anterior.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Network_Site_Add_Code_wp-config-php_Code.png)
Siguiente, abierto .archivo htaccess y reemplace todo su código con el dado por WordPress (Nota: tendrá que reemplazar el contenido completamente aquí, no solo agregar/editar).
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Create_Network_Site_Replace_Code_htaccess_Code.png)
Si no puedes encontrar el .archivo htaccess, asegúrese de habilitar la configuración de mostrar archivos ocultos en su computadora. Si aún no puede encontrarlo, cree uno en el mismo directorio que su wp-config.archivo php.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/htaccess_file_location.png)
Multisitio ahora debe activarse correctamente en su instalación de WordPress.
tendrás que volver a iniciar sesión. Y cuando lo haga, podrá acceder a sitios individuales en su red de varios sitios desde su panel de control.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Multisite_Network_Individual_My_Sites.png)
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Multisite_Network_Individual_Sites-Panel.png)
Usted también puede crear un nuevo sitio de red desde aquí haciendo clic en el botón Agregar Nuevo.
![](https://wpmudev.com/blog/wp-content/uploads/2019/03/Creating_a_Network_Site_Plugins.png)
Solución de problemas comunes con XAMPP & WordPress
Aunque mi instalación de XAMPP y WordPress no tuvo problemas, no todos tienen tanta suerte. XAMPP puede lanzarte una bola curva en cualquier etapa de la instalación de its y WordPress. Estos son algunos problemas comunes asociados con XAMPP (haga clic para ir a su solución):
- No se puede Instalar XAMPP en Windows
- Apache No Se iniciará Sin los Puertos Configurados
- No se pueden Agregar o Importar Elementos de menú Adicionales (el mismo enlace anterior)
- Tiempo máximo de ejecución de PHP Excedido (el mismo enlace anterior)
- Tamaño máximo de archivo Excedido (el mismo enlace anterior)
- ¡encontrado! Error
- Error: Apagado inesperado de Apache
- Error cURL 60: Problema con el certificado SSL
XAMPPing Up
XAMPP le permite configurar fácilmente un entorno de servidor local en su máquina Windows. Lo mejor de todo es que es completamente gratuito y de código abierto. Una vez instalado, olvidarás que incluso está allí. Incluso puede instalar XAMPP en una unidad USB junto con WordPress.
Con XAMPP, puede desarrollar y probar sitios de WordPress rápidamente en su sistema, en lugar de hacerlo de la manera difícil en un sitio en vivo. Puede probar diferentes temas y complementos, probar sus diversas funciones y experimentar con muchos otros aspectos de su sitio sin sudar.
Además, también puede instalar tantas instancias de WordPress como desee (incluidos varios sitios). ¡Quién sabía que el dicho «piensa global, actúa localmente» también es válido para el desarrollo web!