Manual Instalación Y Primeros Pasos. Drupal-6.xx Drupal-7.xx. Paso a paso v

Transcripción

1 Manual Instalación Y Primeros Pasos Drupal-6.xx Drupal-7.xx Paso a paso v Autor: Eduardo Antón. Fecha: 17/08/2013

2 Licencia...3 Control de cambios...4 Introducción...4 Instalación de XAMPP...5 1º Descargamos xampp º Comenzamos la instalación º Inicalizamos el servidor apache a ver si funciona º Accedemos a una página servida por xampp...6 Instalación de Drupal º Descargamos el fichero...7 2º Desempaquetamos el fichero º Movemos la aplicación al apache º Crear la b.d...7 5º Configurar el acceso a la b.d º Creando fichero de settings.php º Creando carpeta files º Últimos ajustes º Vamos a entrar a Drupal! Configuración inicial...14 Cambiar el idioma al Castellano...14 Proteger el fichero settings.php...16 Instalación de Drupal º Descargamos el fichero º Desempaquetamos el fichero º Movemos la aplicación al apache º Crear la b.d º 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 2 de 49

3 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 en Página 3 de 49

4 Control de cambios Versión Autor Fecha Publicación Observaciones E.A. 14/05/10 Versión inicial 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 E.A. 30/05/10 Actualización índice E.A E.A. 22/05/13 Instalación Drupal-7 Cambio de introducción referencia instalación en Windows Creando menú y submenú E.A. 17/08/13 Subida de versión a un servidor on-line Módulo formulario de contacto Módulo CAPTCHA y recaptcha Corrección permisos para la carpeta files Agregamos 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 contenido Nuevo capítulo Barra de herramientas de CKEditor Nuevo capítulo Menú principal (primary links) Nuevo capítulo Taxonomía y categorización Nuevo capítulo Ulr's amigables Introducción Después de varios años usando la red para buscar información y realizar mis aportaciones a la comunidad a través de foros/comentarios, he decido generar un manual paso a paso para la instalación de drupal desde 0. En un principio la explicación de instalación drupal 6 está basada en Linux, sin embargo el funcionamiento de drupal 7 está realizado sobre Windows 7. Esto es así por 2 motivos, el primero de ellos es que este manual esta realizado sin ánimo de lucro, redactado por que me gusta y por amor al arte por lo que no tampoco he seguido un rigor específico al usar un s.o. u otro. El segundo motivo es que cuando instalé drupal 7, tenía más a mano el s.o. Windows y hacía meses que había dejado 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 que tener 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 una visión de todos los pasos necesarios para instalar drupal y su posterior configuración Página 4 de 49

5 La primer parte del manual se basa en una instalación. El resto del manual se trata de lidiar con drupal, 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 Ubuntu 10.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ómo conseguir más permisos cuando tengamos que realizar actividades más delicadas de administración. Instalación de XAMPP Leyendo documentación de drupal6-16 vemos que drupal está basado en php y que utiliza un gestor 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 v o superior) Podemos ver un detalle de los requisitos en: Así que el primer paso es instalar XAMPP (que contiene la distribución Apache con MySQL, PHP y Perl). La última versión disponible que a fecha de hoy (01/05/2010) XAMPP Linux a y contiene todo esto: Apache , MySQL , PHP & PEAR + SQLite / multibyte (mbstring) support, Perl , ProFTPD 1.3.2c, phpmyadmin 3.2.4, OpenSSL 0.9.8l, GD 2.0.1, Freetype , libjpeg 6b, libpng , gdbm 1.8.0, zlib 1.2.3, expat 1.2, Sablotron 1.0, libxml 2.7.6, Ming 0.4.2, Webalizer , pdf class 009e, ncurses 5.3, mod_perl 2.0.4, FreeTDS 0.63, gettext 0.17, IMAP C-Client 2007e, OpenLDAP (client) , mcrypt 2.5.7, mhash , eaccelerator , curl , libxslt , libapreq 2.12, FPDF 1.6, XAMPP Control Panel 0.8, bzip 1.0.5, PBXT rc, PBMS alpha, ICU4C Library MD5 checsum: 89c13779cf6f0925d5c1c400d31a1cc3 Como veis, viene con php5.3, y actualmente drupal y sus módulos están desarrollados para ser soportados en php5.2 por lo que instalaremos una versión anterior de xampp en concreto la versión xampp Desde podemos buscar la versión que mas nos interese e 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 tar.gz al ser 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. Para desempaquetar el fichero en el directorio opt necesitamos permisos de administrador así que usaremos la sentencia sudo que nos pedirá nuestro password de usuario para permitirnos ejecutar con permisos de administrador/root de nuestro sistema antes de ejecutar el desmpaquetado. En resumen, ejecutamos la siguiente instrucción: sudo tar xvfz./xampp-linux tar.gz -C /opt Página 5 de 49

