Instalación de WordPress en un servidor local con WampServer

Hay muchos motivos por los que puedes desear instalar WordPress en un servidor local. Yo, fundamentalmente, lo utilizo como réplica del servidor en producción. En una instalación local me puedo permitir el lujo de experimentar sin miedo a afectar al sistema real: pruebo los plugins y los temas antes de subirlos a la red.

Otra razón importante es simplemente para aprender: puedes estudiar y practicar todas las técnicas sin miedo a estropear nada. El manejo básico del entorno, las copias de seguridad y restauración de las bases de datos, el diseño de plantillas o incluso la creación de tus propios temas: todo puedes experimentarlo sin temor. En el peor de los casos sólo tendrás que reinstalar nuevamente todo, una tarea que apenas te llevará unos minutos.

En el artículo de hoy te mostraré cómo instalar WordPress 3.3.1 sobre WampServer 2.2A, últimas versiones de estos programas en la fecha en la que escribo esto.

Voy a presuponer que ya tienes instalado WampServer en tu equipo. Si no es así y tienes dudas de cómo hacerlo, echa un vistazo a un artículo anterior en el que explico el proceso de instalación.

Si en vez de WampServer tienes XAMPP o, en general, cualquier instalación del trío Apache – MySQL – PHP, lo explicado aquí te servirá también.

WordPress puede instalarse de varias formas. Yo voy a contarte una bastante conceptual que te ayudará a comprender lo que está sucediendo entre bastidores.

Lo primero que debemos hacer es crear una base de datos en MySQL para almacenar todos los contenidos de WordPress. Supongo que ya sabes que la base de datos es el alma de WordPress: todos los artículos, las páginas, las categorías, etc., están almacenados en tablas en una base de datos. La aplicación lo único que hace es dar forma a esos datos bajo demanda de lo que está solicitando el usuario que accede al blog.

Para crear la base de datos de WordPress emplearemos la popularísima herramienta phpMyAdmin, presente en todos los entornos AMP.

Arranca WampServer, búscalo en la parte inferior de la pantalla, despliega el menú y lanza phpMyAdmin.

Haz clic sobre la pestaña Bases de datos. Te aparecerá la siguiente ventana:

En el cuadro de texto Crear nueva base de datos escribimos, por ejemplo, db_wordpress, y pulsamos el botón Crear.

Observa la base de datos db_wordpress recién creada:

El siguiente paso consiste en crear un usuario en mysql y asignarle privilegios sobre la base de datos que hemos creado. Haz clic sobre la pestaña Privilegios para ver una lista de todos los usuarios existentes.

Pulsamos sobre Agregar un nuevo usuario:

La primera sección, Información de la cuenta, la rellenamos del modo indicado en la figura. Como nombre de usuario he elegido wpuser, pero cualquier otro serviría.

En el campo Servidor, desplegamos las opciones y elegimos Local, lo que provoca que automáticamente se rellene con localhost, es decir el servidor que representa a nuestra propia máquina.

Elegimos una contraseña y la reescribimos en el campo siguiente.

Las demás secciones, Base de datos para el usuario y Privilegios globales las dejamos tal como están.

Pulsamos sobre el botón Crear usuario.

Observemos, en la vista global de usuarios, el recién creado:

En la fila correspondiente al usuario, pulsamos sobre Editar los privilegios. Nos aparece la siguiente ventana:

La sección Privilegios globales la dejamos como está. Con la barra de desplazamiento vertical nos movemos hasta Privilegios específicos para la base de datos:

Desplegamos la lista Añadir privilegios a esta base de datos y seleccionamos, entre las que nos aparecen, la recién creada, db_wordpress.

Nos aparecerá inmediatamente la siguiente escena:

Pulsamos sobre Marcar todos para asignar todos los privilegios sobre la base de datos y, a continuación, sobre el botón Continuar.

El mensaje en la parte superior nos confirma que hemos asignado los permisos. Justo debajo de él vemos el comando SQL que se ha ejecutado internamente.

Con esto concluyen los preparativos. Anota en un cuaderno el nombre de la base de datos, el usuario y su contraseña, pues tendrás que decírselos al instalador de WordPress.

Comienza la fiesta… Dezcárgate de la página oficial la última versión de WordPress en español. En el momento de escribir esto es, como ya te he dicho, la 3.3.1.

Se trata de un fichero .zip que debemos descomprimir en la zona pública de WampServer, es decir, en:

c:\wamp\www

(en el supuesto de que hayamos instalado WampServer en c:\wamp)

