angorawool6

Actualización de contenido – Abril 2018

Hace tiempo que tengo esta entrada en mi blog y tengo muchas visitas a la misma con lo que he decido que ya es hora de darle una actualización.

Tenía como labores programar la instalación de un servidor web para poder tener las webs que programo en local y no tener que estar todo el rato subiendo los cambios vía FTP, el día de hoy me he decidido… y me puse a ello, pero… entonces… me surgió el interrogante
¿Instalar Wamp o Xamp?

Los 2 me dan herramientas de cara al desarrollo de una página web. Ambas opciones tienen un servidor web Apache, un sistema de Base de datos, en concreto MySQL y como es lógico interpretan PHP… ¿Entonces? ¿Cuál emplear? ¿Por cuál de ellos me decido? ¿Cuál instalo un wamp o bien un xamp?.

Vamos a mirar en profundidad cada una de las opciones para poder decidir cuál es el que nos compensa instalar. Ambos son herramientas diferentes y por este motivo tienen características diferentes:

Según en que tipo de sistema operativo podemos instalar un Wamp o un Xamp

• El
  Wamp
  sólolo podemos instalar en Windows.
• El
  Xampplo podemos instalar en Windows, Linux y además en OS X.

Diferencias entre Wamp y Xampp

WAMP: un servidor Wampp en un PC de Windows dispone de un servidor Apache, un gestor de Base de datos MySql y el lenguaje de programación PHP. En verdad, las siglas de WAMP son el acrónimo de Windows + Apache + MySql + PHP. Nos deja incluso fácilmente podemos cambiar de versión de PHP y Apache con solo escogerlo lo cual no se puede hacer con
XAMPP.

XAMPPnos deja configurar y activar y desactivar servicios de Windows. Con
WAMPes más complicado. XAMPP es el acrónimo de cualquier plataforma (X) + Apache + MySql + PHP + Perl. Todo lo que se precisa para la configuración de un servidor web está incluido en un único archivo extraíble.

Con
XAMPPvienen servicios adicionales como el servidor FTP FileZilla o bien servidor de correos Mercury además, se pueden instalar complementos de Content Management System como: Wordpress, Drupal Trademark, Joomla!!, lo cual con
WAMPno es posible. Se puede trabajar con cualquier aplicación web en local sin tener la necesidad de tener acceso a internet.

Con
WAMPtiene un explorador con el cual se puede acceder a los ficheros de nuestro proyecto fácilmente en contraste a
XAMPPen el cual tendremos que usar la url.

Ambas opciones son buenas y válidas, te recomiendo que instales el que mejores funcionalidades te de en relación con el proyecto que tengas que efectuar. Yo como lo voy a usar para instalar Wordpress en local voy a utilizar el
XAMPPsin duda.

¿Para qué instalarías un Wamp o bien un Xampp en local?

Crear un servidor de pruebas en local te permitiría probar distintos diseños de tu web, te permitiría hacer cambios de forma más rápida y sin tener que trasmitir los ficheros a través de un FTP, reducirías en gran medida los riesgos que es ir cambiando la página web con cambios bruscos y que pudieran en el momento de hacer los cambios provocar algún estropicio en tu sistema.

Si además, tienes más de un diseño de web para empresas madrid ende desarrollas y cambias frecuentemente estas herramientas te permitirán crear un entorno de desarrollo local más eficiente.

Podrías estudiar distintos géneros de versiones de PHP o MySQL, sin precisar mudarlos sobre el entrecierro final donde es muchísimo más peligroso de que algo salga mal.

Enlaces para la Instalación de Wamp o Xampp

MAMP – MAC –– Directamente a la versión a descargar.

WAMP – ordenador – Windows –– Directamente a download.

XAMPP –

Como te dije de antemano, esta entrada era ya vieja y la estoy actualizando, hace ya un tiempo que estoy utilizando un entorno de pruebas con las webs de mis clientes, son webs creadas en WordPress y los tengo en local hasta el momento en que ya tengo la web terminada.

Quiero enseñarte punto por punto cómo puedes instalar un WP en Local, en tu PC, para trabajar en él como se te antoje.

Cómo instalar un WP en tu computador con XAMPP

Para tener un WP en local la mejor de las opciones es tener instalado un XAMPP.

Descargar un XAMPP

