manual xampp-drupalv2.1.0.pdf

Manual InstalaciónY

Primeros Pasos

Drupal-6.xxDrupal-7.xx

Paso a pasov. 2.1.0

Autor: Eduardo Antón.

Fecha: 17/08/2013

Manual instalación Drupal-7, Drupal-6 Autor: Eduardo Antón Estella

Página 2 de 49

Licencia ............................................................................................................................................3

Control de cambios ..........................................................................................................................4

Introducción .....................................................................................................................................4

Instalación de XAMPP.....................................................................................................................5

1º Descargamos xampp. ...............................................................................................................5

2º Comenzamos la instalación. ....................................................................................................5

3º Inicalizamos el servidor apache a ver si funciona. ..................................................................6

4º Accedemos a una página servida por xampp ...........................................................................6

Instalación de Drupal 6 ....................................................................................................................7

1º Descargamos el fichero............................................................................................................7

2º Desempaquetamos el fichero. ..................................................................................................7

3º Movemos la aplicación al apache. ...........................................................................................7

4º Crear la b.d...............................................................................................................................7

5º Configurar el acceso a la b.d..................................................................................................10

6º Creando fichero de settings.php.............................................................................................10

7º Creando carpeta files .............................................................................................................10

8º Últimos ajustes....................................................................................................................... 11

9º ¡Vamos a entrar a Drupal! ...................................................................................................... 11

Configuración inicial......................................................................................................................14

Cambiar el idioma al Castellano ................................................................................................14

Proteger el fichero settings.php..................................................................................................16

Instalación de Drupal 7 ..................................................................................................................17

1º Descargamos el fichero..........................................................................................................17

2º Desempaquetamos el fichero. ................................................................................................17

3º Movemos la aplicación al apache. .........................................................................................17

4º Crear la b.d.............................................................................................................................17

5º ¡Vamos a entrar a Drupal! ......................................................................................................18

Primeros pasos ...............................................................................................................................19

Cambiar el tema .........................................................................................................................19

Modificando el logo del tema ....................................................................................................20

Agregar contenido......................................................................................................................20

Creando menú y submenú..........................................................................................................23

Modificar la forma de la página .....................................................................................................24

Agregar imágenes junto al contenido.............................................................................................26

Método 1. Módulo inline ...........................................................................................................26

Método 2. CKEditor + IMCE ....................................................................................................28

Configurando la barra de herramientas de CKEditor.....................................................................31


Página 3 de 49

Menú principal (primary links) ......................................................................................................32

Taxonomía y categorización ..........................................................................................................34

URL Limpias y Alias .....................................................................................................................36

Módulo de contacto........................................................................................................................38

Modificando el módulo contacto ...................................................................................................40

Módulo Captcha.............................................................................................................................42

Instalación en un servidor online ...................................................................................................43

Verificar la versión de php .........................................................................................................43

Preparamos una base de datos del servidor................................................................................44

Realizar una copia de seguridad de nuestro servidor local ........................................................46

Subir base de datos local al servidor ..........................................................................................46

Subir los ficheros web al servidor..............................................................................................48

Referencias.....................................................................................................................................49

Contacto .........................................................................................................................................49

Licencia

Esta obra está bajo una licencia de Creative Commons. Terminos y condiciones disponibles enhttp://creativecommons.org/licenses/by-nc-sa/3.0/


Página 4 de 49

Control de cambiosVersión Autor Fecha

PublicaciónObservaciones

1.0.0 E.A. 14/05/10 Versión inicial

1.0.1 E.A. 26/05/10 Cambio en la instalación con xampp (php 5.2)Corrección de caracteres.Corrección al entrar a un directorio.Cambio de arreglos finales.Aviso de reinicio.

1.0.2 E.A. 30/05/10 Actualización índice.

1.0.3 E.A. Corrección permisos para la carpeta filesAgregamos nuevo capítulo Configuración inicial.Agregamos nuevo capítulo Primeros pasos.Nuevo capítulo Modificar la forma de la página.Nuevo capítulo Agregar imágenes junto al contenidoNuevo capítulo Barra de herramientas de CKEditorNuevo capítulo Menú principal (primary links)Nuevo capítulo Taxonomía y categorizaciónNuevo capítulo Ulr's amigables

2.0.0 E.A. 22/05/13 Instalación Drupal-7Cambio de introducción referencia instalación en WindowsCreando menú y submenú

2.1.0 E.A. 17/08/13 Subida de versión a un servidor on-lineMódulo formulario de contactoMódulo CAPTCHA y reCAPTCHA

Introducción

Después de varios años usando la red para buscar información y realizar mis aportaciones a lacomunidad a través de foros/comentarios, he decido generar un manual paso a paso para lainstalación de drupal desde 0.

En un principio la explicación de instalación drupal 6 está basada en Linux, sin embargo elfuncionamiento de drupal 7 está realizado sobre Windows 7. Esto es así por 2 motivos, el primerode ellos es que este manual esta realizado sin ánimo de lucro, redactado por que me gusta y poramor al arte por lo que no tampoco he seguido un rigor específico al usar un s.o. u otro. El segundomotivo es que cuando instalé drupal 7, tenía más a mano el s.o. Windows y hacía meses que habíadejado de lado Linux, y como no tengo rigor ;) pues seguí con el “güindos” .

Realmente las diferencias de usar un sistema operativo u otro son tantas, en Linux tenemos quetener más cuidado con los permisos, pero luego, una vez realizada la instalación de apache, mysql,php, el uso de drupal es independiente del sistema operativo que subyace en la máquina.

Este manual no pretende sustituir los manuales oficiales de instalación de Drupal, intenta dar unavisión de todos los pasos necesarios para instalar drupal y su posterior configuración


Página 5 de 49

La primer parte del manual se basa en una instalación. El resto del manual se trata de lidiar condrupal, así que las referencias al sistema operativo no son excesivas.

La instalación de drupal 6 en la que se base el manual es una máquina recién instalada de Ubuntu10.04, con la instalación estándar, es decir, básicamente conocido como “siguiente > siguiente >siguiente”, con acceso de un usuario con permisos estándar del s.o., aunque veremos cómoconseguir más permisos cuando tengamos que realizar actividades más delicadas deadministración.

Instalación de XAMPP

Leyendo documentación de drupal6-16 vemos que drupal está basado en php y que utiliza ungestor de base de datos my-sql. Pues bien eso son los requisitos previos que necesitamos:– Apache (con modulo para entender php 5.2)– My-sql (recomiendan: MySQL v3.23.17 o superior)– Podemos ver un detalle de los requisitos en: http://drupal.org/requirements

Así que el primer paso es instalar XAMPP (que contiene la distribución Apache con MySQL, PHPy Perl). La última versión disponible que a fecha de hoy (01/05/2010) XAMPP Linux 1.7.3.a ycontiene todo esto:

Apache 2.2.14, MySQL 5.1.41, PHP 5.3.1 & PEAR + SQLite 2.8.17/3.6.16 + multibyte (mbstring) support, Perl 5.10.1, ProFTPD 1.3.2c,phpMyAdmin 3.2.4, OpenSSL 0.9.8l, GD 2.0.1, Freetype2 2.1.7, libjpeg 6b, libpng 1.2.12, gdbm 1.8.0, zlib 1.2.3, expat 1.2, Sablotron 1.0, libxml2.7.6, Ming 0.4.2, Webalizer 2.21-02, pdf class 009e, ncurses 5.3, mod_perl 2.0.4, FreeTDS 0.63, gettext 0.17, IMAP C-Client 2007e, OpenLDAP(client) 2.3.11, mcrypt 2.5.7, mhash 0.8.18, eAccelerator 0.9.5.3, cURL 7.19.6, libxslt 1.1.26, libapreq 2.12, FPDF 1.6, XAMPP Control Panel 0.8,bzip 1.0.5, PBXT 1.0.09-rc, PBMS 0.5.08-alpha, ICU4C Library 4.2.1MD5 checsum: 89c13779cf6f0925d5c1c400d31a1cc3

Como veis, viene con php5.3, y actualmente drupal y sus módulos están desarrollados para sersoportados en php5.2 por lo que instalaremos una versión anterior de xampp en concreto la versiónxampp 1.7.1Desde http://sourceforge.net/projects/xampp/files/ podemos buscar la versión que mas nos interesee instalar xamp.

1º Descargamos xampp.Si lo hacemos con el FireFox, por defecto nos descargara el fichero en la carpeta/home/nuestro_login/Descargas. Nos hemos descargado el fichero “xampp-linux-1.7.1.tar.gz ” alser un fichero tar.gz entendemos por convenio que el fichero esta compido y empaquetado.

2º Comenzamos la instalación.Abrimos el terminal de linux (Aplicaciones > Accesorios > Terminal).Nos movemos hasta la carpeta donde está el fichero, en nuestro ejemplo/home/nuestro_login/Descargas, y desempaqueamos el fichero en el directorio opt. Paradesempaquetar el fichero en el directorio opt necesitamos permisos de administrador así queusaremos la sentencia “sudo” que nos pedirá nuestro password de usuario para permitirnos ejecutarcon permisos de administrador/root de nuestro sistema antes de ejecutar el desmpaquetado. Enresumen, ejecutamos la siguiente instrucción:sudo tar xvfz ./xampp-linux-1.7.1.tar.gz -C /opt