Una vez descomprimido, abre tu navegador e introduce la siguiente dirección:

http://localhost/wordpress/wp-admin/install.php

Deberá aparecerte el siguiente mensaje de error:

Pulsa sobre el botón Crear un archivo de configuración. Nos aparece un nuevo escenario indicándonos una serie de datos previos que deberemos tener a mano:

Son precisamente la base de datos y el usuario que preparamos hace un rato.

1. Nombre de la base de datos. ¡Lo tenemos!: db_wordpress
2. Nombre de usuario de la base de datos. ¡Lo tenemos!: wpuser
3. Contraseña de la base de datos. ¡La tenemos!: ******
4. Host de la base de datos. ¡Lo tenemos!: localhost
5. Prefijo de la tabla, por si queremos instalar varios WP en la misma base de datos. No es el caso, así que no lo necesitamos.

¡Qué comience el show! Pulsa sobre ¡Vamos a ello!

Rellena, en la ventana que aparece, los datos pedidos. El último campo no necesitas cambiarlo, pues sólo va a haber una instancia de WordPress sobre esa base de datos. Deja, pues, el prefijo propuesto para las tablas, wp_.

Cuando termines de rellenarlo, pulsa sobre el botón Enviar.

Deberá aparecerte una ventana indicando que todo ha ido correcto. Tu fichero de configuración ha sido creado correctamente y estás listo para iniciar la instalación.

Pulsa sobre Iniciar la instalación.

Para proseguir, el instalador te va a pedir una información:

Título del sitio: El título que le deseas dar a tu blog. Pon el que desees (siempre lo podrás cambiar).

Nombre de usuario: se trata del usuario administrador de WordPress. Por lo general, es buena práctica cambiar, por cuestiones de seguridad, el que te ofrece por defecto WordPress. Si no te preocupa excesivamente esta cuestión, al tratarse de un servidor local, deja admin.

Password, dos veces: introduce la contraseña del administrador. WordPress te ayudará a comprobar la fortaleza del password elegido.

Tu correo electrónico: en un servidor público, esto tendría sentido, pues WordPress se comunicaría contigo a través de esa dirección. Pero es una instalación local: pon lo que te dé la gana.

Privacidad: si estuvieses en un servidor público, convendría dejar la marca para que el blog apareciera en Google. Aquí resulta indiferente; puedes quitarla.

Finalmente, pulsa sobre el botón Instalar WordPress.

¡Lo lograste!

Tal como dice el mensaje: sentimos decepcionarte si te esperabas algo más.

¡Se acabó!

Si quieres empezar a trastear, puedes pulsar sobre el botón Acceder.

Recuerda la dirección que te aparece en la figura. Es la que deberás facilitar al navegador para acceder a WordPress: http://localhost/wordpress/wp-login.php

Introduce el usuario que hayas creado como administrador y su contraseña. Una vez dentro podrás crear otros usuarios con los privilegios que desees.

La dirección de tu blog es: http://localhost/wordpress/

Una instalación completa de WampServer, junto a WordPress no te llevará en total más de quince minutos. Así que no tienes excusa para:

– tener una copia de seguridad local de tu servidor WordPress en producción
– disponer de un entorno apropiado para experimentar con nuevos plugins antes de subirlos a tu servidor
– aprender WordPress sin miedo a fastidiar nada
– aprender a diseñar tus propios temas
– o, por qué no, montar tu propio servidor WordPress en una intranet

Tienes ante ti uno de los programas más fascinantes que se han desarrollado para la web y que ha cambiado, sin ningún género de dudas, el modo de concebirla. ¡Que te aproveche!

Javier Montero


http://elclubdelautodidacta.es/wp/2012/01/instalacion-de-wordpress-en-un-servidor-local-con-wampserver/


El texto de este artículo se encuentra sometido a una licencia Creative Commons del tipo CC-BY-NC-ND (reconocimiento, no comercial, sin obra derivada, 3.0 unported)


El Club del Autodidacta

Permalinks de WordPress que no funcionan sobre WampServer

Uno de los usos que le doy a WampServer es como plataforma de pruebas local antes de hacer cambios en el hosting.

Particularmente, tengo instalado WordPress con una réplica idéntica al entorno real. Me gusta experimentar con los plugins antes de utilizarlos en el site. Sólo cuando estoy convencido de su utilidad, y después de haber comprobado que no provocan ningún efecto nocivo en el sistema, los subo a producción.

En el site real utilizo permalinks del tipo año/mes/título_del_artículo. Sin embargo, si en el entorno de pruebas intento replicar esa configuración, todos mis artículos se vuelven inalcanzables.

