Quitando bloques de la web

Bueno ahora ya tenemos la estructura básica. Sin embargo hay un par de cosas que no me gustan: El bloque de búsqueda de la parte de la izquierda que, siendo una página tan sencilla no tiene sentido, y el menú de navegación. Así que vamos a ver cómo eliminarlos.

Lo primero que hay que decir es que estos dos bloques sólo aparecen si estás autenticado. Pero en esta web (de momento) no vamos a tener autenticación de usuarios (exceptuando el administrador del sitio). Para eliminarlo, situamos el ratón encima del bloque y aparece un icono parecido a un engranaje. Pulsamos sobre Configure Block y nos aparece un conjunto de opciones. En Region Settings le decimos que no debe aparecer en ninguna región (None) y ya no aparece.

Para eliminar el menú navigation vamos a Structure -> Blocks e indicamos que Navigation no debe aparecer en ninguna región (None) con lo que ya tenemos lo que queríamos hemos eliminado los bloques Search y Navigation.

Siguiente paso, el menú de autenticación no quiero que aparezca en la página principal por el momento. Quiero que haya un enlace en el footer de la página de administración del sitio que al pulsarlo se cargue la página para poner el usuario y la contraseña. Además, no quiero que se ofrezca la posibilidad de que se registren nuevos usuarios.
Para quitar la opción de que se registren nuevos usuarios vamos a Home -> Administration -> Configuration -> People. En la parte de Registration and Cancellation seleccionamos la opción que dice que sólo el administrador puede registrar nuevos usuarios. Al comprobar el resultado ya no aparece la opción de crear un nuevo usuario.

A continuación, intentamos poner el enlace para el menú de autenticación en el footer. Para ello vamos a Home -> Administration ->Structure -> Blocks. Desactivamos el de powered by Drupal (este sale por defecto) y el de user login (le decimos que no lo muestre en ninguna región). Después, creamos un nuevo bloque de prueba (add new block). En el contenido ponemos un enlace a google para ver qué hace (no pongáis el title). En Region Settings indicamos que debe aparecer en Footer.

Ahora para hacer que enlace apunte a la autenticación de usuarios ponemos en su contenido:

<a href="?q=user">Administración del sitio</a>