6 Con esto ya tendríamos instaldo xampp, sencillo no?, con lo que costaba antes en linux cuando era joven. :) 3º Inicalizamos el servidor apache a ver si funciona. Arrancamos xampp (por lo visto antes se debía de llamar lampp) ejecutando el siguiente comando desde el terminal: sudo /opt/lampp/lampp start Si todo ha ido bien, debermos ver los mensajes siguientes por el terminal: Starting XAMPP for Linux 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 xampp Para comprobar que todo es correcto vamos a acceder a una pagina servida por Apache. Por defecto el apache que nos suministra xampp viene configurado en el puerto 80. Así que con abrir el navegador de nuestro linux y movernos a la dirección web deberíamos ver la pagina de 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 6 de 49

7 Instalación de Drupal 6 Desde la página de podemos descargar la versión que más nos interese. A fecha de hoy (01/05/2010) la última versión release es la º Descargamos el fichero. Procedemos a su descarga, en mi caso con FireFox e igualmente que al descargar xampp me descarga un fichero en el directorio /home/nuestro_usuario/descargas. El fichero que me he descargado se llama drupal-6.16.tar.gz 2º Desempaquetamos el fichero. Abrimos el terminal de linux (Aplicaciones > Accesorios > Terminal). Nos situamos en el directorio donde hayamos descargado el fichero. Y lo descomprimimos utilizando el siguiente comando: tar xvfz drupal-6.16.tar.gz Se nos creara un directorio con el nombre drupal-6-16 que contiene Drupal (ouuuh). Esta vez no hemos usado la instrucción sudo ya que de momento estamos trabajando en nuestro directorio de usuario. 3º Movemos la aplicación al apache. El siguiente paso consiste en mover la carpeta que acabamos de descomprimir al servidor apache, la carpeta 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 la carpeta desempaquetada (drupal-6.16). Si no hemos cambiado nada de las configuraciones por defecto 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 (veo que estaís en todo :). Efectivamente para poder mover ficheros a la carpeta /opt hemos necesitado permisos de administrador. Si hemos seguido los pasos hasta ahora comentado en la carpeta /opt/lampp/htdocs/ debemos encontrar los siguientes ficheros: drupal-6.16 favicon.ico index.php webalizer xampp 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 una base 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 7 de 49

8 Volvemos al terminal (Aplicaciones > Accesorios > Terminal). Lo primero que vamos a realizar es crear 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 cambiado nada 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, el comando mysqladmin nos sirve para dar órdenes de administración al sistema gestor de la base de datos, -u es la opción para indicar el usuario de la base de datos root es el usuario principal de la base de datos (con privilegios suficientes por defecto) -p es para introduir el password como lo hemos dejado vacio nos lo preguntará a continuación, create indica que vamos a ejecutar la orden de 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 el uso cotidiano de la base de datos puede resultar preligroso. Para crear un usuario podemos hacerlo mediante una sentencia SQL, pero para que sea más sencillo vamos a usar un interface gráfico. Con el xampp hemos instaldo phpmyadmin, que es un interfase web para gestionar mysql. Accedemos con firefox (o vuestro navegador preferido) a la siguiente url A continuación, pulsamos en la pestaña de Privilegios y seleccionamos la opción de Agregar un 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 privilegios observamos que existe el nuevo usuario que hemos creado. Página 8 de 49

9 El tercer paso es darle privilegios para actuar sobre la base de datos drupal al recién creado usuario user_drupal. Podemos hacerlo via web, en la pantalla donde nos habíamos quedado agregando privilegios 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 a la 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: 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 del usuario user_drupal deberíais ver que tiene todos los privilegios (ALL PRIVILEGES): Página 9 de 49

