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 es hora de darle una actualización.

Tenía como tareas 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ó la pregunta
¿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, específicamente MySQL y por supuesto 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. Los dos son herramientas diferentes y por esta razón tienen características diferentes:

Según en que tipo de sistema operativo podemos instalar un Wamp o bien 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 computador de Windows dispone de un servidor Apache, un gestor de Base de datos MySql y el lenguaje de programación PHP. En verdad, las iniciales de WAMP son el acrónimo de Windows + Apache + MySql + PHP. Nos permite aun fácilmente podemos mudar de versión de PHP y Apache con solo seleccionarlo lo cual no se puede hacer con
XAMPP.

XAMPPnos permite 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 necesita para la configuración de un servidor web está incluido en un único archivo extraíble.

Con
XAMPPvienen servicios auxiliares como el servidor FTP FileZilla o bien servidor de correos Mercury además, se pueden instalar complementos de CMS como: Wordpress, Drupal, Joomla!!, lo cual con
WAMPno es posible. Se puede trabajar con cualquier aplicación web en diseño web wordpress madrid la necesidad de tener conexión a internet.

Con
WAMPtiene un explorador con el que se puede acceder a los ficheros de nuestro proyecto fácilmente a diferencia de
XAMPPen el cual tendremos que utilizar 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 debas realizar. Yo como lo voy a utilizar para instalar WordPress en local voy a usar el
XAMPPsin duda.

¿Para qué instalarías un Wamp o 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 trasmitir los ficheros por medio de un FTP, reducirías en buena medida los peligros que es ir cambiando la página web con cambios bruscos y que pudiesen en el momento de hacer los cambios provocar algún estropicio en tu sistema.

Si además, tienes más de un sitio que administras y que en consecuencia 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 bien MySQL, sin precisar mudarlos sobre el entorno 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 afirmé con anterioridad, esta entrada era ya vieja y la estoy actualizando, hace ya tiempo que estoy usando un entrecierro de pruebas con las webs de mis clientes del servicio, son webs creadas en WP y los tengo en local hasta el momento en que ya tengo la página web terminada.

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

Cómo instalar un WordPress en tu ordenador con XAMPP

Para tener un Wordpress 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, dependiendo de si utilizas Windows, Linux o OS.

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

Instalar un XAMPP

Una vez descargado, en mi caso es xampp-win32-7.2.3 porque 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 Y también
jecutar como Administrador. Dejamos que el programa haga cambios en nuestro PC, y empezamos la instalación.

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

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

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

Necesitamos: Apache, MySQL, PHP y phpMyAdmin.

Te los marco en la imagen para que te quede claro el proceso.

3 En la ventana siguiente debes escoger la carpeta en donde se marcha instalar XAMPP y todos y cada uno de los componentes que has seleccionado en la pantalla precedente. En Windows la carpeta por defecto es c:/xampp, que sea por defecto no significa que debes trabajar exactamente en esa carpetita, 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 captura que te pongo.

Haz click en Next.

5En la siguiente 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 y cada uno de los elementos que se han instalado. He editado la imagen del Panel de control del Xampp para poderte explicar mejor.

[A] Deberás de iniciar el Apache y el
[B]MySql, si inicias ambos ya tendrías todo preparado para poder instalar en tu equipo local el WordPress.

Al iniciar 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 usar.

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 puede 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 muestra 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 colorado y te comentará cuál es el fallo.

Anteriormente, a mi me dio un fallo que es un error muy común, las aplicaciones conflicto entre puertos, tenía comenzado una aplicación (en concreto 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 fuera tan fácil de arreglar el tema de conflictos de puertos, entonces te recomiendo que hagas click en [A] Config, de forma que se te abrirá una ventana con un archivo de configuración y en la línea cincuenta y ocho 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 empezarla se ha situado un icono en la barra de tareas de Windows. Directamente desde aquí podrás cerrarla, arrancar o apagar los servicios.

Nota importante:

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

Sin embargo, si hemos cambiado el puerto por defecto, deberemos acceder de la siguiente forma:
:puerto

4. Creando una Base de datos para WordPress

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

Al estar comenzado el Apache y el MySql ya podemos pinchar en “
Admin“, en este caso en el Admin de MySql.

Esto nos abre de forma directa una ventana de navegador con la ruta 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 aquí, marketing correo electronico ás el
gestor de Base de datos phpMyAdmintendrás un listado de las Bases de Datos que vienen por defecto y todas 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 empresas creadoras de paginas web dar a tu nueva Base de Datos, el Cotejamiento que será
utf8_general_ci, para Wordpress.

Click botón
Crear.

Nota importante:

Como ves yo 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 password.

¡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í… si bien no lo creas… Ya nos queda solo instalar el Wordpress. Puede suceder lo siguiente:

• 5.1. Que no tengas una página web de WordPress todavía y que quieras empezar desde un WordPress 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 moveremos a c:/xampp/htdocs.

3 Descomprimiremos el archivo zip de manera directa en esta carpetita. Se creará automáticamente una carpeta 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 ruta /wordpress (que es la carpetita 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 atrapa y ahí deberéis de poner los datos de vuestra Base de datos, el nombre, usuario
root, url del servidor de datos
(cuidado porque yo estoy poniendo 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 correctos podrás “
ejecutar la instalación“.

7 Estamos acabando, en la nueva ventana tendrás que rellenar los datos del nombre de usuario que quieres que sea el usuario administrador de tu Wordpress. Debes de cliquear en
Disuadir a los motores de búsqueda de indexar este sitio web, aunque 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 las pruebas que quieras, de plantillas, de contenido, de plugins… lo que quieras…

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