(encontrado en http://drupal.org/node/123165). Guardamos los cambios y probamos el resultado. Cuando estamos autenticados el enlace apunta a nuestro perfil de usuario en la aplicación. Si no lo estamos, muestra la página para el login y el password. Objetivo conseguido :).

Creando el front page de la web

En este post voy a explicar cómo crear la página de bienvenida, el front page, de la web. Tal y como está ahora, en la pestaña Home dice que todavía no se ha creado el front page y justo abajo un enlace para añadir nuevo contenido. Sin embargo, si pulsamos para añadir nuevo contenido crea una nueva página independiente, no el contenido del front page. En la parte de la derecha tenemos un menú de Navegación con el que añadir nuevo contenido, pero el resultado es el mismo que antes. El problema es que este no es el front page exactamente. El front page se configura desde el menú Configuration -> Site information.

Desde aquí podemos configurar la url del front page y las páginas de errores que se mostrarán si no queremos las típicas de error 404 y 403.
Entonces, creamos una nueva página de tipo basic content, y volvemos al menú Site informationpara indicar que este es el front-page. Ahora cuando accedemos a nuestra página aparece por defecto la que hemos marcado como front page.

El nuevo problema que tenemos es que nos aparecen dos pestañas de Home exactamente iguales pero si vamos al menú Content no hay dos homes, sino sólo uno. Si lo eliminas, al recargar la página te da el error 404 page not found. Para solucionar esto simplemente crea de nuevo la página y desde el menú de configuración, indica que es el front page.

Para solucionar esto vamos al menú Structure -> Menus; y en Main Menu pulsamo list links. Ahí aparecen los tabs del menú y Home está dos veces. Eliminamos uno de ellos y guardamos los cambios. Volvemos a la página principal y el resultado es el esperado, volvemos a tener 4 tabs con el contenido correcto.

Creando la estructura de una web sencilla

Una vez instalado y puesto en marcha Drupal, podemos empezar a crear nuestra web por lo tanto hay que definir qué queremos que contenga nuestra web. En este caso, yo estoy haciendo una web para una autoescuela sobre la que, por circunstancias que no vienen al caso, tengo total libertad sobre forma, estructura y contenido. De momento, empezamos con la estructura que, en versión inicial, será la siguiente:

• Página de inicio: será la página principal, donde se explicará la historia de la empresa.
• Página de servicios: Explicación de los servicios que ofrece la empresa.
• Página de contacto: Aquí van los datos de contacto.
• Galería de imágenes: Dónde pondremos las fotos de las instalaciones y la flota de vehículos.

La estructura no es muy compleja y probablemente Drupal es un poco grande para esto, sin embargo se trata también de aprender a utilizar esta herramienta así que mejor empezar por algo, en principio al menos, sencillo.

Así pues comenzamos. Vamos a la web básica que hemos creado siguiendo el post anterior. A la derecha nos sale el panel “Navigation”, pulsamos en el enlace de “Add content” y aparece una capa sobre la que podemos seleccionar dos opciones: “Article” y “Basic Page”. El tipo “Article” es para crear contenidos cuya marca de tiempo sea importante como por ejemplo noticias o posts de blogs. Así que seleccionamos “Basic Page”. Aparece una nueva capa dónde hay que poner el título de la página que hemos creado y su contenido. Hay que tener en cuenta, que esto lo podemos hacer también desde el enlace "Add content" que aparece en lo que de momento es el front page y desde el menú "Structure->Add content".

Si bajamos el scroll de la capa en la que estamos trabajando, vemos que tenemos las siguientes opciones:

• Provide a menu link: Marcamos esta opción para que el contenido que estamos creando esté enlazado desde el menú.
• Menu link title: Por defecto, este campo es igual que el title de la página.
• Description: Ponemos una breve descripción del contenido.
• Parent item: Esto indica quién es el nodo padre, dentro de la estructura de la web, del contenido que acabamos de crear. En este caso, cómo sólo tenemos un nivel en principio lo dejamos en Main Menu.
• Weight: Esto no entiendo muy bien que es. La descripción que pone es la siguiente: “Menu links with smaller weights are displayed before links with larger weights”. Weight es peso o importancia. Así que supongo que es una forma de definir el orden de aparición. Para probarlo, cómo este es el cuarto enlace le voy a dar weight 3.

Guardamos los cambios y nos redirecciona a la página que acabamos de crear. Volvemos a la página principal y creamos el resto de secciones. La página de inicio (o front page) de momento no hace falta crearla ya que la crea por defecto. Los pesos que se han asignado son: 0 para el home, 1 para la galería de imágenes, 2 para servicios y 3 para contacto. Para probar lo que hemos supuesto sobre el weight cambiamos su peso a 19 y efectivamente pasa a estar en la última posición.

Los contenidos que hemos ido creando los podemos gestionar pulsando la opción "Content" de menú de la parte superior de la página. Si pulsamos "Content", nos aparece un panel sobre el que gestionar los contenidos que hemos ido creando.

Aquí tenéis el resultado:

Instalando Drupal y dolores de cabeza varios

Esta entrada es para explicar cómo instalar Drupal y cómo solucionar los dolores de cabeza asociados. Instalar Drupal en sí mismo no tiene nada de complejo. Pero es una historia preparar el equipo para que Drupal funcione correctamente. Así, que comenzamos con la instalación de los prerrequisitos. En concreto se necesita:

• Apache
• PHP
• MySQL
• phpMyAdmin (esto es opcional, también se puede gestionar MySQL con cualquier otro sistema).

Frente a esto, hay dos opciones. La primera es descargar cada aplicación por separado y ponerlo en marcha. De esta parte, lo único que tiene más dificultad es configurar apache para instalar php. Para ello, yo recomiendo utilizar esta web. La segunda opción es descargar wampServer que instala de forma automática todo lo que Drupal necesita. Yo me he decantado por esta opción siguiendo la recomendación de mi amigo @Txoan. Sin embargo, eso de todo automático es un poco cuestionable en mi caso.

Bueno, descargo la última versión de wampServer y lo instalo. Esto no tiene mucho misterio, sólo hay que seguir los pasos de la instalación, se inicia la aplicación y se supone que todo funciona. Pero bueno sólo se supone ya que el icono de wampServer está en amarillo y para que sea correcto debe estar verde. Empiezo a darle vueltas y resulta que el problema es que ya tenía instalado apache y el servicio de mySQL por lo que no podía utilizar los puertos por defecto que ya estaban ocupados por los servicios anteriores. Durante la instalación esto no da ningún problema, simplemente no funciona. Así que desinstalo wampServer, apache y MySQL y et voilà funciona todo.

Lo siguiente a hacer es poner en marcha Drupal. Me descargo la última versión de Drupal (7.0) Descomprimo el .zip que me acabo de bajar y yo (ilusa de mí) me esperaba ver el típico install.exe que ejecutas y lo instala todo, te guía en la configuración y te abre el programita para que empieces a trabajar. Pues no es así exactamente. Copiamos lo que hemos descomprimido de Drupal y copiamos la carpeta Drupal en el directorio www dentro del directorio de instalación de WampServer y accedemos a localhost/Drupal-7.0/index.php y se redirecciona a install.php donde comienza la instalación. Lo primero que pide es el tipo de instalación, seleccionamos el tipo de instalación estándar. A continuación, nos pide que seleccionemos el lenguaje, pero sólo sale inglés así que poco hay que elegir. Siguiente paso, tenemos que elegir la BBDD sobre la que tiene que trabajar Drupal, la base de datos que seleccionamos debe existir previamente. Creamos una bbdd con phpMyAdmin, con usuario root y sin pass. Ponemos el nombre de la bbdd, el user y pass en los campos siguientes y continuamos con la instación. Finalmente, ponemos los parámetros correspondientes a la web que queremos crear: url, mail, usuario y pass del administrador y tenemos lista la primera versión de la web.

Hola mundo!

Vale ya que sí, que el título no dice mucho pero bueno al fin y al cabo esto es sólo para inaugurar el blog. ¿qué pretendo con este blog? pues simplemente contar mi experiencia con el uso de drupal desde cero, pero tan desde cero que todavía ni siquiera lo tengo instalado así que esa será la próxima entrada: instalación de drupal y dolores de cabeza.

Hasta la próxima!