Cómo instalar WordPress en Xampp - Instalaciones locales más sencillas

how to install wordpress in xampp

Desea aprender WordPress sin comprar un nombre de dominio y alojamiento? ¿Le gustaría instalar WordPress en su ordenador local? ¿Quieres jugar con tu sitio web sin afectar a los clientes?

En ese caso, este artículo sobre cómo crear un sitio web local de WordPress usando XAMPP es justo lo que necesitas.

XAMPP es un software gratuito que puedes instalar en tu ordenador y que imita a un servidor web para poder ejecutar WordPress. Esto le permite diseñar su sitio web en su ordenador antes de subirlo a un entorno en vivo.

Antes de entrar en "cómo crear un sitio local de WordPress", vamos a entender por qué debemos crear una instalación local.

¿Por qué crear un sitio web WordPress localmente?

Recuerdo mis primeros días como desarrollador de sitios web.

A crear un sitio webEl primer paso sería crear un servidor en un ordenador local. Si el sitio web requiere una base de datos, el siguiente paso sería configurarla también.

En resumen, tendría que crear un entorno de desarrollo en mi sistema local.

Para ello, descargaría dos aplicaciones distintas, la del servidor web y la de la base de datos. Cada una tiene sus propios procedimientos de instalación y tienes que ejecutarlas de forma independiente para empezar a trabajar en tu sitio web. Antes de que te des cuenta habrás pasado un par de horas averiguando y configurando el entorno, ¡incluso antes de haber empezado a desarrollar el sitio web!

Lo que el desarrollo local le permite hacer es asegurarse de que tiene un modelo de trabajo de la página web en el servidor en vivo desde el primer día. Es una gran opción cuando se desea probar la funcionalidad a nivel local antes de que el mundo llegue a ver su sitio web.

Aprender WordPress sin dominio ni alojamiento

Otra razón para crear un sitio local de WordPress es si está empezando.

Si quieres aprender a usar WordPress, lo normal es que tengas que invertir en un nombre de dominio y alojamiento. Sí, también hay opciones gratuitas, como WordPress.com.

Pero, ¿permiten estas opciones gratuitas explotar todas las características y funcionalidades que ofrece WordPress.org? Pues no. Y ya hemos en comparación con WordPress.com y WordPress.org detalle a detalle.

Por lo tanto, si quieres aprender a usar WordPress sin invertir por adelantado en un dominio y alojamiento, lo mejor es crear una versión local de tu sitio.

En caso de que desee crear un sitio web de WordPress después de comprar un nombre de dominio y alojamiento, este artículo sobre Cómo crear un sitio web en WordPress debería ayudar.

Como ya te habrás dado cuenta, para crear un sitio web WordPress localmente, necesitamos configurar un servidor local. O en terminología de redes, necesitamos configurar un localhost.

¿Qué es Localhost?

Localhost se refiere a tu ordenador y a cómo accedes a él.

El localhost se utiliza para acceder a los servicios de red, como directorio, base de datos, correo electrónico, archivos, impresoras, que se ejecutan en el host a través de la interfaz de red loopback.

¿Demasiado técnico? Bueno, déjame que te lo explique.

El mecanismo de loopback puede utilizarse para ejecutar un servicio de red en un ordenador host sin necesidad de una interfaz de red física (es decir, hardware), como un puerto de red o un socket, o incluso un controlador de interfaz de red.

Por ejemplo, se puede acceder a un sitio web WordPress creado localmente desde el navegador mediante la URL 'http://localhost', siempre y cuando XAMPP, WAMP, DevKinsta u otro software se está ejecutando.

Como ocurre con cualquier nombre de dominio, el localhost también tiene un Dirección IP (Protocolo de Internet). Las direcciones IP van de 127.0.0.0 a 127.255.255.255. Sin embargo, la dirección loopback tiene una IP por defecto de 127.0.0.1.

Normalmente, cuando utilizas una dirección IP, estás intentando conectarte a un ordenador remoto a través de Internet.

Por ejemplo, al escribir wpastra.com en un navegador web, éste le dirige al servidor web de Astra y Página principal de Astra.

Sin embargo, con la dirección loopback, estás llamando al localhost, es decir, a tu ordenador.

Y, por el bien de este artículo, vamos a seguir adelante y configurar nuestro servidor local utilizando XAMPP.

Lo que nos lleva al siguiente tema.

¿Qué es XAMPP?

Aunque hemos explicado qué es localhost, no hemos explicado por qué necesitamos localhost.