Página 6 de 49

Con esto ya tendríamos instaldo xampp, ¿sencillo no?, con lo que costaba antes en linux cuando erajoven. :)

3º Inicalizamos el servidor apache a ver si funciona.Arrancamos xampp (por lo visto antes se debía de llamar lampp) ejecutando el siguiente comandodesde el terminal: sudo /opt/lampp/lampp startSi todo ha ido bien, debermos ver los mensajes siguientes por el terminal:Starting XAMPP for Linux 1.7.1...XAMPP: Starting Apache with SSL (and PHP5)...XAMPP: Starting MySQL...XAMPP: Starting ProFTPD...XAMPP for Linux started.

4º Accedemos a una página servida por xamppPara comprobar que todo es correcto vamos a acceder a una pagina servida por Apache. Por defectoel apache que nos suministra xampp viene configurado en el puerto 80. Así que con abrir elnavegador de nuestro linux y movernos a la dirección web http://localhost deberíamos ver la paginade inicio de xampp.

Veremos una página similar a esta:

En este primer punto no hemos hecho más que básicamente seguir los pasos para instalar xampp.

Nuestro siguiente objetivo es instalar Drupal.


Página 7 de 49

Instalación de Drupal 6Desde la página de http://drupal.org/ podemos descargar la versión que más nos interese. A fecha dehoy (01/05/2010) la última versión release es la 6.16.

1º Descargamos el fichero.Procedemos a su descarga, en mi caso con FireFox e igualmente que al descargar xampp medescarga un fichero en el directorio /home/nuestro_usuario/Descargas. El fichero que me hedescargado se llama drupal-6.16.tar.gz

2º Desempaquetamos el fichero.Abrimos el terminal de linux (Aplicaciones > Accesorios > Terminal). Nos situamos en el directoriodonde hayamos descargado el fichero. Y lo descomprimimos utilizando el siguiente comando:

tar xvfz drupal-6.16.tar.gzSe nos creara un directorio con el nombre drupal-6-16 que contiene Drupal (ouuuh). Esta vez nohemos usado la instrucción “sudo” ya que de momento estamos trabajando en nuestro directorio deusuario.

3º Movemos la aplicación al apache.El siguiente paso consiste en mover la carpeta que acabamos de descomprimir al servidor apache, lacarpeta donde se despositan las webs en apache normalmente cuelgan del directorio htdocs.

Ejecutamos el siguiente comando desde el terminal:sudo mv drupal-6.16 /opt/lampp/htdocs/

Antes de ejecutar el comando es necesario situarse en el directorio raiz donde se encuentra lacarpeta desempaquetada (drupal-6.16). Si no hemos cambiado nada de las configuraciones pordefecto deberiamos estar situados en la carpeta /home/nuestro_usuario/Descargas.

Otro detalle en el que os habréis fijado es que ahora si que hemos usado la instrucción “sudo” (veoque estaís en todo :). Efectivamente para poder mover ficheros a la carpeta /opt hemos necesitadopermisos de administrador.

Si hemos seguido los pasos hasta ahora comentado en la carpeta /opt/lampp/htdocs/ debemosencontrar los siguientes ficheros:drupal-6.16favicon.icoindex.phpwebalizerxampp

4º Crear la b.d.Según he leido (aun soy novato en esto), Drupal se apoya en una b.d., por lo cual hay que crear unabase de datos para que drupal pueda almacenar y guardar la información. Lo mas facil es que la b.d.sea my-sql que es la que venía con xampp (perfecto! Las piezas cuadran!)


Página 8 de 49

Volvemos al terminal (Aplicaciones > Accesorios > Terminal). Lo primero que vamos a realizar escrear la base de datos. Asi que escribirmos en el terminal el siguiente comando:sudo /opt/lampp/bin/mysqladmin -u root -p create drupal

Una vez ejecutado el comando nos pedirá el password de root en my-sql, sino hemos cambiadonada del xampp, el pasword del root está sin iniciar asi que pulsamos “intro” y listo.

Como ya sabéis, hemos usado sudo para ejecutar el comando como si fueramos administrador, elcomando mysqladmin nos sirve para dar órdenes de administración al sistema gestor de la base dedatos, -u es la opción para indicar el usuario de la base de datos root es el usuario principal de labase de datos (con privilegios suficientes por defecto) -p es para introduir el password como lohemos dejado vacio nos lo preguntará a continuación, create indica que vamos a ejecutar la ordende crear base de datos y por ultimo drupal es el nombre que hemos dado a la base de datos.

El segundo paso es crear un usuario valido para la base de datos, ya que usar el usuario root para eluso cotidiano de la base de datos puede resultar preligroso. Para crear un usuario podemos hacerlomediante una sentencia SQL, pero para que sea más sencillo vamos a usar un interface gráfico. Conel xampp hemos instaldo phpmyadmin, que es un interfase web para gestionar mysql. Accedemoscon firefox (o vuestro navegador preferido) a la siguiente url http://localhost/phpmyadmin

A continuación, pulsamos en la pestaña de “Privilegios” y seleccionamos la opción de “Agregarun nuevo usuario”. Nos aparecerá una pantalla donde nos piden varios campos.

Nombre de usuario: “user_drupal”Servidor: “localhost” (donde tenemos montado nuestro mysql.)Contraseña: “user_drupal” (cada uno que ponga la que quiera en su ejemplo)Y de momento no vamos a asignar ningun permiso.Pulsamos en “Continuar”.

Con estos sencillos pasos ya tendríamos creado el usuario. Si volvemos a la pestaña de privilegiosobservamos que existe el nuevo usuario que hemos creado.


Página 9 de 49

El tercer paso es darle privilegios para actuar sobre la base de datos drupal al recién creado usuariouser_drupal. Podemos hacerlo via web, en la pantalla donde nos habíamos quedado agregandoprivilegios para la base de datos drupal, pero esta vez vamos a hacerlo por línea de comando (asívamos practicando un poco de todo).

Abrimos el terminal (a estas alturas no tengo que decirte donde encontrar el terminal). Entramos ala base de datos tecleando:

sudo /opt/lampp/bin/mysql -u root -p

Os pedirá el pasword de root, que sino hemos tocado nada estará vacio.Introducimos la instrucción de sql para otorgar permisos al usuario user_drupal:

GRANT ALL PRIVILEGES ON drupal.* TO 'user_drupal'@'localhost' IDENTIFIED BY'user_drupal';

Refrescamos los cambios realizados:

flush privileges;

Salimos de mysql:

\q

Si hemos realizado los pasos correctamente en nuestro terminal veremos algo similar a esto:

eduardo@itaca:~/Descargas$ /opt/lampp/bin/mysql -u root -p

Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 60

Server version: 5.1.33 Source distribution

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> GRANT ALL PRIVILEGES ON drupal.* TO 'user_drupal'@'localhost' IDENTIFIED BY 'user_drupal';

Query OK, 0 rows affected (0,00 sec)

mysql> flush privileges;

Query OK, 0 rows affected (0,00 sec)

mysql> \q

Bye

eduardo@itaca:~/Descargas$

Desde phpmyadmin (desde el navegador firefox) podéis investigar y mirar los privilegios delusuario user_drupal deberíais ver que tiene todos los privilegios (ALL PRIVILEGES):


Página 10 de 49

5º Configurar el acceso a la b.d.

Vamos a indicar a Drupal, la url para conectar a la base de datos, para ello tenemos que modificarun fichero de configuración default.settings.php que se encuentra en la siguiente ruta (si habeísinstalado según los pasos de este manual) /opt/lampp/htdocs/drupal-6.16/sites/default. Abrimos elfichero con un editor de texto, desde el terminal podeis teclear:

cd /opt/lampp/htdocs/drupal-6.16/sites/defaultgedit default.settings.php

Aparecerá un editor de textos con el fichero abierto. En la línea 92 hay que cambiar la línea$db_url = 'mysql://username:password@localhost/databasename';

Por esta otra (indicando el nombre de usuario, password, nombreservidor y nombre basedatos)$db_url = 'mysql://user_drupal:user_drupal@localhost/drupal';

Nota: En drupal 7 el fichero de configuración ha variado un poco pero es fácil determinar dondeconfigurar los parámetros ya que la estructura para definir los mismos es similar a esta:

$databases = array ('default' =>array ('default' =>array ('database' => 'drupal','username' => 'user_drupal','password' => 'pass_drupal','host' => 'localhost','port' => '','driver' => 'mysql','prefix' => '',

),),

);

6º Creando fichero de settings.phpDrupal necesita usar un fichero para la configuración de las variables de la aplicación. Este ficherrotoma de plantilla el default.settings.php que acabamos de modificar en el punto anterior.Accedemos al directorio donde se encuentra este fichero y hacemos una copia con el nuevo nombresettings.php:

cd /opt/lampp/htdocs/drupal-6.16/sites/defaultcp default.settings.php settings.php

7º Creando carpeta files

Drupal necesita tener creada una carpeta llamada files en la carpeta de sites. Además en esta carpeta