Lo primero es descargarte el XAMPP, la versión gratuita sería perfecta. Comprueba qué versión te quieres descargar, en dependencia de si empleas Windows, Linux o bien OS.

Una vez descargado,
debes de instalarlo, al instalarlo estás incluyendo en tu PC una suerte de servidor web, haciendo que este servidor se comporte como un alojamiento podrás instalar el Wordpress y mudar lo que desees.

Instalar un XAMPP

Una vez descargado, en mi caso es xampp-win32-7.2.3 pues yo escogí el XAMPP para Windows y la versión de php es 7.2.3, sobre el archivo, botón derecho del ratón E
jecutar como Administrador. Permitimos que el programa haga cambios en nuestro PC, y empezamos la instalación.

1En este instante se te abre una ventana como la que te pongo yo aquí, simplemente debes
pulsar “Next”.

2Si te fijas por defecto ya tienen seleccionado una montón de componentes, puedes dejarlo así, si no quieres dificultades.

Pero yo te diría que marques los esenciales para el caso que tenemos entre manos que es la instalación de un WordPress en XAMPP.

Necesitamos: Apache, MySQL, PHP y phpMyAdmin.

Te los marco en la imagen a fin de que te quede claro el proceso.

3 En la ventana posterior debes escoger la carpetita en donde se va instalar XAMPP y todos y cada uno de los componentes que has seleccionado en la pantalla anterior. En Windows la carpetita por defecto es c:/xampp, que sea por defecto no quiere decir que tienes que trabajar precisamente en esa carpeta, ponle la ruta que más te interese a ti.

Haz clic en el botón Next.

4 La ventana siguiente no debe ver con la instalación, sino con módulos de Bitnami, si la marcas te mostrará información de otros módulos de la marca. Yo por norma general la desmarco, como en la atrapa que te pongo.

Haz clic en Next.

5En la próxima ventana vemos el aviso de que está lista la instalación del Xampp para proceder a la misma debes
darle a Next.

6Por último, verás la ventana de finalización de la instalación, diciendo que ha sido completada la instalación.

¡Listo, ya tienes instalado un Xampp en tu máquina!

Entorno de XAMPP, su panel de control

En cuanto acabe la instalación, te abrirá una ventana semejante a la siguiente atrapa que te pongo. En esta ventana verás todos los elementos que se han instalado. He editado la imagen del Panel de control del Xampp para poderte explicar mejor.

[A] Deberás de empezar el Apache y el
[B]MySql, si empiezas los dos ya tendrías todo listo para poder instalar en tu equipo local el WP.

Al comenzar el Apache estarás empezando un Servidor de Apache de PHP y con el segundo botón estarás iniciando la Base de datos.

[C] Los demás botones lo que hacen es iniciar servicios… que por ahora no los vamos a emplear.

Simplemente con ir a “Explorer”, vamos a poder ver en qué carpeta hemos instalado el Xampp, recuerda que por defecto es c:/xampp, mas que es posible que lo hayas cambiado como he hecho que le he puesto en d:/xampp.

Con “Quit”, cerrarás la aplicación.

[D] Aquí Xampp te enseña cuál es el estado en el que está la aplicación, si hay cualquier problema en ese apartado es donde te dirá lo que ocurre, te lo marcará en rojo y te comentará cuál es el fallo.

Anteriormente, a mi me dio un error que es un fallo muy común, las aplicaciones enfrentamiento entre puertos, tenía iniciado una aplicación (específicamente Skype) en el puerto ochenta que es el puerto que toma el Xampp por defecto y tenía conflictos… sencillamente con cerrar la aplicación y reiniciar el Xampp ya se arregló.

Pero pudiese que en tu caso no fuese tan sencillo de arreglar el tema de enfrentamientos de puertos, entonces te invito a que hagas clic en [A] Config, de forma que se te abrirá una ventana con un fichero de configuración y en la línea 58 donde dice “Listen 80” >>
cámbialo a un puerto que sepas que esté libre, en mi caso el 82 quedaría así: “Listen 82”.

¡Estupendo, ya tienes arrancado un Xampp en tu máquina!

Como te habrás dado cuenta como aplicación de Windows que es, al comenzarla se ha ubicado un icono en la barra de tareas de Windows. De forma directa desde aquí podrás cerrarla, arrancar o bien apagar los servicios.

Nota importante:

Ya lo comenté mas deseo que quede claro, si no hemos alterado el puerto por defecto de la aplicación, el puerto que usará es el puerto 80 y accederemos a nuestro Apache escribiendo en la barra de navegación de nuestro explorador frecuente
.

Sin embargo, si hemos alterado el puerto por defecto, deberemos de acceder de la próxima forma:
:puerto

4. Creando una Base de datos para WordPress

Antes de proseguir en instalaciones tenemos que crear una base de datos que utilizará el WordPress que instalaremos en local. Para eso vamos a ir a la herramienta phpMyAdmin que es una herramienta para administración de Bases de datos que nos ha instalado Xampp.

Al estar empezado el Apache y el MySql ya podemos pinchar en “
Admin“, en un caso así en el Admin de MySql.

Esto nos abre de manera directa una ventana de navegador con la senda exacta de

localhost:puerto/phpmyadmin

[en mi caso he configurado el 82 localhost:82/phpmyadmin].

1En este momento se te abre una ventana como la que te pongo yo aquí, donde verás el
gestor de Base de datos phpMyAdmintendrás un listado de las Bases de Datos que vienen por defecto y todas y cada una aquellas que crees tú para tus proyectos.

2 En la columna de la izquierda puedes pinchar en
Nueva. Y en la parte de la derecha de la ventana escogerás el nombre que le quieres dar a tu nueva Base de Datos, el Cotejamiento que será
utf8_general_ci, para WordPress.

Click botón
Crear.

Nota importante:

Como ves creé una Base de datos llamada
wp_pruebas.
Esta base de datos pertenece al usuario root que es el usuario por defecto de Xampp y nunca tiene contraseña.

¡Esto va viento en popa y a toda vela! Ya tienes tu Base de datos creada

 5. Instalar WordPress en local con XAMPP

Ya estamos acercándonos al final, sí… aunque no lo creas… Ya nos queda solo instalar el WordPress. Puede acontecer lo siguiente:

• 5.1. Que no tengas una página web de Wordpress todavía y que quieras comenzar desde un WP vacío

5.1. Cómo instalar un WordPress desde cero en un Xampp

Repasando, ya tenemos el servidor arrancado de nuestro Apache y ya tenemos una Base de datos creada que en mi caso se llama wp-pruebas. Ahora vamos:

1Descargar la última versión de WordPress desde la. Nos descargaremos en un zip, verás que es un proceso super rápido.

2 Moveremos el zip descargado a la carpeta donde tenemos instalado el Xampp, recuerda que si no las cambiado es c:/xampp, y lo vamos a mover a c:/xampp/htdocs.

3 Descomprimiremos maquetacion web madrid . Se creará automáticamente una carpetita llamada WP con todo el contenido de la instalación.
(Recuerda que había creado mi apache en d://xampp que esto no te líen, busca la carpetita donde lo has instalado tú).

4 Tenemos que acceder a nuestro servidor, en un navegador pon la senda /wordpress (que es la carpeta que hemos creado ahora). Verás una ventana de bienvenida de Wordpress donde vamos a tener que configurar los datos de nuestra instalación de WordPress, la Base de datos…

5Al pulsar en el botón “Vamos a ello!”, se abrirá una ventana como la próxima captura y ahí deberéis de poner los datos de vuestra Base de datos, el nombre, usuario
root, url del servidor de datos
(cuidado pues yo pongo mis datos concretos).

Recuerda que el usuario root no tiene contraseña, con lo que deja este campo vacío.

Click en
Enviar.

6Si los datos que has cubierto en la ventana de configuración de la BD eran los adecuados podrás “
ejecutar la instalación“.

7 Estamos terminando, en la nueva ventana tendrás que rellenar los datos del nombre de usuario que deseas que sea el usuario administrador de tu Wordpress. Debes de clickar en
Disuadir a los motores de búsqueda de indexar este sitio web, si bien como es un wordpress instalado en local Google no podrá acceder.

Click en
“instalar WordPress”.

8 A continuación aparecerá un mensaje de que tu
WordPress está instalado apropiadamente. 

Ya tendrías acceso a tu WP como en general, accediendo con el usuario y contraseña que has configurado en el apartado
7.

¡Genial! ahora a hacer todas y cada una de las pruebas que desees, de plantillas, de contenido, de plugins… lo que quieras…

Supongo que ha quedado todo claro ¿alguna duda? Exprésate!.