WordPress está escrito con PHP (Hypertext Preprocessor). Al igual que WordPress, PHP también es de código abierto y es un lenguaje de programación y scripting muy utilizado para crear sitios web dinámicos e interactivos.

¿Y dónde cree que se almacenan todos los datos, como artículos de blog, detalles de productos, que aparecen en su sitio web? Ahí es donde entra en escena la base de datos MySQL.

MySQL es un DBMS (Sistema de Gestión de Bases de Datos) que es utilizado por WordPress para almacenar y recuperar toda la información de su sitio web.

De nuevo, al igual que WordPress y PHP, MySQL también es de código abierto.

Y por si acaso se pregunta qué es un código abierto.

Un software de código abierto es aquel cuyo código fuente está disponible gratuitamente y puede redistribuirse y modificarse para adaptarlo a sus necesidades.

Y para ejecutar PHP y MySQL, que a su vez son necesarios para hacer funcionar su sitio web WordPress, necesita un servidor web.

Sí, has acertado.

Para crear tu servidor web local, necesitarás instalar XAMPP.

xampp homepage

Como su sitio web pone a través de, XAMPP es un entorno de desarrollo PHP muy popular.

Para un novato, configurar los entornos Apache, PHP y MySQL individualmente en su ordenador local puede ser abrumador. Ahí es donde el uso de XAMPP ayuda.

XAMPP es un paquete de software completamente gratuito y fácil de instalar que te ayuda a configurar un entorno de servidor local.

Puede descargar el software para Windows, Linux y Mac.

¿Cómo instalar WordPress con XAMPP?

Los siguientes son los 3 sencillos pasos a seguir para instalar WordPress usando XAMPP

Paso 1: Descargue e instale XAMPP en su ordenador local
Paso 2. Descargue e instale WordPress en su ordenador local
Paso 3. Configurar la base de datos MySQL Configuración de la base de datos MySQL

En este artículo, vamos a seguir adelante e instalar XAMPP para que podamos utilizar el localhost en Windows y Mac.

Paso 1: Descargue e instale XAMPP en su ordenador local

Instalación de XAMPP en Windows

Visite el Sitio web de XAMPP y haz clic en 'XAMPP para Windows'. Se descargará un archivo de instalación (archivo EXE). Haga clic en el instalador y siga las instrucciones.

xampp setup 2

Puede dejar la configuración predeterminada como se muestra en la imagen siguiente.

xampp setup 3

Puedes decidir la carpeta donde quieres instalar XAMPP.

xampp setup 4

Por defecto, la unidad y carpeta de destino serán "C:\xampp".

xampp setup 5

Y el idioma por defecto será el inglés.

xampp setup 6
xampp setup 7

Haga clic en "Siguiente" cuando aparezca la ventana anterior, en la que se le preguntará Listo para instalar.

xampp setup 8

También es posible que se le solicite mediante una alerta de seguridad que permita el acceso a la instalación.

xampp setup 9

Haga clic en Permitir acceso para continuar.

xampp setup 10

Ya está. XAMPP ha sido instalado.

Al pulsar Terminarse abrirá el Panel de control.

xampp settings

El panel de control permite "Iniciar" y "Detener" los servicios correspondientes.

Haga clic en Inicio contra Apache y MySQL.

xampp settings for wordpress

Ahora, para comprobar si la instalación se ha completado correctamente, escriba http://localhost en tu navegador.

localhost successful installed

Tras la instalación, podrá acceder a la página de inicio anterior.

Ahora que hemos instalado XAMPP localmente en un sistema operativo Windows, veamos los pasos necesarios para instalar XAMPP localmente en Mac.

Instalación de XAMPP en Mac

Aunque los pasos son más o menos los mismos, hay algunas diferencias que debe tener en cuenta.

Para empezar, en lugar de hacer clic en la pestaña 'XAMPP para OS X' de la página de inicio, haz clic en el enlace 'Haz clic aquí para otras versiones' bajo 'Descargar'.

Download xampp for OS X 1

En algunos casos, el archivo de descarga por defecto después de hacer clic en el 'XAMPP para OS X', puede no funcionar. Por lo tanto, se recomienda seleccionar una versión diferente del archivo de descarga.

En la página 'otras versiones', desplázate hasta la sección 'XAMPP para OS X'.

Download xampp for OS X 2

Haga clic en Más descargas.

Se le redirigirá a un sitio web externo.

Download xampp for OS X 3

Seleccione XAMPP Mac OS X.

Y luego haga clic en '7.4.11'. Esta opción tendrá el máximo de descargas por semana.

