Guía completa para instalar un servidor web y WordPress en Localhost
Cualquier desarrollador de WordPress debería poder desarrollar en un servidor web local. Es una forma rápida y directa de ver su código en acción. En esta publicación, revisaré la instalación y configuración de una aplicación de servidor web en su computadora (tanto Windows como MacOS), incluida la forma de resolver los problemas que puedan surgir.
Hay muchas soluciones para configurar un servidor web local, por ejemplo, usando Docker, Vagrant o una aplicación de servidor web simple. El último es definitivamente el más simple. Esta publicación pasará por el proceso de configuración de WampServer para Windows y XAMPP para MacOS. Vaya al sistema operativo de su computadora:
Instalación de WampServer en Windows
Instalar un servidor web para Windows es bastante sencillo. Se trata principalmente de seguir el asistente de configuración, por lo que no entraré en muchos detalles aquí.
El primer paso es descargar la aplicación del servidor web. Haga clic en el enlace para ir a la página web de WampServer y haga clic en "Descargar" en el menú.
Tiene la opción de instalar una de 64 bits o una de 32 bits. La mayoría de las computadoras de hoy en día admiten 64 bits, así que me decanto por eso. Al hacer clic en el botón de descarga, aparecerá un formulario, pero simplemente puede hacer clic en el enlace en la parte superior que dice "puede descargarlo directamente". Esto lo llevará a la descarga real.
Una vez descargado el archivo, haga clic en el archivo .exe para iniciar la instalación. Siga el proceso de configuración. Tenga en cuenta que la ubicación que elija para instalar WampServer es donde deberá colocar sus archivos de WordPress y cualquier otro proyecto de sitio web que desee realizar. Si le pregunta por su navegador predeterminado, seleccione el programa del navegador (normalmente ubicado en una subcarpeta en C:Program Files (x86)).
Cuando finalice la instalación y se inicie WampServer, aparecerá en la bandeja del sistema de Windows (el lado derecho de la barra de tareas, junto al reloj).
Cuando el ícono es verde, WampServer está ejecutando el servidor web con éxito. Cuando está naranja o rojo, el servidor está fuera de línea. Haga clic en el icono de WampServer en la bandeja para configurar e iniciar/reiniciar/detener los servicios.
Para probar si el servidor web funciona, abra su navegador y vaya a http://localhost/. Debería ver la página de inicio de WampServer.
Si ha iniciado con éxito el servidor web, vaya directamente a " Instalación de WordPress ". Si algo salió mal, eche un vistazo a la sección titulada "Posibles problemas y soluciones para WampServer" para intentar resolver el problema.
Instalación de XAMPP en MacOS X
Configurar un servidor web y hacer que WordPress funcione correctamente en MacOS es definitivamente un desafío. Después de hacerlo un par de veces, encontré el proceso con menos pasos y el mejor resultado.
Vaya al sitio web de XAMPP y busque el área verde grande de descarga. Haga clic en "XAMPP para OS X".
Siga la guía de configuración y, cuando se le solicite, arrastre el icono a la carpeta Aplicaciones. Haga clic en Abrir en los cuadros de diálogo que le preguntan si está seguro de abrir la aplicación descargada de Internet. Cuando finalice la configuración, inicie la aplicación XAMPP desde Launcher.
Cuando XAMPP se inicia por primera vez, deberá hacer clic en el botón "Iniciar".
Después de un tiempo, el indicador debería cambiar de rojo a verde y debería ver aparecer su IP. En este punto, el servidor web y el servidor de la base de datos están funcionando en la dirección IP proporcionada. Pero queremos usar una buena URL localhost en lugar de la IP. Haga clic en la pestaña "Red" y en la línea "localhost:8080", haga clic en el botón Habilitar.
Después de que esta línea se vuelva verde, abra la URL http://localhost:8080/ en su navegador. Debería ver la página de bienvenida de XAMPP. Esto significa que el servidor web está en funcionamiento.
Para obtener acceso a la carpeta del proyecto web donde colocará WordPress y cualquier otro archivo de proyecto, debe ir a la pestaña Volúmenes en XAMPP. Haga clic en el botón "Montar".
XAMPP ahora debería estar ejecutando el servidor web y el servidor de la base de datos MySQL correctamente, listo para que instale WordPress. Siga los pasos a continuación para instalar WordPress, ya que se requieren varios pasos adicionales para que XAMPP funcione correctamente.
Instalación de WordPress (tanto WampServer como XAMPP)
Vaya a la página de descarga de WordPress y haga clic en el botón azul de descarga. Debería darte un archivo zip que, al extraerlo, creará una carpeta "wordpress" con todos los archivos para que WordPress funcione.
Mueva el archivo zip descargado a la wwwcarpeta (para WampServer) / htdocscarpeta (para XAMPP). Descomprima el archivo zip descargado. Cuando haya terminado de descomprimir, debería tener una subcarpeta "wordpress" dentro de la carpeta de su servidor web. Esto significa que se podrá acceder a WordPress desde la URL http://localhost/wordpress/ (para WampServer) / http://localhost:8080/wordpress/ para (XAMPP). Sin embargo, puede cambiar el nombre de la carpeta si lo desea.
El siguiente paso es crear una base de datos para WordPress. Tanto WampServer como XAMPP instalan automáticamente phpMyAdmin para que pueda acceder a las bases de datos. Para WampServer: haga clic en el icono de WampServer en la bandeja del sistema y haga clic en "phpMyAdmin" o vaya a la URL http://localhost/phpmyadmin. Para XAMPP: acceda a phpMyAdmin yendo a la URL http://localhost:8080/phpmyadmin o haciendo clic en el elemento de menú "phpMyAdmin" en la parte superior derecha de la página de bienvenida de XAMPP en http://localhost:8080. Inicie sesión con el nombre de usuario ‘root’ y la contraseña vacía (ambos servidores web).
En la barra lateral a la izquierda, haga clic en "Nuevo" para crear una nueva base de datos. Ingrese su base de datos deseada (por ejemplo, "wordpress") y la recopilación de la base de datos (utf8_general_cies una buena opción).
Una vez creada la base de datos, puede cerrar phpMyAdmin. El siguiente paso es configurar el archivo de configuración de WordPress.
Navega a tu carpeta de WordPress. Haga una copia del archivo wp-config-sample.phpy cambie el nombre de la copia a wp-config.php. Abra wp-config.phpy edite las siguientes líneas (suponiendo que el nombre de su base de datos sea ‘ wordpress‘);
define( 'DB_NAME', 'wordpress' );define( 'DB_USER', 'root' );define( 'DB_PASSWORD', '' );
Deje el resto como está, guarde y cierre el archivo.
En su navegador, navegue hasta http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP), o la carpeta en la que descomprimió WordPress. Debería recibir la pantalla de configuración de WordPress. Siga los pasos para configurar su instalación de WordPress.
Para los usuarios de Windows/WampServer, ¡ahora ha instalado correctamente WordPress! Si encuentra problemas, consulte la sección " Posibles problemas y soluciones para WampServer ".
Desafortunadamente, para los usuarios de MaxOS/XAMPP, existen algunos pasos adicionales para que WordPress funcione correctamente. Continúe con el siguiente paso.
Solucionar problemas al ejecutar WordPress en XAMPP
La instalación de complementos/temas solicita información de FTP
Si intenta instalar un complemento, es posible que obtenga este cuadro de diálogo que le pregunta sobre las credenciales de FTP:
La solución que he encontrado que resuelve esto es editar su wp-config.phparchivo. Justo después de la WP_DEBUGdefinición, agregue esta línea
define( 'FS_METHOD', 'direct' );Guarde y cierre el wp-config.phparchivo. WordPress ya no solicitará información de FTP, pero los complementos aún no se pueden instalar. Lo más probable es que obtenga "Error de instalación. No se pudo crear el directorio". Esto sucede debido a la propiedad y los permisos incorrectos de los archivos y carpetas.
La instalación de complementos/temas falla con "No se pudo crear el directorio"
Para arreglar esto, abra Finder, haga clic con el botón derecho en su htdocscarpeta y haga clic en "Obtener información". En la parte inferior de la ventana, haga clic para expandir "Compartir y permisos". Haga clic en el icono del candado e ingrese su contraseña de administrador para obtener acceso y cambiar la configuración. En "Todos", establezca el permiso en "Leer y escribir". A continuación, haga clic en el icono de la rueda dentada y seleccione "Aplicar a elementos adjuntos…". Haga clic en Aceptar en el cuadro de diálogo.
El paso final es cambiar los permisos en los archivos y carpetas usando chmod. Abra la terminal (Comando + barra espaciadora, escriba "terminal" y haga clic en Entrar). Cuando se le solicite, escriba ” cd” (incluyendo un espacio después) y luego arrastre la carpeta Finder htdocs a la ventana del terminal y haga clic en Entrar. De lo contrario, deberá escribir la ruta completa a la carpeta htdocs (vea el cuadro gris arriba). Una vez dentro de la carpeta htdocs, escriba este comando y haga clic en Entrar:
sudo chmod -R 0777 *Si se le solicita su contraseña de administrador, escríbala y haga clic en Entrar. El aviso debe permanecer un tiempo y, de repente, actualizarse a un nuevo aviso cuando haya terminado.
¡Actualice su página de administración de WordPress y ahora debería poder usar WordPress como de costumbre!
Posibles problemas y soluciones para WampServer
El ícono de WampServer en la bandeja del sistema es naranja y nunca se vuelve verde
Pruebe http://localhost/ en un navegador de todos modos. Si funciona, probablemente significa que WampServer está configurado con más servicios de los que necesita. Solo necesita Apache (servidor web) y MySQL (base de datos). He experimentado que WampServer por defecto también intenta iniciar MariaDB (otro servicio de base de datos). Pero debido a que no puede iniciar MariaDB, el ícono permanece naranja, aunque se estén ejecutando Apache y MySQL. Si ese es el caso, elimine el servicio MariaDB.
Localhost no funciona
Desafortunadamente, puede haber muchas razones para esto. Comenzaría comprobando si tanto el servicio Apache como el MySQL se están ejecutando. Haga clic en el icono de WampServer en la bandeja > Apache > Administración del servicio. Si el "Servicio de inicio/reanudar" es verde y se puede hacer clic, significa que Apache no se está ejecutando actualmente.
Si Apache no se está ejecutando, intente hacer clic en "Instalar servicio" dentro de ese mismo menú. Debería obtener un símbolo del sistema que muestre que Apache se configuró correctamente, o puede recibir un mensaje sobre por qué no funciona.
En la mayoría de los casos, Apache no puede iniciarse porque el puerto 80 está ocupado por algún otro programa. Comprueba si tienes Skype instalado. Busca en Google cómo configurar Skype para que no ocupe el puerto 80 y vuelve a probar con WampServer.
Los enlaces permanentes bonitos no funcionan en WordPress
Los enlaces permanentes personalizados (bonitos) en WordPress requieren que el módulo ” rewrite_module” esté instalado en su servidor web. Haga clic en el icono de WampServer en la bandeja > Apache > Módulos de Apache y, en la lista larga, busque y haga clic en " rewrite_module". WampServer instalará el módulo y reiniciará el servidor web Apache automáticamente.
Mi tamaño máximo de carga en la biblioteca multimedia es de solo 2 MB
De forma predeterminada, WampServer establece el tamaño máximo de carga de archivos en 2 Mb. A menudo, esto es demasiado pequeño para cargar imágenes más grandes en la Biblioteca de medios. Para arreglar eso, necesitamos cambiar el php.iniarchivo de Apache. Haga clic en el icono de WampServer > PHP > php.ini. Debería abrir el archivo en su programa de edición de texto predeterminado.
Busque "upload_max_filesize" y aumente el valor M (Mb) a algo como esto:
upload_max_filesize = 50M
También recomiendo cambiar una cosa más. Busque "post_max_size". Aumente el valor M (Mb) para que la línea se vea así:
post_max_size = 50M
Cierre el archivo y reinicie Apache.