10 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 modificar un fichero de configuración default.settings.php que se encuentra en la siguiente ruta (si habeís instalado según los pasos de este manual) /opt/lampp/htdocs/drupal-6.16/sites/default. Abrimos el fichero con un editor de texto, desde el terminal podeis teclear: cd /opt/lampp/htdocs/drupal-6.16/sites/default gedit 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 donde configurar 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.php Drupal necesita usar un fichero para la configuración de las variables de la aplicación. Este ficherro toma 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 nombre settings.php: cd /opt/lampp/htdocs/drupal-6.16/sites/default cp 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 10 de 49

11 tiene que poder escribir ficheros por lo que hay que darle permiso de escritura. Accedemos a esta carpeta y creamos la nueva carpeta files. Utilizamos el chmod para cambiar los permisos de esta carpeta 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/default mkdir files chmod 777 files 8º Últimos ajustes Cuando realicé la primera instalación en el último paso me encontre con un problema que decia algo similar a: Fatal error: Allowed memory size of bytes exhausted Según parece es un error que viene dado por que una aplicación php intenta reservar más memoria de la permitida. Lo que tenemos que hacer es dar un poco mas de memoría de la que viene por defecto 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 el sigiuente 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 nuestro navegador web y entrar al contenido de drupal que estamos sirviendo con xampp. Tecleamos en la barra de direcciones: La pantalla que se muestra primero nos dará la posibilidad de instalar, otro lenguaje al inglés. El cambio de lenguaje se puede llevar a cabo después de hacer la instalación, así que dejaremos este punto para que investigueís vosotros. Por lo tanto pulsaremos sobre la opción de Install Drupal in English. Página 11 de 49

12 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 los pasos al pie de la letra, hemos usado las mismas versiones de todo, y hemos ejecutado todo con el mismo 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 pide información para configurar el sitio. Página 12 de 49

13 Site name: Nombre de nuestro site web. Site address: de nuestro sitio. Username: Nombre del usuario administrador para configurar drupal (por ejemplo: rootdrupal) address: Correo del administrador, este correo se usará para recuperar pasword perdidos y temas 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: Página 13 de 49

14 Configuración inicial Si entramos en accederemos a nuestra site de drupal. Al principio esta sin configurar y muestra un aspecto similar a este: A la izquierda tenemos el acceso para poder logearnos, introducimos el login de administrador y el password que hemos creado en la fase de instalación (en mi caso rootdrupal ) y pulsamos sobre el botón para entrar. Como vemos esta todo en ingles, el primer paso que vamos a dar es cambiar el idioma. Cambiar el idioma al Castellano Lo primero que tenemos que hacer es descargar el idioma de la web de drupal, para ello visitamos y buscamos el apartado donde se hace referencia a Spanish translation. 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 directorio donde 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 que hemos hecho con el comando anterior es descomprimir y aunar todos estos ficheros (de las carpetas modules, profiles y themes) en uno solo es.po. De esta manera cuando luego druapal nos pida el fichero 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 de activarlo, pulsamos sobre el botón de guardar, y en la parte superior de la web nos aparecerá un mensaje en ingles indicándonos que la configuración se ha guardado. Página 14 de 49

15 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ón seleccionamos 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. Nos movemos 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.po Y a continuación pulsamos sobre el botón de Import. Página 15 de 49

16 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, y seleccionamos Spanish como activado ( enabled ) y como predeterminado ( default ). Al instante tenemos nuestro sitio web en el idioma elegido. Proteger el fichero settings.php Para evitar que por descuido o mala intención alguien modifique los parámetros del fichero de configuración, vamos a proteger el fichero que guarda los parámetros contra la escritura, dejando solo 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) y cambiamos los permisos: cd /opt/lampp/htdocs/drupal-6.16/sites/default chmod 444 settings.p Página 16 de 49