Download xampp for OS X 4

Ahora, usted notará dos versiones del software.

El primero es 'xampp-osx-7.4.11-0-vm.dmg' y el otro es 'xampp-osx-7.4.11-0-installer.dmg'.

Download xampp for OS X 5

Seleccione instalador versión.

Una vez finalizada la descarga, haga doble clic en la imagen para iniciar el proceso de instalación.

xampp installation on Mac

Y luego, arrastra la carpeta XAMPP a la carpeta Aplicaciones.

Eso es todo. XAMPP está ahora instalado debajo del '/Aplicaciones/XAMPP' directorio.

Haga doble clic en XAMPP. Se le pedirá que proceda a abrir la aplicación. Haz clic en 'Abrir'.

Open xampp installation on Mac

Se iniciará el proceso de instalación y podrá seguir los siguientes pasos, que se explican por sí mismos, como se muestra a continuación.

xampp installation on Mac 1
xampp installation on Mac 2

En la ventana anterior, puede seleccionar o deseleccionar los componentes que desea instalar.

Los 'XAMPP Developer Files' pueden ser deseleccionados, si lo desea. Los 'XAMPP Core Files' son obligatorios y permanecerán seleccionados.

xampp installation on Mac 3
xampp installation on Mac 4
xampp installation on Mac 5
xampp installation on Mac 6
xampp installation on Mac 7

Una vez finalizado el proceso de instalación, ejecute XAMPP pulsando el botón "Finalizar".

Se abrirá la ventana de la aplicación, como se muestra.

xampp installation on Mac 8

Haz clic en "Ir a la aplicación" o escribe "http://localhost" en el navegador para comprobar si el proceso de instalación ha ido bien.

xampp successful installation on Mac

Si encuentras la página anterior, entonces, has instalado XAMPP con éxito en tu ordenador Mac local.

xampp manage servers on Mac

Vuelva a la ventana de la aplicación y haga clic en el botón Gestionar servidores ficha.

Observará que el 'Servidor Web Apache' se está ejecutando por defecto. Si no se está ejecutando, es posible que no pueda acceder a la página localhost. Para iniciar el servicio, basta con hacer clic en el botón "Iniciar". Del mismo modo, para detener el servicio Apache, haz clic en el botón "Detener".

Si bien vamos a cubrir esto en el siguiente paso, también me gustaría recomendar que inicie el Base de datos MySQL servicio.

Ahora que hemos instalado XAMPP en nuestro ordenador local, el siguiente paso es instalar WordPress.

Paso 2. Descargue e instale WordPress en su ordenador local

Descargue la última versión de WordPress (actualmente 5.5.3) desde WordPress.org.

Download WordPress

Se descargará un archivo 'wordpress-5.5.3.zip'. Extraiga el contenido del archivo.

WordPress Folder

Como se muestra en la imagen anterior, el contenido del archivo se ha extraído a una carpeta 'wordpress-5.5.3'. Sí, si tienes una versión diferente de WordPress, el nombre de la carpeta cambiará en consecuencia.

Ahora, copia la carpeta 'wordpress'. Esta carpeta contiene todos los archivos necesarios para crear un sitio web de WordPress.

Dirígete a la carpeta XAMPP.

XAMPP folder

En XAMPP, verás la carpeta 'htdocs'.

Sigue adelante y pega la carpeta 'wordpress' dentro de 'htdocs'.

Upload WordPress on XAMPP

Una vez que haya transferido la carpeta a 'htdocs', puede cambiarle el nombre por el que desee. Normalmente, puede nombrarla como el sitio web que está creando.

Por ejemplo, he renombrado la carpeta a 'wpastra', como se muestra en la imagen de arriba.

Ahora, para acceder a su sitio web de WordPress y verificar si la instalación se ha realizado sin errores, escriba la URL 'http://localhost/' en el navegador web. Donde '' es el nombre de la carpeta que has introducido.

Que en mi caso será "http://localhost/wpastra".

Si la instalación se ha realizado correctamente, aparecerá la siguiente página.

WordPress language setup using XAMPP

Seleccione el idioma de su preferencia y pulse continuar.

En la página siguiente, como se muestra a continuación, se le pedirá que introduzca los datos de su base de datos.

XAMPP enter WordPress database details prompt

¿Y cómo obtenemos exactamente los datos de la base de datos?

Pues bien, aquí es donde entra en juego nuestro último paso.

Y sólo para añadir, los pasos necesarios para instalar WordPress localmente en un Mac es el mismo hasta aquí.

Paso 3. Configurar la base de datos MySQL Configuración de la base de datos MySQL

Vuelve a la página principal de localhost, es decir, http://localhost. Se le redirigirá al Panel de control (http://localhost/dashboard).

XAMPP WordPress database setup 1

Haga clic en el botón phpMyAdmin en la esquina superior derecha de la página.

Se le dirigirá al panel de control 'phpMyAdmin'.

XAMPP WordPress database setup 2

En la parte izquierda, verá varios nombres de bases de datos existentes.

Para crear una nueva base de datos, haga clic en el botón Bases de datos en la parte superior.

XAMPP WordPress database setup 3

Introduzca un Nombre de la base de datos y haga clic en Crear.

XAMPP WordPress database setup 4

Por ejemplo, he creado una base de datos con el nombre 'wpastra'.

XAMPP WordPress database setup 5

Una vez creada la base de datos, vuelva a la página de instalación de WordPress y haga clic en "Vamos".

XAMPP WordPress installation database settings

Para empezar, introduzca el nombre de la base de datos que acaba de crear en "Nombre de la base de datos".

En cuanto al 'Nombre de usuario', introduzca el mismo que 'root'. El campo "Contraseña" puede dejarse vacío. Deje los dos campos restantes, es decir, 'Host de base de datos' y 'Prefijo de tabla', como los valores predeterminados. Que son 'localhost' y 'wp_' respectivamente.

Una vez completado, haga clic en Enviar.

XAMPP WordPress run installation

Ahora debería llegar a la siguiente página. Si es así, ¡su conexión a la base de datos funciona correctamente!

Haga clic en Ejecutar la instalación.

XAMPP WordPress installation settings

Introduzca el "Título del sitio", el "Nombre de usuario", la "Contraseña" y "Su dirección de correo electrónico".

Como se muestra en la imagen superior, he introducido los campos obligatorios.

Y luego, haga clic en Instalar WordPress.

WordPress succesfull installation on windows

Haga clic en Iniciar sesión una vez que la instalación se haya completado con éxito.

WordPress login page

Y podrás ver tu pantalla de inicio de sesión de WordPress.

Introduzca el nombre de usuario y la contraseña que acaba de crear.

Wordpress installation using XAMPP

Y ¡voilá! Estás en el panel de WordPress. Has creado un sitio web local de WordPress usando XAMPP.

Puede acceder a su sitio web introduciendo la URL, que para este ejemplo es http://localhost/wpastra.

WordPress website on XAMPP

Adelante, instale sus temas, los plugins, pruebe las funcionalidades completas y cree su sitio web WordPress localmente. La instalación local funciona exactamente igual que una versión alojada.

Artículos relacionados

  1. ¿Cómo instalar Astra Theme?
  2. ¿Cómo instalar el plugin Starter Templates (gratuito)?
  3. El mejor tema gratuito para Elementor
  4. Cosas que hacer después de instalar el sitio de WordPress

Configuración de MySQL en Mac

Aunque la mayoría de los pasos mencionados anteriormente para configurar MySQL y crear la base de datos localmente en el sistema operativo Windows son los mismos, hay un par de diferencias a tener en cuenta.

Y los pasos a tener en cuenta son después de introducir los detalles de la base de datos.

XAMPP WordPress database settings for Mac

Como se muestra arriba, los pasos hasta aquí son los mismos que los explicados anteriormente.

Una vez introducidos los datos de la base de datos, pulse Enviar.

Ahora se encontrará en una página, como se muestra a continuación, con un poco de código PHP.

XAMPP WordPress installation on Mac wp config settings

Tendrás que copiar el código resaltado arriba y crear un archivo wp-config.php.

Alternativamente, si compruebas la carpeta 'wordpress' que transferiste a la carpeta XAMPP, verás un archivo llamado 'wp-config-sample.php'.

wp config file setting for Mac OS

Abra este archivo en un editor de texto de su elección. Borra el contenido del archivo y sustitúyelo por el código que acabas de copiar. Y guarda el archivo.

Una vez completado este paso, cambie el nombre del archivo a 'wp-config.php'.

A continuación, vuelva al proceso de instalación y haga clic en Ejecutar la instalación.

XAMPP WordPress installation settings

Los pasos restantes son los mismos que se han cubierto anteriormente al configurar MySQL para el sistema operativo Windows.

WordPress succesfull installation on windows

Y habrás instalado con éxito WordPress localmente en tu sistema Mac también.

Resolución de problemas comunes durante la instalación de XAMPP y WordPress