WordPress no me devuelve ningún mensaje de error al configurar el estilo de permalinks, y la escritura de las normas en el fichero .htaccess son correctas. ¿Qué está sucediendo entonces?

La solución pasa por hurgar en las entrañas del servidor Apache y activar el módulo mod_rewrite.

El módulo mod_rewrite es el encargado de hacer todas estas transformaciones dinámicas en tiempo real. Gracias a él podemos acceder a todas esas direcciones “ficticias” de nuestros permalinks.

Su activación es muy sencilla, basta con indicárselo en el fichero de configuración de Apache, httpd.conf.

En WampServer 2 podemos acceder a este fichero en la ruta c:\wamp\bin\apache\apache2.2.17\conf\httpd.conf (en el supuesto de que hayamos instalado WampServer en ese path). Para editarlo basta con utilizar el bloc de notas y realizar los cambios directamente, pues se trata de un fichero de texto plano.

Pero más sencillo aún es recurrir al menu que nos ofrece WampServer al pulsar con el botón izquierdo del ratón sobre su icono en la barra del sistema. Desde ahí podemos acceder a todos los ficheros y herramientas de configuración del servidor.

Al hacer clic en httpd.conf se cargará automáticamente el bloc de notas con su contenido.

Buscamos la siguiente línea:

#LoadModule rewrite_module modules/mod_rewrite.so

Observamos que nos aparece comentada, por lo que el módulo no se está cargando al arrancar Apache. Eliminamos el símbolo # para que deje de ser un comentario y rearrancamos WampServer.

Hay un tercer modo: en el mismo menú nos encontramos con la carpeta “Módulos de Apache”. Entre todos los módulos localizamos rewrite_module y lo activamos. Este gesto eliminará el comentario por nosotros y reiniciará el servidor automáticamente.

Ya podemos configurar tranquilamente el estilo de permalinks que más nos guste en WordPress, que mod_rewrite se ocupará de que nuestros enlaces estén visibles al público con el nuevo esquema.

Javier Montero

La cara visible de WampServer

En una entrega anterior vimos el procedimiento de instalación de WampServer 2.1. Comprobamos su funcionalidad arrancando el servidor y accediendo a él a través de la dirección

http://localhost

Ahora bien, ¿dónde se almacenan las páginas? ¿En qué carpeta debemos publicar los contenidos?

La “raíz” de nuestro servidor web es la carpeta www dentro del directorio de instalación de la aplicación. Si aceptamos los valores por defecto cuando lo hicimos es, entonces:

c:\wamp\www

Una forma rapida de acceder a él es a través del menú de WampServer (ver el gráfico superior), que aparece al pulsar con el botón izquierdo del ratón sobre el icono de la aplicación en el área de notificación. Observemos la opción “directorio www”. Pulsando ahí se nos abre el explorador de Windows y se nos muestra el contenido de la carpeta.

Probemos el servidor con una sencilla página web creada por nosotros. Borramos los ficheros existentes y creamos un archivo index.html con el siguiente contenido:


<html>
<head>
<title>La casa de la pradera</title>
</head>
<body>
<center><h1>Pedazo página que hemos creado...</h1></center>
</body>
</html>

Podéis usar las técnicas de edición avanzadas de Windows de “Copiar y Pegar”, y así os evitáis tener que picar el código a mano. Pero conviene que lo probéis. Son artículos prácticos y para practicar conviene siempre que conectéis las manos con lo que leéis. Aunque parezca una tontería, os aseguro que no lo es.

Existe una forma rápida de cargar esta página web. Volvamos al menú de WampServer y hagamos clic sobre la opción “Localhost”. Esto provocará que arranque el navegador y se muestre el contenido de la raíz de nuestro sitio.

Si hemos creado el fichero sin errores (y hemos eliminado el material antiguo), veremos nuestro flamante paginón web.

Javier Montero

Instalando nuestro propio servidor web con WampServer

En Tecnologías Web – El primer paso, hablamos de la conveniencia de instalar nuestro propio servidor web local, de modo que dispusiéramos de un entorno cómodo en el que poder practicar los conceptos que fuéramos adquiriendo.

Sugerimos un par de paquetes que incluían, en una única instalación, el lote completo AMP (Apache – MySQL – PHP), necesario para mantener una web conforme a los estándares actuales basados en software de código abierto.

Hoy mostraremos los pasos necesarios para poner en servicio uno de esos paquetes: WampServer para la plataforma Microsoft Windows.