17 Instalación de Drupal 7 Si ya hemos instalado drupal 6, la instalación de drupal 7 es muy sencilla. En mi caso, por cuestiones técnicas, me ha surgido la ocasión de instalar drupal 7 en una maquina Windows, con lo que la configuración de permisos se ha simplificado bastante. Lo más complicado es la instalación de apache y el modulo php, hay que tener mucho cuidado con las versiones que cogemos para instalar para asegurar la compatibilidad, una vez tenemos el servidor correctamente configurado para 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 o superior, PostgreSQL 8.3 o superior, o SQLite 3.x PHP: 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 (y habéis leído y comprendido la instalación de drupal-6 explicado en este manual) vamos a ir muy rá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 de descarga y bajamos la última versión de 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, la carpeta 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 cuidado ya que al descomprimir es posibles que tengáis una carpeta drupal-7.xx dentro de una carpeta que también se llama durpal-7xx, hay que mover la carpeta que contiene los ficheros de drupal con todas sus carpetas. Además de mover la carpeta al apache, también podemos renombrar la carpeta con el nombre que deseemos 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-6 en este mismo manual. Página 17 de 49

18 - 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 la estándar. Nos dará la posibilidad de instalar, otro lenguaje al inglés. El paso consiste en bajarse un fichero de traducción desde una url que nos proporciona el propio drupal. El fichero español es drupal7.22.es.po. Una vez descargado lo depositamos en la carpet profiles\standard\translations, y al volver 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 importante es la que sirve para configurar el acceso a la base de datos. Y así fácilmente conseguimos instalar drupal-7 Página 18 de 49

19 Primeros pasos Una vez que hemos logrado tener una versión básica instalada y estable vamos a empezar a darle el aspecto que más nos guste. Cambiar el tema En drupal existen los temas (themes) que básicamente son un conjunto de ficheros que definen el aspecto de nuestra web. Lo bueno de usar los temas es que están separados del contenido de nuestra página web, de esa manera, si en un futuro deseamos cambiar el aspecto o diseño bastará con cambiar los ficheros del tema y el contenido permanecerá inalterado. Veamos un ejemplo. Si entramos a nuestra web, y nos logeamos como administradores (en este manual usuario rootdrupal ), podemos acceder a la administración de los temas en el apartado Inicio>Administrar>Construcción del sitio>temas. Por defecto en esta sección ya aparecen una serie de temas, para probar algún tema podemos marcarlos 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. Para buscar más temas podemos dirigirnos al siguiente site: donde encontraremos infinidad de temas. Para nuestro ejemplo voy a usar el tema A Vitamin (es el que más me ha gustado :). Selecciono el tema, y lo descargo (en el momento de escribir el manual, la última versión disponible es la 6.x1.4). Así que selecciono el tema, y lo descargo. Una vez descargado lo descomprimo, y el directorio que me genera avitamin, lo muevo a la carpeta de themes de mi instalación del drupal. tar xvfz avitamin-6.x-1.4.tar.gz mv 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, basta con seleccionarlo y guardar la nueva configuración. Página 19 de 49

20 Modificando el logo del tema Vamos a realizar un pequeño cambio en el tema, para customizar un poco la web a nuestro contenido, modificaremos el logo. Para ello lo único que tenemos que hacer es buscar una imagen del 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 imagen de basket. La renombro con el nombre logo.png (es posible que tengáis que cambiar el formato de vuestra imagen). Y reemplazamos la imagen actual, en el directorio: /opt/lampp/htdocs/drupal6.16/themes/avitamin/ (el nombre del último directorio puede variar ya que depende del tema que tengáis seleccionado). Agregar contenido Si entramos en nuestra aplicación y nos logueamos como administradores (rootdrupal), tenemos una sección que nos permite agregar contenidos a nuestra web Crear contenido. Como nos explica en la 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 ser consultada. Las páginas no permiten incluir comentarios de visitantes y no es promovida a la portada del sitio (por defecto) Story: Usada para dar noticias, mensajes, alertas, información actual. Por defecto estos contenidos se muestran en portada y permiten incluir comentarios de los visitantes. Página 20 de 49

21 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, van a 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 lugar introducimos 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ú este texto 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ú principal seleccionamos como elemento padre el que viene por defecto <Primary links>. Por último seleccionamos el peso de la página en este caso un 0, para la siguiente página Jugadores le daremos 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 como artículo de nuestra página. En el apartado de Formato de entrada nos permite elegir entre Filtered HTML que solo admite un número restringido de etiquetas htmls con lo que los formatos estan más restringidos o Full Página 21 de 49