Cómo instalar WordPress en Localhost: paso a paso desde cero

Publicado: 2023-05-03

El equipo de desarrollo de WordPress hace que sea simple y directo desarrollar en su sitio en vivo. Sin embargo, esta no es la mejor manera de realizar cambios y podría hacer que su sitio se desconecte, mostrar cambios a los usuarios finales que no espera y más. Una forma más segura de realizar cambios es mediante el uso de un entorno de desarrollo local, también conocido como "localhost". Puede aprender a instalar WordPress en localhost usando algunas formas diferentes según sus preferencias, nivel de habilidad y flujo de trabajo deseado.

como instalar wordpress en localhost

Para esta publicación, le mostraremos cómo instalar WordPress en localhost . Las instrucciones cubrirán Windows, macOS e incluso Linux. Esto significa que, independientemente de su sistema operativo (SO), podrá seguirlo.

Cómo instalar #WordPress en #localhost: paso a paso desde cero
Haz clic para twittear

Por qué querrías instalar WordPress en localhost

La mayoría de los desarrolladores tendrán un flujo de trabajo estricto y repetible que los ayudará a llevar un sitio web desde el archivo ZIP de instalación de WordPress a una instancia en vivo completa. Si bien puede volverse complejo con esto, hay tres puntos de contacto a tener en cuenta:

  • vivir Este es el sitio al que navegaría en la web, y no debería haber ningún cambio que haga aquí. Esto se debe a que no desea que sus usuarios finales vean estos cambios, especialmente si salen mal. En el peor de los casos, es posible que su sitio deba desconectarse mientras arregla las cosas, lo que puede afectar las cifras de tráfico y los ingresos potenciales futuros.
  • puesta en escena Este es un servidor en vivo que contiene su sitio, pero lo ocultará del público. Esto le permite probar los cambios que realiza sin un impacto negativo en su sitio en vivo. Además, puede intentar detectar errores y errores que se produzcan debido a la arquitectura del servidor de destino.
  • locales Verá que "localhost" se usa mucho en este artículo, pero en términos breves, es su computadora. Este no es un servidor en vivo, y solo usted puede ver el sitio. Sin embargo, para lograr esto, deberá crear un entorno de desarrollo local en su computadora.

Es importante utilizar los tres "estados" para desarrollar su sitio, y el entorno local puede ser el más importante. Esto le da todo el tiempo que necesita para crear su sitio, sin utilizar los recursos del servidor ni darle la sensación de estar "en el reloj".

Los métodos que puede usar para instalar WordPress en localhost

Tiene algunos enfoques diferentes para crear un entorno de desarrollo local. Hay todo tipo de herramientas disponibles, y cada una instalará todos los requisitos previos que necesita en su mayor parte. Por ejemplo, XAMPP (que cubriremos en un minuto) incluye lo siguiente:

  • X : soporte multiplataforma.
  • R : El tipo de servidor Apache.
  • M : Compatibilidad con bases de datos MySQL o MariaDB.
  • P : Soporte de PHP.
  • P : Compatibilidad con secuencias de comandos Perl.

Sin embargo, existen otras herramientas que abstraen esto bajo el capó y también brindan un mayor soporte para las pruebas de correo electrónico y más. En el resto del artículo, le mostraremos los pasos generales para cada método. Al final, sabrá cómo instalar WordPress en localhost de varias maneras diferentes.

Cómo instalar WordPress en localhost (4 herramientas, 4 tutoriales)

Vamos a darte cuatro tutoriales diferentes aquí. No estarán en ningún orden, ya que cada uno podría ser adecuado para ti. Aquí hay una lista de las herramientas que usaremos para mostrarle cómo instalar WordPress en localhost:

  1. XAMPP .
  2. Un entorno de desarrollo local de escritorio , como Local o DevKinsta.
  3. Valet de Laravel .
  4. VVV .

En primer lugar, vamos a ver un viejo baluarte del desarrollo local.

1. XAMPP

XAMPP representa una de las primeras formas disponibles para configurar un entorno de desarrollo local. Si bien esta versión es multiplataforma, y ​​como tal, puede usarla con cualquier sistema operativo (SO), existen otras versiones que apuntan a sistemas operativos específicos: MAMP y WampServer, por ejemplo.

La interfaz MAMP Pro.

Sin embargo, tenga en cuenta que todas estas versiones no son de un solo desarrollador, lo que podría confundirlo. En muchos casos, a los desarrolladores les gusta crear su propia "pila" a partir de las partes constituyentes. Estas aplicaciones buscan agrupar los componentes que necesita en un solo paquete de instalación.

Aun así, la experiencia del usuario (UX) de XAMPP está "superada" en comparación con las otras opciones en esta lista. Sin embargo, para aquellos con un conocimiento profundo de XAMPP, será la aplicación número uno. Uno de sus beneficios es la capacidad de personalización. Esto significa que puede intercambiar tipos de bases de datos, clientes de correo electrónico y mucho más. Sin embargo, el proceso de instalación es tan sencillo como usar su instalador de descarga para su sistema operativo:

La sección de descargas en el sitio web de XAMPP.

Una vez que esto esté completo, asegúrese de ejecutar todo en la pestaña Administrar servidores en el panel XAMPP: ¡el verde es bueno!

Administrar servidores en el panel de control de XAMPP.

A partir de ahí, pruebe la conexión usando http://localhost en su navegador, que debería mostrar un tablero:

Ejecutar el panel de XAMPP en un navegador web.

También querrá instalar una base de datos, ya que XAMPP no lo hará por usted. Cubrimos esto en nuestra publicación sobre cómo mover un sitio web a un nuevo proveedor de alojamiento.

️ Instalación de WordPress

Para instalar WordPress, puede descargar el archivo ZIP desde el sitio web de WordPress.org.

De vuelta en XAMPP, diríjase a la pestaña Bienvenido y seleccione Abrir carpeta de aplicaciones . Esto abrirá su directorio de inicio, htdocs :

La interfaz XAMPP que muestra el botón Abrir carpeta de aplicaciones.

En el interior, asigne a un nuevo directorio un nombre descriptivo para su sitio, luego extraiga el archivo ZIP de WordPress. Querrá asegurarse de que el nivel superior del directorio contenga sus archivos, ya que a veces el proceso de extracción puede crear su propio directorio de inicio:

Un directorio local completo con archivos y carpetas de WordPress.

Luego, diríjase a localhost/<su-sitio>/wp-admin/setup-config.php dentro de su navegador (y reemplace el marcador de posición con el nombre del directorio de su propio sitio). Esto comenzará el proceso de instalación de WordPress:

El asistente de instalación de cinco minutos de WordPress.

Desde aquí, tendrás algunos campos para completar. El primero requiere las credenciales de su base de datos:

Ingresar las credenciales de la base de datos para un nuevo sitio web de WordPress.

A continuación, abra un nuevo archivo de texto con el editor que desee y copie en él el texto de la pantalla:

Copia de datos para un archivo wp-config.php durante el proceso de instalación de WordPress.

Guarde este archivo como texto sin formato, cámbiele el nombre a wp-config.php y muévalo a la carpeta htdocs de su sitio. Desde aquí, haga clic en el botón para instalar WordPress. El paso final es completar algunos campos más sobre su sitio, luego haga clic para instalar WordPress:

Agregar nuevos detalles del sitio para un nuevo sitio web de WordPress.

Hay mucho que hacer aquí, y el tiempo de configuración puede perjudicarlo, especialmente si encuentra un error. Aquí es donde entra en juego nuestro próximo método sobre cómo instalar WordPress en localhost.

2. Una aplicación dedicada

Uno de los avances más recientes en el desarrollo local de WordPress viene en forma de aplicaciones. Estos le brindan una interfaz gráfica de usuario (GUI) agradable para mirar, mientras busca incluir casi todo lo que necesita debajo del capó.

Lamentablemente, la primera aplicación de este tipo, DesktopServer, ya no está activa. Realmente solo hay dos alternativas: Flywheel's Local y Kinsta's DevKinsta. Ambos ofrecen un conjunto similar de características y funcionalidades en el sentido de que tiene una forma de hacer un clic mínimo para configurar una instalación completa de WordPress. Esto significa que no necesita preocuparse por las dependencias, la gestión de bases de datos, el correo electrónico o cualquier otro aspecto asociado.

Otro beneficio es que puede impulsar su sitio de local a vivo siempre que su servidor use Flywheel o WPEngine (para Local) o Kinsta (para DevKinsta). Esto puede devolverle aún más tiempo y, por esta razón, una aplicación dedicada. se adaptará a la mayoría de los usuarios.

️ Instalación de WordPress

Usaremos Local como nuestra aplicación preferida aquí para mostrarle cómo instalar WordPress en localhost. Al principio, la interfaz estará en blanco y, a menudo, habrá un botón visible para hacer clic para iniciar el proceso de instalación. Para Local, hay un icono Más en la esquina inferior izquierda:

La interfaz de la aplicación local.

Esto inicia un asistente que primero le pide que cree un nuevo sitio o use un "Blueprint". Considere estas plantillas para los sitios que creará regularmente:

Elegir un método para crear un nuevo sitio usando Local.

A continuación, asigne un nombre a su sitio...

Agregar un nombre de sitio para un nuevo sitio dentro de Local.

…entonces elige un entorno para tu sitio:

Elegir un entorno de servidor para un nuevo sitio dentro de Local.

Para la mayoría de los casos, la opción Preferida es la mejor para usar. La pestaña Personalizar le permite seleccionar el número de versión de PHP, el tipo de servidor web y el tipo de base de datos exactos para su instalación. Es útil elegir opciones similares a su propio sitio.

Desde aquí, haga clic para confirmar y Local instalará WordPress por usted.

3. Servicio de valet de Laravel

El resto de esta publicación analizará las herramientas de línea de comandos a las que accederá mediante una aplicación Terminal. Laravel Valet es una opción fantástica que recomendamos si te sientes cómodo ejecutando comandos. Piense en ello como un buen equilibrio entre XAMPP y Local/DevKinsta, aunque sin una GUI.