Puede que haya tenido suerte al instalar XAMPP y WordPress mientras creaba este artículo. Sin embargo, si te enfrentas a cualquier problema durante la instalación, aquí hay enlaces a algunos problemas comunes y sus soluciones.

  1. Preguntas frecuentes sobre XAMPP para Windows
  2. Preguntas frecuentes sobre XAMPP para OS X
  3. XAMPP instalado, cómo añadir WordPress

Conclusión

Como se menciona en este artículo, si desea crear un sitio local de WordPress y probar sus funcionalidades antes de hacer el sitio en vivo, es una buena práctica para configurar WordPress localmente.

Y ahora que hemos cubierto cómo crear un sitio local de WordPress usando XAMPP tanto en el sistema operativo Windows como en el Mac, suponemos que debería ser fácil para ti seguir adelante.

Instalación de WordPress en el alojamiento ¡también es pensamiento fácil!

Nos gustaría conocer tu opinión. Háganos saber si usted ha sido capaz de configurar su sitio de WordPress a nivel local utilizando los pasos mencionados anteriormente.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

16 comentarios
  1. Ellen Curtis Profile Pic

    Esto es perfecto para un novato como yo, he probado alojamiento gratuito de WordPress, pero Dios eran tan lento y molesto.
    Si estás aprendiendo WordPress, entonces opta por esto.

  2. Ralph Profile Pic

    Tengo esto hecho, obtener un pequeño error, pero se resolvió en poco tiempo.
    Parece algo técnico, pero no lo es. Sólo tienes que seguir los pasos y asegúrese de leer todo.

    1. Team Astra Profile Pic

      ¡En efecto, Mike!

      XAMPP es un gran software que funciona bien en Mac y Windows. Mientras que Laragon sólo funciona en Windows a partir de ahora 🙂 ...

      Gracias por la idea, consideraremos la posibilidad de escribir también un artículo sobre Laragon.

  3. Christopher Marc Giesler Profile Pic
    Christopher Marc Giesler

    Tengo una pregunta al respecto. Supongamos que sigo estas instrucciones y crear un sitio en mi localhost. ¿Y después qué? Eventualmente necesitaría portar ese sitio a un servidor web real. ¿Cómo lo haría?

  4. Ayush Profile Pic

    Quiero crear un sitio web para un cliente. Estoy usando un tema de pago. En primer lugar voy a hacer la modificación y configuración en el host local y luego migrar el sitio en los clientes de alojamiento y dominio.

    Mi pregunta es ¿puedo comprar el tema Astra premium y hacer los cambios primero en local y luego desplegarlo?

    1. Team Astra Profile Pic

      Hola Ayush, sí seguro que puedes importar cualquiera de nuestras plantillas en un entorno Local o Staging y migrar a un entorno vivo sin ningún problema 🙂 .

  5. Herve Lindsay Hope Profile Pic
    Herve Lindsay Esperanza

    ¡Hola a todos desde Soporte!

    Me gustaría saber, dado que estoy usando un Dell 11 3180 Netbook con una capacidad muy limitada de disco duro de 25 Gb en este momento, si puedo descargar e instalar XAMPP, WordPress y la base de datos MySQL en mi disco duro SSD secundario de 250 GB y ejecutarlos desde allí. Si este proceso no se ejecuta sin problemas, me gustaría obtener una guía de usted acerca de cómo prevenir cualquier problema - gracias.

    Gracias por su respuesta por correo electrónico + Que tenga un buen día,

    Herve.

    1. Team Astra Profile Pic

      Hola, depende de la XAMPP y el uso de memoria si es capaz de manejar esta configuración en los recursos limitados.

      Además, puedes probar Laragon[laragon[dot]org/download/index.html], que puede ayudarte con la instalación local o la configuración de WordPress.

  6. Steve Profile Pic

    Hola Sujay,

    ¿Se puede cargar WordPress localmente en un portátil Ubuntu Linus 22.04?

    Tengo XAMPP 8.1.2-0 cargado con MySQL DB, que en realidad es 10.4.22-MariaDB.

    Tengo varias bases de datos. He creado una nueva para WordPress y no puedo ejecutar WordPress.
    Recibo este error "Error al establecer una conexión con la base de datos"

  7. Barry Profile Pic

    OMG lo que es un excelente doc. Yo estaba tratando de hacer WP en Xampp de videos, pero nunca podía recordar los pasos. Este documento era exactamente lo que necesitaba - funciona muy bien. Se debe incluir con descargas Xampp.

    Muchas gracias por su esfuerzo
    saludos
    Barry

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio