DRUPAL Apariencia
Introdución
- A forma en como está estruturada o sitio web en drupal, tanto na parte que se emprega polo administrador para a súa xestión como a parte que se amosa aos usuarios que fan uso do sitio denomínase Theme.
- O Theme afecta tanto a estrutura, coma o tamaño, cor, formato,...de todo o que se amose na páxina.
- Cando implantamos un sitio web queremos que dito sitio teña unha aparencia que sexa igual (ou moi parecida) en todas as súas páxinas.
- Queremos ter unha estrutura determinada, co logo da empresa nun lugar, o menú noutro, os artigos ou información situado entre unhas partes determinadas,.... Todo isto dánolo o theme.
- Vexamos un exemplo concreto na web do Centro:
- Como vemos, na parte superior (en cor vermella) temos unha sección de Menú na que se atopa o Logo e o Menú Principal.
- Na parte da dereita (en cor Marrón) temos diferentes seccións, unha busca na web, outra de acceso a seccións específicas, outra ao blog da biclioteca,...
- Na parte centra (en cor amarela) temos dúas seccións, unha de novas e outra de situación do centro.
- Na parte baixa (en cor rosa) temos información do centro, formas de contacto,....
- Máis información no seguinte enlace.
Themes en Drupal
- En Drupal podemos ter moitos temas (themes) instalados á vez, pero só un deles estará visualmente activo.
- Poderemos:
- Instalar un theme existente: https://www.drupal.org/project/project_theme
- Cambiar e adaptar un tema específico as nosas necesidades (cambiando ou modificando partes del).
- Crear un novo tema dende cero.
- Unha boa idea é ir a este enlace e na parte baixa podemos ver os temas más instalados.
- Para visualizar os Themes que se atopan en Drupal teremos que ir á opción de menú Administrar => Apariencia.
- Como vemos temos o tema Bartik 8.1.8 (tema predeterminado) como theme. Temén temos o Seven 8.1.8 (Tema de administración) instalado, que se está usando como tema de administración (na parte inferior desta pantalla). Se queremos 'activar' un dos temas instalados teríamos que premer a opción Configurar como predeterminado.
- Vexamos agora como está estruturado dito tema.
- Como vemos na parte do encabezado temos dous menús e o encabezado propiamente dito.
- Hai algunhas partes que 'non aparecen' por defecto cando cargamos a paxina e aparecen cando 'sucede algo'. Por exemplo a parte Destacado:
Vemos que en dita sección (é dicir, visualmente aparecerá na páxina como vimos ao premer en 'Demostrar regiones de bloques') está formado por un contido denominado Mensajes de estado. Dito contido pertence á categoría de System. Podemos mover dito contido a outra sección premendo na listbox que aparece ou ben premendo no botón en forma de dobre frecha na parte esquerda a desprazando a outra sección. Prememos o botón configurar.
- Podemos ver como se corresponden os contidos-seccións cos que aparecen na paxina web (non están todos):
- Podemos agregar novos contidos a unha sección determinada.
Agora indicamos que bloque de contido imos a poñer ou se queremos crear un específico. Para facer esta proba imos seleccionar o bloque Incio de sesión (podedes escoller outros para facer probas). Unha vez escollido aparecerá unha ventá coas opcións de configuración explicadas anteriormente. Prememos o botón Gardar bloque.
- Os temas que aparecen inicialmente no Drupal, son temas que se atopan no CORE do mesmo (cartafol /drupal/core/themes) e se recomenda non modificalos.
Tipos de themes
- En Drupal temos multitude de themes diferentes, pero neste punto quero indicar algúns dos tipos que podemos atopar:
- Themes responsives: Son themes que se 'adaptan' á resolución/tamaño do dispositivo.
- Podedes facer unha busca en Drupal.org.
- Vexamos un exemplo:
- Themes con templates: En Drupal podemos crear themes partindo dun theme xa instalado, 'herdando' todas as súas características e personalizando as que queiramos. A maiores, existen un themes que xa veñen coa posibilidade de facer themes baseados neles, utilizando templates. Podedes atopar algúns destes themes se facedes unha busca en Drupal.org.
-- Ángel D. Fernández González -- (2016).