Hay dos grandes beneficios con Valet. En primer lugar, es pequeño y eficaz. En segundo lugar, puede usar nombres de dominio dedicados, en lugar de una cadena de direcciones IP como XAMPP. Sin embargo, un gran inconveniente es que Valet solo es compatible con macOS.

También querrá usar el administrador de paquetes Homebrew para ese sistema operativo para instalar dependencias para Valet (como PHP y Composer). La documentación oficial de Valet tiene las instrucciones completas para esto. También tendrá que configurar una base de datos. MariaDB es sencillo y es algo que puede usar con Homebrew. Una vez que esté dentro, puede usar el comando create database <name> para agregar una nueva base de datos.

️ Instalación de WordPress

La mayor parte del proceso para instalar WordPress usando Valet implica desplazarse por sus directorios. Si bien no necesita usar la línea de comando para estas partes, es más sencillo hacerlo. Independientemente, hay tres comandos para usar primero:

mkdir websites cd websites valet park

Esto configurará el directorio de sitios web como la carpeta raíz de Valet. A continuación, cree otro directorio dentro de la carpeta raíz de Valet y navegue hasta él usando la línea de comando. Desde aquí, use los siguientes cuatro comandos para instalar WordPress en localhost:

git clone https://github.com/WordPress/WordPress.git < folder-name > cd < folder-name > valet link < folder-name > valet secure < folder-name >
Lenguaje de código: HTML, XML ( xml )

A su vez, esto clona la última versión oficial de WordPress de su repositorio de GitHub en un nuevo directorio y luego ingresa a ese directorio. El comando valet link sirve el sitio al "servidor" y el comando valet secure agrega encriptación a la conexión.

En este punto, puede navegar hasta el dominio <folder-name>.test y comenzar a instalar WordPress según las instrucciones para XAMPP.

4. Variantes Vagabundos Vagabundos

Finalmente, VVV es cómo instalar WordPress en localhost para Windows. De hecho, es una aplicación de línea de comandos específicamente para instalaciones locales de WordPress que técnicamente también funciona para macOS, pero utiliza la herramienta de máquina virtual VirtualBox para crear instalaciones. Desafortunadamente, esto no funciona en las versiones actuales de macOS, por lo que deberá optar por Valet o una alternativa de máquina virtual diferente, como Parallels.

Junto con XAMPP y sus variantes, VVV también es un entorno de desarrollo local recomendado en el sitio web Make WordPress. El sitio proporciona instrucciones de configuración completas.

Administrará los sitios desde un archivo de configuración, por lo que es una buena idea copiarlo una vez que inicie VVV por primera vez. Para hacerlo, ingrese lo siguiente en la línea de comando:

cd vagrant-local vagrant status

Esto navega a su carpeta raíz VVV y copia el archivo relevante.

️ Instalación de WordPress

En este punto, abra el archivo config.yml en un editor de texto y agregue el siguiente código a la sección de sitios :

mysite: repo: https: //github.com/Varying-Vagrant-Vagrants/custom-site-template.git hosts: - mysite.test
Lenguaje de código: JavaScript ( javascript )

Una vez que guarde los cambios, quédese dentro de la carpeta vagabundo local , ejecute el comando vagrant up y siga las instrucciones. Esto "aprovisiona" su sitio y no requiere que ejecute el proceso de instalación de WordPress como las otras herramientas. Una vez que esto se complete, puede navegar a su nuevo sitio y ponerse a trabajar.

Ve arriba

Conclusión

Para desarrollar su sitio web de WordPress, puede instalar la plataforma en su servidor en vivo y piratearla. Sin embargo, esto puede traerle una serie de aspectos negativos que podrían afectar el futuro de su sitio antes de que comience. En cambio, es una mejor práctica aprender a instalar WordPress en localhost. La buena noticia es que hay muchas opciones para lograr esto que no se relacionan con el nivel de habilidad o el presupuesto.

Esta publicación ha analizado cómo instalar WordPress en localhost. Dependiendo de sus objetivos, tiene varias formas diferentes. Una aplicación como DevKinsta o Local es ideal para la mayoría de los casos de uso. Si tiene cuentas de alojamiento con Kinsta, WPEngine o Flywheel, también podrá impulsar su sitio en vivo desde allí. Sin embargo, las herramientas más antiguas como XAMPP (y otras variantes) son igual de sólidas: no estarían en uso si no lo fueran. Podría ser que las aplicaciones de línea de comandos como Laravel Valet y VVV también funcionen mejor para usted, si sabe cómo moverse por su sistema usando la línea de comandos.

¿Tiene alguna pregunta sobre cómo instalar WordPress en localhost? Si es así, ¡dispara en la sección de comentarios a continuación!

Cómo instalar #WordPress en #localhost: paso a paso desde cero
Haz clic para twittear

No olvide unirse a nuestro curso intensivo sobre cómo acelerar su sitio de WordPress. Obtenga más información a continuación: