nephewface03

Actualización de contenido – Abril 2018

Hace tiempo que tengo esta entrada en mi weblog y tengo muchas visitas a exactamente 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, hoy me he decidido… y me puse a ello, pero… entonces… me surgió el interrogante
¿Instalar Wamp o Xamp?

Los dos me proporcionan herramientas para el desarrollo de una página web. Ambas opciones tienen un servidor web Apache, un sistema de Base de datos, concretamente MySQL y lógicamente interpretan PHP… ¿Entonces? ¿Cuál usar? ¿Por cuál de ellos me decido? ¿Cuál instalo un wamp o 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 esta razón tienen características diferentes:

Según en que género 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 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 deja incluso fácilmente podemos mudar de versión de PHP y Apache con solo escogerlo lo que 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 cuanto se precisa para la configuración de un servidor web está incluido en un único fichero extraíble.

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

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

Ambas opciones son buenas y válidas, te aconsejo que instales el que mejores funcionalidades te de en relación con el proyecto que debas efectuar. 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 página web, te permitiría hacer cambios de forma más rápida y sin tener que transmitir los archivos por medio de un FTP, reducirías en buena medida los peligros que es ir cambiando la 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 por tanto desarrollas y cambias frecuentemente estas herramientas te permitirán crear un entorno de desarrollo local más eficaz.

Podrías estudiar distintos tipos de versiones de PHP o bien MySQL, sin precisar cambiarlos sobre el entorno final donde es muchísimo más peligroso de que algo salga mal.

Enlaces para la Instalación de Wamp o bien Xampp

MAMP – MAC –– De manera directa a la versión a descargar.

WAMP – ordenador – Windows –– De manera directa a download.

XAMPP –

Como te afirmé de antemano, esta entrada era ya vieja y la estoy actualizando, hace ya un tiempo que estoy utilizando 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 web terminada.

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

Cómo instalar un WordPress en tu PC 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. Verifica qué versión te quieres descargar, en dependencia de si usas Windows, Linux o bien OS.

Una vez descargado,
debes de instalarlo, al instalarlo estás incluyendo en tu PC una especie de servidor web, haciendo que este servidor se comporte como un hosting 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 setenta y dos, sobre el archivo, botón derecho del ratón Y también
jecutar como Administrador. Permitimos que el programa haga cambios en nuestro ordenador, y empezamos la instalación.

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

2Si te fijas por defecto ya tienen elegido una montón de componentes, puedes dejarlo así, si no deseas 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 a fin de que te quede claro el proceso.

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

Haz click en el botón Next.

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

Haz click en Next.

5En la próxima ventana vemos el aviso de que está lista la instalación del Xampp para proceder a exactamente 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 captura que te pongo. En esta ventana verás todos y cada uno de los elementos que se han instalado. diseño de web sevilla 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 inicias los dos ya tendrías todo listo para poder instalar en tu equipo local el Wordpress.

Al empezar el Apache estarás iniciando 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 empezar servicios… que por el momento no los vamos a utilizar.

Simplemente con ir a “Explorer”, podremos ver en qué carpetita hemos instalado el Xampp, recuerda que por defecto es c:/xampp, mas que puede que lo hayas cambiado como he hecho yo 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 inconveniente en ese apartado es donde te dirá lo que pasa, te lo marcará en rojo y te comentará cuál es el fallo.

Anteriormente, a mi me dio un error que es un error 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… simplemente con cerrar la aplicación y reiniciar el Xampp ya se arregló.

Pero pudiera que en tu caso no fuera tan fácil de reparar el tema de conflictos de puertos, entonces te recomiendo que hagas click en [A] Config, de manera que se te abrirá una ventana con un archivo 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 iniciarla se ha situado un icono en la barra de labores de Windows. Directamente desde aquí podrás cerrarla, arrancar o bien apagar los servicios.

Nota importante:

Ya lo comenté pero deseo 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 habitual
.

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

4. Creando una Base de datos para WordPress

Antes de seguir en instalaciones debemos crear una base de datos que utilizará el Wordpress 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 iniciado el Apache y el MySql ya podemos pinchar en “
Admin“, en este caso en el Admin de MySql.

Esto nos abre de manera directa una ventana de navegador con la ruta precisa de

localhost:puerto/phpmyadmin

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

1En este instante 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 aquellas que crees tú para tus proyectos.

2 En la columna de la izquierda puedes pinchar en
Nueva. Y en la una 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 jamás tiene contraseña.

¡Esto va viento en popa y a toda candela! 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 comenzar 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 WP 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 alterado es c:/xampp, y lo moveremos a c:/xampp/htdocs.

3 Descomprimiremos el fichero zip directamente en esta carpeta. Se creará automáticamente una carpeta llamada WordPress 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 carpeta donde lo has instalado tú).

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

5Al pulsar en el botón “Vamos a ello!”, se abrirá una ventana como la siguiente atrapa y ahí deberéis de desarrollo sitios web corporativos los datos de vuestra Base de datos, el nombre, usuario
root, url del servidor de datos
(cuidado por el hecho de que 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 adecuados 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 WP. Debes de clickar 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 correctamente. 

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

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

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