Página 11 de 49

tiene que poder escribir ficheros por lo que hay que darle permiso de escritura. Accedemos a estacarpeta y creamos la nueva carpeta files. Utilizamos el chmod para cambiar los permisos de estacarpeta y dar posibilidad de de escribir y leer a otros usuarios que no sean los dueños del fichero:cd /opt/lampp/htdocs/drupal-6.16/sites/defaultmkdir fileschmod 777 files

8º Últimos ajustesCuando realicé la primera instalación en el último paso me encontre con un problema que deciaalgo similar a:

Fatal error: Allowed memory size of 8388608 bytes exhausted

Según parece es un error que viene dado por que una aplicación php intenta reservar más memoriade la permitida. Lo que tenemos que hacer es dar un poco mas de memoría de la que viene pordefecto configurada en xampp. Vamos al terminarl y abrimos el fichero php.ini:

sudo gedit /opt/lampp/etc/php.ini

En la línea 202 cambiamos la asignación de memoria, subiendo a 16 Megas.

memory_limit = 16M

Guardamos el documento y listo. Ahora reiniciamos xampp. Vamos al terminal y ejecutamos elsigiuente comando:

sudo /opt/lampp/lampp restart

9º ¡Vamos a entrar a Drupal!

Para entrar a drupal, y realizar los paso de instalación del propio programa basta con abrir nuestronavegador web y entrar al contenido de drupal que estamos sirviendo con xampp. Tecleamos en labarra de direcciones:

http://localhost/drupal-6.16/install.php?profile=default

La pantalla que se muestra primero nos dará la posibilidad de instalar, otro lenguaje al inglés. Elcambio de lenguaje se puede llevar a cabo después de hacer la instalación, así que dejaremos estepunto para que investigueís vosotros. Por lo tanto pulsaremos sobre la opción de “Install Drupal inEnglish”.


Página 12 de 49

Al pulsar instalar, drupal realiza una verificación a ver si hemos realizado los pasos correctamente,si algo esta mal, nos sacará un mensaje de aviso con lo que debemos cambiar. Si hemos seguido lospasos al pie de la letra, hemos usado las mismas versiones de todo, y hemos ejecutado todo con elmismo perfil de usuario que el del manual no creo que tengáis problemas.

Si todo ha ido bien, drupal realiza la instalación. La siguiente ventana que aparece nos pideinformación para configurar el sitio.


Página 13 de 49

Site name: Nombre de nuestro site web.Site e-mail address: Email de nuestro sitio.

Username: Nombre del usuario administrador para configurar drupal (por ejemplo: rootdrupal)E-mail address: Correo del administrador, este correo se usará para recuperar pasword perdidos ytemas relacionados con la cuenta del administrador.

Password: Password de entrada al sitio. Si el password es inseguro, saldra un mensajito de aviso.Confirm password: Para confirmar el password como en todos sitios.

Las siguientes opciones dejamos lo que venga por defecto.

Pulsamos el botón de “Save and continue”

Y con esto se acaba la instalación. En mi caso parece que tengo un problema a enviar los correos.Pero drupal ha sido instalado correctamente.

Y ahora, ¡por fin! ya podemos entrar a drupal:http://localhost/drupal-6.16/


Página 14 de 49

Configuración inicialSi entramos en http://localhost/drupal-6.16/ accederemos a nuestra site de drupal. Al principioesta sin configurar y muestra un aspecto similar a este:

A la izquierda tenemos el acceso para poder logearnos, introducimos el login de administrador y elpassword que hemos creado en la fase de instalación (en mi caso “rootdrupal”) y pulsamos sobre elbotón para entrar.

Como vemos esta todo en ingles, el primer paso que vamos a dar es cambiar el idioma.

Cambiar el idioma al CastellanoLo primero que tenemos que hacer es descargar el idioma de la web de drupal, para ello visitamoshttp://drupal.org/project/Translations y buscamos el apartado donde se hace referencia a “Spanishtranslation”. De ahi descargamos el fichero, para la fecha actual el último fichero de idioma es el“es-6.x-1.4.tar.gz”, lo seleccionaís y lo descargaís en vuestro sistema.

El siguiente paso es descomprimir el fichero. Vamos al terminal, nos situamos en el directoriodonde se encuentre el fichero y ejecutamos el siguiente comando:

tar xzOf es-6.x-1.4.tar.gz --wildcards modules/* profiles/* themes/* > es.po

En la versión de drupal6, los idiomas vienen separados en un montón de pequeños ficheros, lo quehemos hecho con el comando anterior es descomprimir y aunar todos estos ficheros (de las carpetasmodules, profiles y themes) en uno solo “es.po”. De esta manera cuando luego druapal nos pida elfichero de español podemos hacerlo en un solo paso.

Si nos hemos logeado como administrador, accedemos a la configuración de los módulos,Administer > Site building > Modules.

Nos aparece un listado con los módulos, debemos activar uno llamado LOCALE. Después deactivarlo, pulsamos sobre el botón de guardar, y en la parte superior de la web nos aparecerá unmensaje en ingles indicándonos que la configuración se ha guardado.


Página 15 de 49

Despues de guardar los cambios, usando el menú de la izquierda, vamos a la sección Administer >Site configuration > Languages (Esta opción si no activamos el módulo Locale no aparecerá).

En la ventana que aparece pulsamos sobre la opción de “Add language”. A continuaciónseleccionamos “Spanish (Español)” y pulsamos sobre el botón de “Add language”.

El siguiente paso consite en importar el fichero que hemos generado al descomprimir. Nosmovemos con el menú de la izquierda a: Administer > Site building > Translate interface.Seleccionamos la opción de “Import” que se encuentra en la parte superior de la ventana.

Nos solicita el fichero de lenguaje, le indicamos la ruta donde hemos generado nuestro fichero es.poY a continuación pulsamos sobre el botón de “Import”.


Página 16 de 49

El último paso que nos queda es seleccionar el nuevo idioma (castellano) como idioma por defecto.Con el menú de la izquierda nos movemos a Administer > Site configuration > Languages, yseleccionamos “Spanish” como activado (“enabled”) y como predeterminado (“default”).

Al instante tenemos nuestro sitio web en el idioma elegido.

Proteger el fichero settings.phpPara evitar que por descuido o mala intención alguien modifique los parámetros del fichero deconfiguración, vamos a proteger el fichero que guarda los parámetros contra la escritura, dejandosolo los permisos de lectura.

Abrimos el terminal, nos situamos en el directorio donde se encuentra el fichero settings.php(/opt/lampp/htdocs/drupal-6.16/sites/default si hemos seguido los pasos de este manual) ycambiamos los permisos:

cd /opt/lampp/htdocs/drupal-6.16/sites/defaultchmod 444 settings.p


Página 17 de 49

Instalación de Drupal 7

Si ya hemos instalado drupal 6, la instalación de drupal 7 es muy sencilla. En mi caso, porcuestiones técnicas, me ha surgido la ocasión de instalar drupal 7 en una maquina Windows, con loque la configuración de permisos se ha simplificado bastante. Lo más complicado es la instalaciónde apache y el modulo php, hay que tener mucho cuidado con las versiones que cogemos parainstalar para asegurar la compatibilidad, una vez tenemos el servidor correctamente configuradopara usar php y las librerías de acceso a base de datos es todo muy fácil.

Recordamos que los requisitos de drupal 7 son:

Un servidor web: Apache (recomendado), Nginx, Lighttpd, o Microsoft IIS Base de datos: MySQL 5.0.15 o superior, PostgreSQL 8.3 o superior, o SQLite 3.x PHP: 5.2.4 y superior Memoria: 32MB (Un sitio con varios de los módulos más comúnmente habilitados puede requerir

64MB o más.)

Una vez instalado los requisitos, como ya tenemos experiencia con la instalación de drupal-6 (yhabéis leído y comprendido la instalación de drupal-6 explicado en este manual) vamos a ir muyrápidos. ¡Agarraos! ¡Que vienen curvas!

1º Descargamos el fichero.Procedemos a su descarga, está vez voy a usar Chrome. Buscamos en drupalorg en la zona dedescarga y bajamos la última versión de http://drupal.org/download en concreto drupal-7.22.zip

2º Desempaquetamos el fichero.Como estamos en Windows, descomprimimos el fichero con nuestra aplicación preferida (winzip,winrar, o el intregado de Windows).

3º Movemos la aplicación al apache.El siguiente paso consiste en mover la carpeta que acabamos de descomprimir al servidor apache, lacarpeta donde se depositan las webs en apache normalmente cuelgan del directorio htdocs.

La carpeta que tenemos que mover es la que contiene todos los ficheros y carpetas. Tener cuidadoya que al descomprimir es posibles que tengáis una carpeta drupal-7.xx dentro de una carpeta quetambién se llama durpal-7xx, hay que mover la carpeta que contiene los ficheros de drupal contodas sus carpetas.

Además de mover la carpeta al apache, también podemos renombrar la carpeta con el nombre quedeseemos para nuestro proyecto, no es necesario que se siga llamando drupal-7.xx

4º Crear la b.d.

Para crear una base de datos existen muchos formulas:

- Podéis usar la formula por línea de comandos, como se explica en la instalación de drupal-6en este mismo manual.


Página 18 de 49

- También podéis crear la base de datos con phpMyAdmin.- Con algún otro cliente de mySql (por ejemplo Toad)

5º ¡Vamos a entrar a Drupal!Como veis hemos llegado antes al instalador de drupal que en la versión anterior (en Linux)

La pantalla que se muestra primero nos dejara elegir 2 tipos de instalaciones. Seleccionamos laestándar.

Nos dará la posibilidad de instalar, otro lenguaje al inglés. El paso consiste en bajarse un fichero detraducción desde una url que nos proporciona el propio drupal. El fichero español es drupal-7.22.es.po. Una vez descargado lo depositamos en la carpet “profiles\standard\translations”, y alvolver al paso de instalación podremos elegir el español como idioma para nuestra instalación

Vamos pasando por las diferentes pantallas rellenado los datos de configuración. La más importantees la que sirve para configurar el acceso a la base de datos.

Y así fácilmente conseguimos instalar drupal-7


Página 19 de 49

Primeros pasosUna vez que hemos logrado tener una versión básica instalada y estable vamos a empezar a darle elaspecto que más nos guste.

Cambiar el temaEn drupal existen los temas (themes) que básicamente son un conjunto de ficheros que definen elaspecto de nuestra web. Lo bueno de usar los temas es que están separados del contenido de nuestrapágina web, de esa manera, si en un futuro deseamos cambiar el aspecto o diseño bastará concambiar los ficheros del tema y el contenido permanecerá inalterado.

Veamos un ejemplo. Si entramos a nuestra web, y nos logeamos como administradores (en estemanual usuario “rootdrupal”), podemos acceder a la administración de los temas en el apartadoInicio>Administrar>Construcción del sitio>Temas.

Por defecto en esta sección ya aparecen una serie de temas, para probar algún tema podemosmarcarlos como activado y predeterminado y pulsar sobre el botón “Guardar configuración”.

Además de los temas por defecto, existe una gran variedad de temas disponibles en internet. Parabuscar más temas podemos dirigirnos al siguiente site: http://drupal.org/project/themes dondeencontraremos infinidad de temas.

Para nuestro ejemplo voy a usar el tema “A Vitamin” (es el que más me ha gustado :). Selecciono eltema, y lo descargo (en el momento de escribir el manual, la última versión disponible es la 6.x-1.4).

Así que selecciono el tema, y lo descargo. Una vez descargado lo descomprimo, y el directorio queme genera “avitamin”, lo muevo a la carpeta de themes de mi instalación del drupal.tar xvfz avitamin-6.x-1.4.tar.gzmv avitamin /opt/lampp/htdocs/drupal-6.16/themes/

Si vuelvo a cargar la página de administración de los temas de drupal, me sale el nuevo tema, bastacon seleccionarlo y guardar la nueva configuración.


Página 20 de 49

Modificando el logo del temaVamos a realizar un pequeño cambio en el tema, para customizar un poco la web a nuestrocontenido, modificaremos el logo. Para ello lo único que tenemos que hacer es buscar una imagendel logo que queramos mostrar y reemplazar la existente.

Se puede reemplazar usando las opciones de drupal en “Apariencia > Seleccionamos nuestro tema >Opciones. O se puede cambiar manualmente.

En mi caso manualmente, voy a crear una página de baloncesto, para lo cual tengo listo una imagende basket. La renombro con el nombre logo.png (es posible que tengáis que cambiar el formato devuestra imagen). Y reemplazamos la imagen actual, en el directorio: /opt/lampp/htdocs/drupal-6.16/themes/avitamin/ (el nombre del último directorio puede variar ya que depende del tema quetengáis seleccionado).

Agregar contenidoSi entramos en nuestra aplicación y nos logueamos como administradores (rootdrupal), tenemos unasección que nos permite agregar contenidos a nuestra web “Crear contenido”. Como nos explica enla propia página del drupal, existen dos tipos de contenidos: Page y Story.

Page: Usada para artículos fijos que no tengan variación en el tiempo pero que siempre pueda serconsultada. Las páginas no permiten incluir comentarios de visitantes y no es promovida a laportada del sitio (por defecto)

Story: Usada para dar noticias, mensajes, alertas, información actual. Por defecto estos contenidosse muestran en portada y permiten incluir comentarios de los visitantes.


Página 21 de 49

En nuestra página web de ejemplo vamos a crear una página web para un club de baloncesto,Arabasket. En primer lugar vamos a definir las secciones en las que queremos dividir la página, vana ser:

• El equipo: Historia del club, hitos conseguidos, mejor clasificación.◦ Jugadores: Tengo pensado escribir sobre los integrantes del equipo, edades, características,bagaje deportivo.• Afición: Descripción de la afición del equipo.• Clasificación: Posición que ocupa el equipo en la temporada.• Partidos: Día y horario del partido.• Ausencias: Lesiones y jugadores que no van acudir a la convocatoria del partido.

Para empezar a meter datos, elegimos crear un nuevo contenido de tipo Page. En primer lugarintroducimos el título del artículo que vamos a escribir, en el ejemplo “Historio del equipo”.

A continuación desplegamos “Opciones de menú”, escribimos el “título del enlace del menú” estetexto será el que se mostrará para llegar a la sección. A continuación el “elemento padre”, es decir,seleccionamos de donde va a colgar nuestro menú, como en nuestro caso, es un menú principalseleccionamos como elemento padre el que viene por defecto “<Primary links>”. Por últimoseleccionamos “el peso” de la página en este caso un 0, para la siguiente página “Jugadores” ledaremos un peso 1, para conseguir que se posicione justo después de la sección “El equipo”.

En el apartado de Body es cuando toca introducir el texto que deseamos que se muestre comoartículo de nuestra página.

En el apartado de Formato de entrada nos permite elegir entre “Filtered HTML” que solo admiteun número restringido de etiquetas htmls con lo que los formatos estan más restringidos o “Full


Página 22 de 49

HTML” que admite todo tipo de etiquetas html. Para más información acerca de los formatospodéis pulsar en la última línea de este apartado “Más información sobre opciones de formato”.

En el apartado de Información de revisión sirve para dejar explicaciones de actualizaciones ocambios que se hacen en el texto para ayudar a los editores a a entender las modificaciones. Es algoasí como un control de cambios manual.

En el apartado de Opciones de comentarios al ser un tipo Page por defecto esta la opción de“Desactivado”

En el apartado de Información de auditoría se indica el autor del texto y la fecha en que seescribió (si se deja en blanco) coge la fecha del día que se escribe.

El último aparatado muestra las Opciones de publicación por defecto “publicado” y sin“promocionar a la página principal” ya que es un tipo Page


Página 23 de 49

Repetimos la creación de contenidos para el resto de secciones de nuestra web, en mi caso:Jugadores, Afición, Clasificación, Partidos, Ausencias. Tras terminar de introducir las seccionesesta es la apariencia de nuestra web.

Creando menú y submenúComo hemos visto en el apartado anterior, al crear contenido podemos seleccionar en “Opciones demenú” si queremos que aparezca en el menú, la posición que queremos que ocupe etc.

En nuestro ejemplo anterior hemos creado dos páginas de contenido (Jugador1 y Jugador2 quehemos colgado del menú principal Jugadores. Sin embargo, al posicionarnos encima de la opción dejugadores no se despliega el resto de opciones del submenú.

Se debe a que no hemos elegido la opción de auto-expandir, para ello, vamos al apartado de“Inicio > Administración > Estructura > Menús” y editamos el menú.

Nos aparecerá un listado con todos los links que contiene el menú. Seleccionamos la opción deeditar en el link de Jugadores y activamos la opción de “Show as expanded”. De esta manera alposicionarnos sobre el menú de jugadores se nos expandirá vermos las opciones de Jugador1 yJugador2.


Página 24 de 49

Modificar la forma de la páginaComo habéis podido comprobar nuestro menú es demasiado grande y nos aparece un salto de líneaantes de la última sección “Ausencias”. Vamos a modificar la forma de la página para que todo elmenú se visualice en una solo línea. Para este punto, es necesario tener unos conocimientos básicosen html, edición de web y hojas de estilo. No me voy a extender mucho en este punto ya que existenmanuales dedicados expresamente a la edición web y css.

Si visualizamos el fichero: /opt/lampp/htdocs/drupal-6.16/themes/avitamin/page.tpl.php(recordar que dependiendo de la ruta de instalación puede ser otra ubicación). Vemos que la paginaestá compuesta div's. Existe un div principal PAGE, que contiene un div TOP, que a su vezcontiene otros dos div's LOGO y NAVIGATION. En la siguiente imagen podéis ver la estructuradel fichero.

La definición de estos contenedores “div's” se encuentra en un fichero css, en nuestro caso ladefinición de los div's se encuentra en: /opt/lampp/htdocs/drupal-6.16/themes/avitamin/style.cssEn este fichero vemos que la anchura maxima viene definida por elemento PAGE con una anchurade 910 px.

Entre el LOGO y NAVIGATION no deberían sumar más de 910 px. Editamos este fichero ycambiamos la anchura de los div's a 200 y 620 respectivamente. Además alineamos a la izquierda eldiv NAVIGATION para que se situe a continuación del logo.

Tras guardar los cambios en el fichero style.css este es el resultado al recargar la página de nuestrositio web:


Página 25 de 49

Otra solución que podéis adoptar es cambiar el tamaño del texto del menú, ya que la letra esbastante grande y limita el espacio disponible. Para cambiar la letra en el fichero style.css podéiseditar el tamaño utilizado en el menú de la navegación.


Página 26 de 49

Agregar imágenes junto al contenidoSi habéis creado diferentes “pages” para vuestra web, habréis constatado que drupal no viene pordefecto preparado para insertar imágenes en los contenidos ya que el editor de texto es muysencillo. Vamos a ver dos métodos que nos sirven para mejorar la interface y que nos permita poderagregar imágenes a nuestro contenido.

Método 1. Módulo inlineEste método consiste en escribir la etiqueta [inline …..] dentro de nuestro contenido, gracias almódulo inline junto con el módulo filter, reemplaza la etiqueta que nosotros escribimos por laimagen que deseemos (por la etiqueta html que muestra la imagen). La imagen que utilicemos eninline debe estar subida al servidor, por lo que tendremos que utilizar otro módulo de subida deficheros, modulo Upload. Veamos paso a paso como se realiza.

En primer lugar bajamos el módulo inline. Vamos a la página http://drupal.org/project/inline ydescargamos la versión release, ahora mismo la última versión es la 6.x-1.0 de 2009-Jan-13. Unavez descargado el fichero “inline-6.x-1.0.tar.gz” lo desenpaquetamos (descomprimimos), lo cualcreará una carpeta: “inline”. Movemos esta carpeta hasta el directorio de los módulos de nuestrainstalación de drupal, en el caso de este manual la ruta es: /opt/lampp/htdocs/drupal-6.16/modules

Ahora hay que activar los módulos así que nos metemos en nuestra aplicación de drupal con elusuario administrador (rootdrupal en el ejemplo) y nos movemos a “Inicio >> Administrar >>Construcción del sitio >> Modulos”. De la lista de módulos tenemos que activar el módulo Uploady el módulo inline, después de activarlos pulsamos el botón de guardar configuración.

El siguiente paso es seleccionar en que formatos de entrada queremos aplicar la sustitución de lasetiquetas inline. En drupal navegamos hasta “Inicio >> Administrar >> Configuración del sitio >>Formatos de entrada”. En concreto para nuestro ejemplo pulsamos sobre configurar el formatoFiltered HTML. Aparece los filtros disponibles en este formato, seleccionamos el filtro inline yluego guardamos la configuración.

Por último configuramos el módulo inline. En nuestra instalación de drupal nos movemos a“Inicio >> Administrar >> Configuración del sitio >> Inline”. Nos encontramos con la siguientepantalla de configuración:


Página 27 de 49

Podemos seleccionar si queremos que la etiqueta inline se reemplace por la imagen (display only) opor un texto con un link a la imagen (display imagen with a link to the image file). Ademásindicamos un tamaño máximo para la imagen, si la imagen que insertamos supera el tamaño quemarcamos obligatoriamente nos mostrará el texto con un link a la imagen aunque hayamosseleccionado la opción de ver la imagen en el contenido. Para mi ejemplo marco la opción de“Display image only” y cambio el tamaño máximo a “400x400”.

Probamos que todo funcione correctamente. Nos movemos al apartado para crear contenido“Inicio >> Crear contenido >> Crear Story”. Nos aseguramos que en la sección de “Formato deentrada” este marcada la opción de Filtered HTML. En la sección de “Archivos adjuntos”examinamos nuestro disco duro y subimos la imagen que deseemos. Una vez subido el fichero (porejemplo imagen.jpg) vamos a escribir el contenido de nuestro artículo, para insertar la imagenescribimos [inline:imagen.jpg=descripción de la imagen ] o también podemos escribir[inline:1=descripción de la imagen ] donde 1 es la primera imagen que hemos subido, si subimosotra imagen la podemos referencial con el 2 y así sucesivamente.

Y este es el resultado al guardar el artículo:


Página 28 de 49

Método 2. CKEditor + IMCEEste es el método que más me gusta, consiste en agregar a Drupal mas potencia en el editor detexto, de manera que no solo permita introducir un texto plano sino también cambiar el formato(negritas, cursivas, colores de letra, subrayados, etc...).

Además queremos agregar un editor que sea intuitivo para el usuario que lo utilice. Lo másintuitivo es que el formato que el autor configura sea el que luego se muestra en el artículo para loslectores, es lo que se denomina un editor “WYSIWYG”.

El modulo que vamos a instalar “CKEditor”, lo podemos bajar de http://drupal.org/project/ckeditordescargamos la última versión disponible, (cuando redacte el manual la “6.1x-1.1”). Después dedescargar el fichero “ckeditor-6.x-1.1.tar.gz” desempaquetamos lo cual creará la carpeta “ckeditor”.Movemos esta carpeta hasta el directorio de los módulos de nuestra instalación de drupal, en el casode este manual la ruta es: /opt/lampp/htdocs/drupal-6.16/modules

Es importante leer la página de donde hemos descargado el módulo (siempre leer todo el texto,aunque sea más engorroso os evitará problemas a la hora de realizar instalaciones), observamos quese nos advierte que el módulo requiere un componente. El componente es realmente el CKEditor,ya que este componente no solo se puede implementar en drupal sino también en otros CMR.

Nos metemos en el sitio http://ckeditor.com/download y descargamos el componente (en mi caso laversión 3.4). Al estar en Linux me descargo el fichero “ckeditor_3.4.tar.gz”, si estáis en Windowspodeís elegir la opción “full” y descargaros el fichero ckeditor_4.1.1_full.zip. Y al igual que antes,lo desempaqueto/descomprimo. Ahora lo tengo que mover dentro del módulo, si hemos seguido laestructura de rutas del manual el directorio hay que moverlo a “/opt/lampp/htdocs/drupal-6.16/modules/ckeditor/ckeditor”, con lo que el direcotorio raiz que contiene el componente es“.../modules/ckeditor/ckeditor/ckeditor” (si, esta repetido 3 veces).

Ahora hay que activar los módulos así que nos metemos en nuestra aplicación de drupal con elusuario administrador (rootdrupal en el ejemplo) y nos movemos a “Inicio >> Administrar >>Módulos”. De la lista de módulos tenemos que activar el módulo CKEditor.

Para drupal 6 se importan las traducciones, tras esta pantalla, la instalación ha terminado.

Para configurar el nuevo módulo vamos a la sección: “Inicio >> Administrar >>Administración deusuario >> Permisos” y seleccionamos aquellos permisos que deseamos que tengan acceso almódulo de CKEditor cuando editen un texto. En mi ejemplo solo voy a dar permiso de uso a losusuarios que esten registrados, tal como vemos en la imagen.


Página 29 de 49

En drupal 7 para llegar a los permiso en la misma pantalla de configuración de módulos, se puedellegar a los permisos para el módulo de CKEditor. También desde la misma pantalla se puedeacceder a la configuración del módulo.

El siguiente paso consiste en configurar CKEditor. Hay que desplazarse hasta la sección:“Inicio >> Administrar >> Configuración del sitio >> CKEditor”. En esta sección podemosconfigurar diferentes formas el CKEditor (Perfiles), haciendo que apliquen a un determinado rol deusuario. De esta manera, dependiendo del rol del usuario se te cargaría una configuración distinta deCKEditor. De momento entramos a editar el único perfil que tenemos definido: “Advanced”.

En drupal 7 los Perfiles se asignan a los formatos de entrada, es decir “Filtered HTML”, “FullHTML”, (plain text no tendría mucho sentido)

Tenemos un buen montón de opciones para investigar, básicamente voy a realizar dos cambios.Utilizar la hoja de estilos del CKEditor:

Y cambiar la barra de botones del CKEditor, en el apartado de “Apariencia del editor” por otra mássimple:

Si vemos la apariencia que tiene nuestra caja de texto al crear contenido, ha ganado bastante endiseño y además podemos configurar formato en los caracteres (he puesto la barra simple porsimplificar pero tenéis multitud de opciones). Si intentamos insertar imágenes subiéndolas alservidor, aun no nos lo permite ya que falta seleccionar un módulo encargado de esta tarea (ennuestro caso queremos usar IMCE)


Página 30 de 49

Instalar el módulo IMCE, es muy sencillo, se realiza de forma similar a los pasos anteriores quehemos visto en el manual:

1. Buscar el módulo IMCE de drupal.

2. Leer la documentación del módulo (siempre hay que hacerlo aunque sea tedioso)

3. Descargar el fichero (en el momento de redactar el manual la versión 6.x-2.0-rc1.zip)

4. Desempaquetar.

5. Mover al directorio de módulos

6. Activar el módulo dentro de drupal.

7. Guardar la configuración.

Después de tener el módulo IMCE instalado y activado en drupal, tenemos que configurarCKEditor para que utilice el módulo IMCE. “Inicio >> Administrar >> Configuración del sitio >>CKEditor”, editamos el perfil de “Advanced”. En el apartado de “Configuración del explorador dearchivos” seleccionamos IMCE y guardamos la configuración.

Ahora cuando queremos insertar una imagen, nos aparece el botón de “Ver servidor” dondepodemos seleccionar una imagen ya subida o también tenemos la opción de subir una imagen deldisco duro al servidor.

Con estos métodos hemos agregado a drupal, potencial para poder subir imágenes a los contenidos.


Página 31 de 49

Configurando la barra de herramientas de CKEditorSi en el apartado anterior, habéis decidido utilizar el método del módulo CKEditor, quizás os habéisfijado que las barras disponibles son demasiado simples o demasiado complejas. En este capítuloaprenderemos a modificar la barra del CKEditor para configurarla a nuestro gusto.

Si entramos en “Inicio >> Administrar >> Configuración del sitio >> CKEditor >> Editar perfilavanzado” en la sección de “Apariencia del editor” vemos que nos deja elegir entre Basic,Drupalbasic, Drupalfiltered, DrupalFull, Full. Como cada administrador tiene sus gustos, sepueden definir más barras editando el fichero “ckeditor.config.js” que se encuentra en la ruta“/opt/lampp/htdocs/drupal-6.16/modules/ckeditor” si has seguido las rutas de este manual.

Barra Full

A la hora de editar nuestra barra, tenemos que tener en cuenta:• Los nombres de los botónes van entre corchetes separados por comas ,• Para separar grupos de botones utilizamos un guión entre comillas simples '-'• Los grupos de botones se ajustan automaticamente.• Para forzar un salto de línea de botones usaremos comillas simples y barra '/'

Teniendo en cuenta estos aspectos edito el fichero “ckeditor.config.js”, y me creo la barra parafckeditor justo despues de la barra que existe para DrupalFull (en el fichero viene definida en lalínea 66 config.toolbar_DrupalFull ). Mi barra quedaría de la siguiente manera:


Página 32 de 49

El código de la nueva barra llamada “Jugadores” (del equipo de baloncesto) es el siguiente (por siquieren copiar y pegar):

/** Barra creada específicamente para mi sitio web.*/