Podemos descargar el software en la página web del desarrollador. En el momento de escribir este artículo, la última versión disponible es la 2.1 Elegiremos la opción de 32 bits o 64 bits dependiendo de la arquitectura de nuestro sistema operativo.

Hacemos doble clic sobre el fichero descargado para iniciar la instalación del programa.

Esta pantalla nos muestra las distintas versiones de los componentes software que se instalarán. Proseguimos pulsando “Next”.

Aceptamos las condiciones de la licencia y proseguimos.

Por defecto la aplicación se instalará en c:\wamp. A no ser que tengamos un motivo particular por el que cambiarlo, dejamos esta opción tal cual está.

A mí me gusta que quede un icono en el escritorio, y así se lo indico al programa de instalación. Si queréis que esté en la barra de acceso rápido, marcad la otra casilla.

Revisamos las opciones que hemos elegido y, si estamos de acuerdo con ellas, pulsamos sobre el botón “Install”.

El programa de instalación ha detectado la presencia de Firefox y nos pregunta si queremos que sea nuestro navegador por defecto cuando utilicemos WampServer. Si es nuestro deseo, aceptamos.

Aquí nos pide que introduzcamos la dirección de nuestro servidor de correo para que PHP la utilice cuando lo requiera. Obviamos, por el momento, estos datos pulsando sobre “Next”.

Concluye la instalación del software. Si estamos ansiosos por empezar a utilizarlo inmediatamente, dejamos la marca en “Launch WampServer 2 now”.

Una vez arranquemos el programa, nos aparecerá un nuevo icono en el área de notificación de Windows, abajo a la derecha, simbolizando una W. Llegados a este punto debemos saber que, aunque el programa esté arrancado, el servidor web no estará activo aún.

Tenemos dos formas de interactuar con el icono de WampServer: con los botones izquierdo o derecho del ratón.

Comenzamos pulsando con el botón derecho sobre el icono, apareciéndonos el siguiente menú:

Hacemos clic sobre “Language” y elegimos el idioma español.

Pulsamos ahora con el botón izquierdo sobre el icono para mostrar el menú principal de WampServer 2.1.

Activamos el servidor web pulsando sobre la última opción, “Encender”. Si, una vez hecho esto, pasamos el ratón sobre el icono veremos que aparece el texto “WAMPSERVER – Servidor activo”.

Ha llegado el momento de la prueba de fuego. Para referenciar al servidor instalado en nuestro equipo utilizamos la palabra localhost. Escribamos, pues, en el navegador de internet, la siguiente dirección:

http://localhost

Si todo ha ido bien, nos aparecerá la página por defecto que tiene el servidor web, algo así como esto:

¡Enhorabuena, el servidor web está funcionando!

Javier Montero

Tecnologías Web – El primer paso

Tanto si queremos aprender a programar en HTML, enredar en las entrañas de un CMS como WordPress, o experimentar la programación de scripts PHP, lo primero que debemos hacer es prepararnos un entorno de pruebas en condiciones.

Estamos hablando de tecnologías web y esta palabra es la clave de todo. Todo esto cobra sentido únicamente dentro de un servidor web; sin él hay poco que hacer.

Quizás ya dispongamos de un dominio propio en algun hosting. En ese caso ya tendríamos un espacio en el que experimentar con estas tecnologías. Desde luego, con las limitaciones que nos imponga nuestro proveedor, algo siempre a tener en cuenta a la hora de decidirse por uno o por otro.

Pero lo más recomendable es, sin lugar a dudas, que nos instalemos nuestro propio servidor web y configuremos un entorno ágil en el que podamos enredar sin miedo. Si, además, tenemos un hosting, dispondremos de la plataforma experimental perfecta antes de subir los archivos definitivos a la web.

Preparar un servidor web puede ser algo laborioso y no al alcance de cualquiera: hay que instalar, como poco, Apache, la base de datos MySQL y el soporte para el lenguaje PHP (trío conocido como AMP: Apache, MySQL, PHP).

Pero el primer paso no es siempre el más duro, tranquilos… Afortunadamente, existen productos que se ocupan de realizar todas estas tareas por nosotros, de modo que no tengamos que preocuparnos lo más mínimo por esos detalles.

Voy a recomendar dos de ellos y dejo a cada uno la libre elección:

WampServer (Windows)
XAMPP (Multiplataforma, opción recomendada si vais a seguir los cursos desde Linux).

La instalación es sencilla y podéis atreveros con ella sin mucha historia. No obstante, mañana publicaré un artículo indicando el proceso de instalación de WampServer 2.1 para la plataforma Windows.

Javier Montero