config.toolbar_Jugadores = [['Source'],['Cut','Copy','Paste','PasteText','PasteFromWord'],['Image','Table','HorizontalRule','Smiley','SpecialChar'],['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

['NumberedList','BulletedList','-','Outdent','Indent'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink'],['Format','Font','FontSize'],['TextColor'],

];

Si volvemos a “Inicio >> Administrar >> Configuración del sitio >> CKEditor >> Editar perfilavanzado” en la sección de “Apariencia del editor” vemos que nos deja elegir la barra con nombreJugadores.

Y la nueva barra tiene este aspecto:

Barra Jugadores

Menú principal (primary links)

Cuando estuvimos creando el menú de nuestra aplicación web de baloncesto, definimos una serie depáginas (pages) y utilizamos el campo de “Título del enlace del menú.: ” para ir creando el menú.Realmente drupal, lo que hizo es crear por un lado la página (el nodo) y por otro lado el menú paraque enlazara al nodo.

El menú que teníamos estaba formado por:

• El equipo• Jugadores• Afición• Clasificación• Partidos• Ausencias


Página 33 de 49

Queremos realizar un cambio en el menú, deseamos agregar la sección:

• Noticias: que aglutine las noticias y eventos que se vayan publicando.• Cronicas: donde describir un resumen de los partidos que vayamos jugando.• Bajas: que sustituye a la actual sección de ausencias.

Nos desplazamos hasta la administración de menús en nuestro drupal, “Inicio >> Administrar >>Construcción del sitio >> Menús”. Editamos el menú de los primary links.

Se nos muestran los diferentes elementos que conforman el menú de “primary links”, desde estapantalla podemos:• Desactivar elementos del menú• Seleccionar si queremos que se muestren expandidos (si tiene nodos dependientes semostraran expandidos desde el principio)• Eliminar elementos del menú.• Cambiar el orden de los elementos, pinchando y arrastrando.

Si editamos el elemento “Ausencias” podemos modificar el nombre el elemento, la ruta a dondeenlace el elemento del menú, y la descripción del elemento. Editamos y cambiamos su nombre por“Bajas”.

El resultado se puede apreciar nada más guardar los cambios.

Para agregar los otros dos elementos del menú (Noticias y Crónicas), volvemos a editar el menú de“Primary Links” y pulsamos sobre la pestaña de “Añadir Elemento”. En principio vamos aenlazar estos dos menús con la página inicial, así que la ruta la configuramos con el parámetro


Página 34 de 49

“<front>”. Además en nuestro ejemplo queremos que queden justo por delante del elemento delmenú “Bajas”, con lo que tendremos que jugar con el parámetro de peso para que queden en elorden correcto.

Es posible que con los cambios del menú, no quepa todo en una línea, en capítulos anteriores yavimos como corregir este problema.

Taxonomía y categorización

En este apartado del manual vamos a ver con qué facilidad drupal gestiona contenidos.Supongamos que quiero agregar funcionalidad a mi web para que los jugadores de baloncesto (losusuarios registrados) puedan escribir dos clases de artículos noticias de actualidad del equipo ycrónicas de los partidos. Además deseo que ambos artículos, sean del tipo que seanautomáticamente se publiquen en la página principal pero también me gustaría que los nuevosmenús que he creado (noticias y crónicas) mostrarán específicamente artículos de esa categoría.Vamos a ponernos manos a la obra:

Como deseo que artículos sean del tipo que sean se publiquen en la página principal, voy a utilizarlos contenidos del tipo “Story”, pero el nombre no me gusta para un usuario de la aplicación, asíque voy modificar la descripción por “Artículo”. Entro en “Inicio >> Administrar >>Administración de contenido >> Tipos de Contenido”, edito el nombre y el tipo del contenido parque ponga artículos.


Página 35 de 49

Hasta aquí, un cambio que no va más alla del gusto personal de cada uno. A continuación tenemosque definir un vocabulario. El vocabulario no es más que una agrupación de términos con unascaracterísticas comunes. Los vocabularios contienen términos, estos términos pueden ser categoríasfinales o contener otras términos hijos.

Por ejemplo, puedo tener el vocabulario “Lugares” con los términos “España”, “Francia”,“Portugal”, además puedo tener otros términos en lugares como “Aragón”, “Asturias”, “Cantabria”que los categorizaría como hijos del término “España”.

Para nuestro cometido me voy a crear el vocabulario “Sección”, me situó en “Inicio >>Administrar >> Administración de Contenido >> Taxonomía” y agrego un nuevo vocabulario.

• Nombre del vocabulario: Sección• Descripción: Secciones en las que se permite agregar contenido• Tipos de contenido: Artículo (en este tipo de contenido podré utilizar el vocabularios).• Etiquetas: Desmarcado (no deseo que el usuario agregue nuevos terminos).• Selección multiple: Desmarcado (o elige un termino u otro).• Obligatorio: Marcado (tendra que elegir un termino obligatoriamente).• Peso: Indiferente. (como solo tengo un vocabulario no me importa el peso)

Ya hemos definido el vocabulario, a continuación tenemos que agregar los términos al vocabulario.En el listado donde aparece el vocabulario pulsamos sobre “Agregar términos” y creamos los dostérminos (noticias y crónicas) con sus correspondientes descripciones. En este ejemplo nonecesitamos modificar las opciones avanzadas.

En este punto hemos completado una primera parte y podemos crear nuestro artículo para el cualobligatoriamente tendremos que elegir un término del vocabulario “Sección”. Creamos un artículoy seleccionamos que pertenece al término “Noticias”.


Página 36 de 49

Después de crear la noticia, vemos que esta al ser del tipo de contenido “Artículo” ha promocionadodirectamente a nuestra portada del sitio. Si seleccionamos el artículo para ampliar la noticia vemosque al final del texto nos indica el termino del vocabulario al que pertenece. Si pulsamos en eltermino “Noticias” nos mostrará un listado con todas las noticias publicadas, en este listadotenemos que estar atentos a la url que nos aparece.

Esta url es la que vamos a utilizar para enlazar nuestro menú principal de la apliación con el listadode noticias (taxonomy/term/1). Editamos el elemento del menú en “Inicio >> Administrar >>Construcción del sitio >> Menús >> Primary Links”. Y en el parametro de ruta le indicamos quequeremos utilizar la categoría de Noticias (taxonomy/term/1)

Para la sección de Crónicas seguire los mismos pasos. ¡Y listo!, nuestros usuario ya pueden agregarartículos y seleccionar en que sección desean insertarlos.

URL Limpias y AliasLas url's de drupal, no son realmente como se nos muestra, en realidad, todo enlaza a la páginaprincipal y la información que muestra depende de los parámetros que se pasan. Así que la url querealmente usa drupal sería del tipo:

http://localhost/drupal-6.16/?q=node/2

Cuando hicimos la instalación de drupal 6, aunque no lo comentamos, se seleccionóautomáticamente la opción url's limpios, al activar esta opción nos traduce la url a algo más tangiblepara la comunicación humana (aunque solo sea un poco), la url anterior queda de la siguientemanera:

http://localhost/drupal-6.16/node/2

La opción se encuentra en “Inicio » Configuración del sitio » URL limpias” (En drupal 7 “Inicio »Administración » Configuración » Search and metadata » URL Limpias”). Al acceder a este


Página 37 de 49

apartado en muchos casos nos ofrece la posibilidad de realizar un test para comprobar si laconfiguración de nuestro apache es apta para implementar las url limpias.

Si cuando realizamos el test, nos da un error, nos redirigen al manual de drupal donde explican lasposibles causas por las que puede fallar el test. Una de las causas más comunes es que nuestroservidor apache no tenga activado el “módulo rewrite”. Para activarlo hay que editar el ficherohttp.conf de nuestro servidor apache y activar la línea que carga el modulo mod_rewrite.so (paraello solo es necesario quitar el carácter # que precede la línea). Una vez realizado el cambio delfichero, reiniciamos el servidor. Al acceder al apartado de urls limpias, en lugar del botón pararealizar el test nos aparece un check para activar las url limpias.

Con las url limpias ya empieza a ser más comprensible, pero aun así sigue siendo un poco extraño,recordar que para mostrar el listado de todas las noticias teníamos que usar una url como esta:

http://localhost/drupal-6.16/taxonomy/term/1

Para mejorar otro paso más las urls, se puede usar el módulo Path. Este módulo ya viene connuestra versión de drupal y solo tenemos que acceder a la administración de los módulos paraactivarlo (es posible que ya esté activada). El módulo path permite crear alias (sinónimos) para lasurls de nuestra web, de manera que podemos simplificarlas.

Después de activar el módulo nos aparecerá una opción nueva en “Inicio >> Administrar >>Construcción del sitio >> Alias de URL” (En drupal 7 esta opción ha sido movida Inicio >>Administración >> Configuración >> Search and metadata).

Podemos añadir un nuevo alias, por ejemplo el alias noticias, para la url taxonomy/term/2.Después de crear el alias podemos ir al elemento del menú y modificar la ruta del elemento para queapunte al alias en lugar de a la ruta directa (aunque sigue funcionando igualmente).

Ahora para entrar a las noticias podemos usar la url:http://localhost/drupal-6.16/noticias


Página 38 de 49

Módulo de contactoMuchos sitios webs tienen una página de contacto donde los usuarios se pueden en contacto (nuncamejor dicho) con personal de la web. Para ello drupal dispone del módulo “Contact” que ya vienepre-instalado, con lo cual solo tenemos que activarlo en la sección de módulos.

Una vez activado el nuevo módulo (acordaros de guardar los cambias), configuramos los permisosdonde definimos quien puede acceder al formulario. Como en mi caso, me interesa que todo elmundo incluido los usuarios anónimos puedan usar el formulario habilito este a todos.

Si ahora vamos al apartado de estructura, vemos que aparece un nuevo apartado “Conctact form”(Formulario de contacto).

Al entrar en “Contact form” vemos las categorías disponibles, podemos crear tantas categoríascomo deseemos, por ejemplo si deseamos que haya distintas contactos uno administrativo, técnico,comercial…

En nuestro caso solo queremos un único contacto por lo tanto editamos el que esta creado pordefecto.


Página 39 de 49

Al editar la categoría podemos cambiar los siguientes campos: el nombre de la categoría, losdestinatarios a donde queremos que llegue el texto introducido en el formulario de contacto, larespuesta automática que queremos que enviar al usuario que ha usado el formulario, el peso de lacategoría (el orden en caso de tener varias), y si queremos que la categoría este seleccionada deformar predeterminada.

Además el módulo nos indica que se ha creado un nuevo ítem en el menú de navegación para poderacceder al formulario del contacto. “Contact menu item (disabled by default) is added to the Navigationmenu, which you can modify on the Menus administration page.”

Así que si vamos a la sección de “Estructura >> Menú” y miramos la lista de links que contiene elmenú de navegación vemos que existe un nuevo ítem que nos lleva a la página de contacto.

Si editamos el Contacto, vemos las características típicas de un link, particularmente solo meinteresa que nos fijemos en la configuración que tiene en el campo “Ruta”. De este modo vemosque la página donde se encuentra el formulario es “contact” y por lo tanto cuando queramos accederal formulario la ruta que hay que utilizar es “http://www.nuestrodominio.com/contact”, de igualmodo, cuando queramos crear un link nuevo tenemos que usar la url “contact”.

Y esta es como queda nuestra pantalla de contacto:


Página 40 de 49

Si realizáis una prueba en local del módulo contacto, es posible que os encontréis con algún error alno poder enviar correctamente el aviso.

Este mensaje se debe al propio funcionamiento de drupal para enviar correos. Drupal usa la funciónmail() de php, está función hace uso de los parámetros de configuración del fichero php.ini sinotenéis un servidor smtp instalado en local y configurado correctamente en el fichero pho.inidifícilmente se podrá enviar correos electrónicos.

Normalmente los servidores hosting, tienen correctamente configurado el fichero php.ini y sedispone de servidor smpt para realizar el envío así que es muy posible que no tengáis este problemaal subir vuestra versión al servidor.

Si a pesar de todo queremos realizar la prueba en local, entonces tienes 2 métodos.

- El más pesado, pero desde mi punto de vista más correcto, crear un servidor smpt en local yconfigurar el fichero php.ini correctamente.

- El más ligero, que sería instalar el módulo de drupal SMTP Authentication Support, estemódulo permite configurar una cuenta de usuario para usar un servidor smtp externo, esdecir que usando este módulo podemos mandar mails a través de nuestra cuenta de gmail,Hotmail, etc.

Nota: La primera vez que realiza la prueba me decante por usar un módulo similar al SMTP Authentication Support(creo que este módulo aun no existía o no era tan famoso), las posteriores veces me ha resultado más fácil realizar laprueba directamente en hosting. Con esto quiero decir que no he tenido paciencia/tiempo suficiente para aplicar elmétodo de instalación del servidor smtp.

Modificando el módulo contactoYa tenemos configurado nuestro módulo contacto, pero imaginemos que lo vemos un poco soso, yqueremos agregar alguna reseña “No lo dudes, envía una consulta, usa nuestro formulario.”

En su día tome una solución un poco “bizarra”, me dediqué a editar el código de drupal del módulocontact, en concreto el fichero “contact.pages.inc”, para que al renderizar el formulario incluyera unnuevo elemento con la información nueva. La solución funciona pero no me parece la manera máselegante.

Si hubiera leído bien desde un principio, en la propia configuración del módulo contact me sugiereque si quiero agregar más texto puedo crear un bloque. Una sencilla solución que no se me habíapasado por la cabeza (cosas de un novato).

“If you would like additional text to appear on the site-wide contact page, use a block. You can create andedit blocks on the Blocks administration page.”

Así que vamos a crear un nuevo bloque, al que vamos a describir como “Parte superior para elformulario de contacto”, no vamos a ponerle título al bloque ya que se usará el título del módulocontact, rellanamos el cuerpo con el texto deseado y como configuración importante indicamos quesolo queremos que se muestre en la página de contact.


Página 41 de 49

El nuevo bloque lo ubicamos en la zona de contenidos

Y este es el resultado de nuestro formulario de contactos con el bloque que hemos creado:


Página 42 de 49

Módulo CaptchaEs posible que a nuestro recién creado formulario queramos agregar un validador para evitar spam,envíos automáticos de robots. . . Para ello existe el módulo captcha, este módulo muestra imagencon unos números que es necesario replicar para poder enviar el formulario, de esa manera nosaseguramos (o al menos lo intentamos) que el formulario es rellenado por un humano.

Para instalar el módulo, como en otras ocasiones es muy sencillo:

1. Buscar el módulo CAPTCHA de drupal. https://drupal.org/project/captcha

2. Leer la documentación del módulo (siempre hay que hacerlo aunque sea tedioso)

3. Descargar el fichero (en el momento de redactar el manual la versión captcha-7.x-1.0.zip)

4. Desempaquetar.

5. Mover al directorio de módulos

6. Activar el módulo dentro de drupal.

7. Guardar la configuración.

Una vez activado los módulos de captcha podemos configurar el módulo. A la hora de configurarpodemos elegir entre otras muchas cosas, cual es el método de validación por defecto y en queformularios queremos que se encuentre el validador y el texto que deseamos que aparezca juntocon el validador captcha. El formulario del método contacto es “contact_site_form”.

Recuerda que para visualizar como queda el formulario, es necesario que no estés logueado.Después de configurar el módulo el formulario quedaría así:


Página 43 de 49

Si por ejemplo, queremos dar un aspecto más moderno a nuestro módulo CAPTCHA, podemosinstalar el módulo reCAPTCHA. Este nuevo módulo permite que la apariencia sea algo similar a:

La instalación de este módulo es muy sencilla, se baja el módulo y se instala como cualquier otro,al activarlo, en la configuración del módulo CAPTCHA nos permite elegir como método devalidación el reCAPTCHA. Por último configuramos el método reCAPTCHA, solo hay queintroducir una clave pública y una clave privada, para obtener estas claves el propio módulo nosindica el link donde podemos conseguir estas claves.

Instalación en un servidor onlineUna vez tengamos nuestra página web en local y hayamos realizado el “customizado” del site paraque muestre el aspecto que deseamos, muchos queremos subir el fruto de nuestro esfuerzo a laWWW

Para ello tendremos que comprar un hosting que tenga posibilidad de usar mysql y que pueda correrphp correctamente (al igual que los requisitos cuando instalamos en local drupal).

Verificar la versión de phpEl primer paso que debemos de revisar es si en nuestro domino contratado está funcionando “php” ysi es la versión correcta para ello lo más sencillo es subir un fichero que podemos llamar“prueba.php” con el siguiente contenido.

<html><head></head><body><?php

phpinfo();?></body></html>

Si navegamos hasta el nuevo fichero http://vuestro_domino.com/prueba.php se puede ver la versióninstalada de php y un motón de variables de entorno. En caso de no obtener respuesta pude debersea varios factores:

1 No tenéis php instalado en vuestro servidor de hosting.

2 Algunos servidores deshabilitan esta función para evitar exponer demasiada información aterceros. Podéis probar con alguna otra función de php a ver si funciona correctamente (tipo echo),pero para obtener la versión tendréis que buscar otro método (preguntar al soporte de vuestrohosting).

Si la versión de php no es la correcta, algunos servidores de hosting permiten cambiar la versión dephp de manera sencilla. Por ejemplo, si el hosting es administrado con CPanel se puede variar en lasección de “Software/Servicios>Configuración de PHP”. (si la función está habilitada)


Página 44 de 49

Una vez realizada esta prueba recomiendo borrar el fichero de “prueba.php”.

Preparamos una base de datos del servidorComo ya sabéis Drupal, necesita una base de datos, así que es necesario crear una base de datos ennuestro servidor de hosting con un usuario para poder acceder a esa base de datos. Normalmente enla administración de nuestro hosting tenemos opciones para crear bases de datos. En este ejemplo semuestra como crear una base de datos con CPanel.

En CPanel “Bases de datos> Bases de datos de MySQL”

Nos aparece un menú para crear una base de datos, el inicio del nombre de la base de datos ya estápre-configurado y simplemente tenemos que terminar el nombre con el texto deseado y usar elbotón de “Crear base de datos”.


Página 45 de 49

El siguiente paso es crear un usuario para acceder a la recién creada base de datos“jnzfpgmx_mibasedatos”. Para ello en el mismo sitio “Bases de datos> Bases de datos de MySQL”disponemos de la opción para crear usuarios. Al igual que antes el prefijo del usuario ya está pre-configurado y solo tenemos que añadir los últimos caracteres y pulsar sobre el botón de “Crearusuario”. En nuestro ejemplo creamos el usuario “jnzfpgmx_prueba”.

Por último, solo nos queda asociar la base de datos y el usuario. Este paso es realmente sencillo y serealiza en el mismo sitio “Bases de datos> Bases de datos de MySQL”, seleccionando nuestranueva base de datos y nuestro usuario.

A continuación hay que determinar que permisos le vamos a dar al usuario. Como vamos a crearobjetos de la base de datos le damos todos los privilegios posibles.

De esta manera hemos dejado nuestra base de datos creada con un usuario de acceso. (Una vezterminado el proceso de instalación podemos quitar algunos de los permisos si los consideramosexcesivos)


Página 46 de 49

Realizar una copia de seguridad de nuestro servidor localMucha de la información que hemos configurado en nuestro site de drupal se almacena en la basede datos. Por lo tanto, para poder subir nuestra versión a la web tendremos que realizar una copia deseguridad de la base de datos local para posteriormente restaurarla en nuestro hosting.

Para realizar una copia de seguirdad o backup de una base de datos de MySql existe el comandomysqldump. Este comando se encuentra en la carpeta “bin” de nuestro mysql, sino tenemos lacarpeta bin en el path tendremos que situarnos en ella.

Abrimos el terminal (si estamos en Windows Inicio>Ejecutar>cmd), nos situamos en el directoriobin de mysql (en mi caso C:\Program Files\MySQL\MySQL Server 5.5\bin) y ejecutamos elcomando para generar el backup de la base de datos. Para evitar problemas de permisos, intentarejecutar cmd con permisos de administrador.

cd "C:\Program Files\MySQL\MySQL Server 5.5\bin"mysqldump -u UsuarioLocal -p BaseDatosLocal > archivo.sql

En el comando anterior, hay que sustituir las variables UsuarioLocal y BaseDatosLocal por losparámetros necesarios para conectar en nuestra base de datos local (atención son los datos denuestro drupal de local no los que hemos creado en nuestro hosting web). Si nos hemos olvidado denuestra configuración en el fichero “settings.php” del directorio “sites\default\” de nuestro drupalveremos los parámetros que estamos utilizando. Quedaos con el nombre de este fichero por que seránecesario más adelante.

Cuando el proceso se inicie nos solicitará nuestro password de acceso a la base de datos para podercontinuar.

Una vez ejecutado el comando “mysqldump” con la redirección “>” se habrá generado el fichero“archivo.sql” que contiene el backup de la base de datos, toda la estructura y todos los datos. Estefichero puede ocupar mucho espacio, así que es recomendable comprimirlo de manera que elnombre del fichero se llame “archivo.sql.zip”

Subir base de datos local al servidorEl último paso que nos queda por realizar, es subir la copia de seguridad que acabamos de crear anuestro hosting. Para ello usamos el gestor de base de datos phpMyAdmin.

PhpMyAdmin es un gestor para la base de datos mySql (y supongo que alguna más) que funcionasobre código en php, es decir, no dejar de ser más que una aplicación web (pedazo de aplicación)con lo que realizar acciones sobre mySql. Normalmente casi todos los hosting nos ofrecen acceso aesta aplicación. Y suele encontrarse en el apartado “Bases de datos> phpMyAdmin”.


Página 47 de 49

En el menú de la izquierda del phpMyAdmin, seleccionamos la base de datos que hemos preparadoen el servidor.

De las opciones que tenemos en la parte superior, seleccionamos la de “Importar” y a continuaciónen seleccionar archivo, seleccionamos el fichero “archivo.sql.zip” que hemos creado en el pasoanterior.

El proceso de importación se inicia, y si todo ha sido correcto una vez terminado veremos elmensaje en la parte superior con el resultado de la importación. Además si observamos en la zonade la izquierda ya aparecen las tablas y estructuras de las que se compone Drupal.

De esta manera ya tenemos instalada la base de datos en el hosting.


Página 48 de 49

Subir los ficheros web al servidorNormalmente cuando contratamos un hosting, nos habilitan un servidor ftp para poder realizar lassubidas. El proceso de este paso es sencillo, se trata de copiar todo lo que contiene vuestraaplicación drupal a la carpeta publica de vuestro hosting, normalmente es una carpeta llamada“public_html”.

Por ejemplo si mi sitio en local se encontraba en “http://localhost/drupal-6.16”, entonces tengo queir al apache y todo lo que este dentro de la carpeta drupal-6.16 lo copio al directorio public_html(la carpeta drupal-6.16 no la copiéis, es a partir de esta en adelante).

Una vez terminada la copia, si intentáis acceder a la web del hosting es posible que os encontréiscon la siguiente ventana:

Los más avispados ya os habréis dado cuenta de lo que sucede. Al copiar todo los ficheros de localal hosting también se han copiado los ficheros de configuración, y al no coincidir el nombre de labase de datos ni el nombre del usuario nos da el error.

Así que el último paso que nos queda es configurar el fichero settings.php que se encuentra en laruta de nuestro hosting: /public_html/sites/default/settings.php

Editamos el fichero settings.php y modificamos los parámetros de acceso para que coincidan conlos de la base de datos que hemos creado en el hosting, para drupal 7, siguiendo la configuración delejemplo la configuración quedaría similar a esta:

$databases = array (

'default' =>

array (

'default' =>

array (

'database' => ' jnzfpgmx_mibasedatos ',

'username' => ' jnzfpgmx_prueba r',

'password' => 'password_ jnzfpgmx_prueba ',

'host' => 'localhost',

'port' => '',

'driver' => 'mysql',

'prefix' => '',

),

),

);

Después de modificar el fichero y machacarlo en hosting ya podemos realizar la prueba y ver quetodo nuestro trabajo esta subido a www.

Felicidades! A disfrutar.


Página 49 de 49

Referencias• Instalación de xampp:http://www.apachefriends.org/http://sourceforge.net/projects/xampp/files/

• Instalación de drupal:http://drupal.org/http://www.drupalweb.com/node/22

• Resolución de algun problema:http://gacimartin.com/2007/02/12/fatal-error-allowed-memory-size-of-8388608-bytes-exhausted/

• “Themes” de drupal:http://drupal.org/project/themes

• Módulo “Contact” de drupal:http://drupaldesdecero.blogspot.com.es/2011/03/personalizar-modulo-de-contacto.html

ContactoAutor: Eduardo Antón

Contacto: [email protected]

manual xampp-drupalv2.1.0.pdf

Documents