MÓDULO 6Configurar el aspecto visual de la web.         Theming con Drupal
MÓDULO 6:Theming con Drupal    Índice:        1. Introducción        2. Módulos que mejoran el aspecto visual        3. Cs...
MÓDULO 6:Theming con Drupal Introducción:   En este módulo se pretende hacer una   introducción al theming con drupal.   S...
MÓDULO 6:Theming con Drupal Módulos : • Vertical tabs. • Tabs+ Cckfieldgrouptabs. • Homebox. • Nice Menús, Superfish Menu....
MÓDULO 6:Theming con Drupal Práctica:       Museo con Panels
MÓDULO 6:Theming con Drupal Algunas definiciones : • Tema: Conjunto de archivos relacionados entre sí que son responsables...
MÓDULO 6:Theming con Drupal Cómo muestra Drupal el contenido :          Pagina web                          Estilo final y...
MÓDULO 6:Theming con Drupal Extesiones de un tema : • .info: Archivo de configuración del Tema. Podríamos decir que es un ...
MÓDULO 6:Theming con Drupal Fichero .info:  Archivo con entradas del tipo clave = valor • Comentarios con “;” • Claves:   ...
MÓDULO 6:Theming con Drupal Interceptar y redefinir : Css                                        Hoja de                  ...
MÓDULO 6:Theming con Drupal Plantillas y Funciones:   • Herramientas a utilizar:      • Devel.      • Theme Developer.    ...
MÓDULO 6:Theming con Drupal Sustitución de plantillas:   Copiar la plantilla                Pegarla en el directorio del t...
MÓDULO 6:Theming con Drupal Redefinir plantillas: Utilización de sugerencias                                              ...
MÓDULO 6:Theming con Drupal  Redefinir funcines: template.phpCrear fichero template.php   Buscar la función a redefinir   ...
MÓDULO 6:Theming con Drupal Nomenclatura de las funciones  • Nombre     base: theme_nombrefuncion();      • theme_breadcru...
MÓDULO 6:Theming con Drupal Redefinir funcines: Plantillas dedicadas  Crear fichero .tpl.php      Renombrar fichero  Copia...
MÓDULO 6:Theming con Drupal Práctica:      Museo con Panels,   plantillas, funciones y css
MÓDULO 6:Theming con Drupal RESUMEN:   En este módulo hemos aprendido a:   • Instalar módulos que mejoran el aspecto visua...
Próxima SlideShare
Cargando en…5
×

Curso Drupal. Theming con Drupal

3.247 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
3.247
En SlideShare
0
De insertados
0
Número de insertados
259
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.

Curso Drupal. Theming con Drupal

  1. 1. MÓDULO 6Configurar el aspecto visual de la web. Theming con Drupal
  2. 2. MÓDULO 6:Theming con Drupal Índice: 1. Introducción 2. Módulos que mejoran el aspecto visual 3. Css, Plantillas y Funciones 4. Entorno Drupal
  3. 3. MÓDULO 6:Theming con Drupal Introducción: En este módulo se pretende hacer una introducción al theming con drupal. Se presentarán módulos que nos ayuden a la mejora visual de la página web. Se mostrarán los elementos básicos de un tema de Drupal. Se presentarán las herramientas necesarias para la creación de temas.
  4. 4. MÓDULO 6:Theming con Drupal Módulos : • Vertical tabs. • Tabs+ Cckfieldgrouptabs. • Homebox. • Nice Menús, Superfish Menu. • Panels.
  5. 5. MÓDULO 6:Theming con Drupal Práctica: Museo con Panels
  6. 6. MÓDULO 6:Theming con Drupal Algunas definiciones : • Tema: Conjunto de archivos relacionados entre sí que son responsables de controlar el aspecto visual de una página web. • Motor de temas (theme engine): Colección de ficheros y scripts que interpretan el lenguage de programación utilizado y lo procesan presentándolo en un formato determinado. • Región: Lugar dentro de la distribución de la pagina donde podemos poner contenido. Por ejemplo, bloques.
  7. 7. MÓDULO 6:Theming con Drupal Cómo muestra Drupal el contenido : Pagina web Estilo final y disposición del contenido Tema Formateo inicial Motor del tema Manipulacion del contenido Drupal Core Contenido sin formatear de Contenido la BD
  8. 8. MÓDULO 6:Theming con Drupal Extesiones de un tema : • .info: Archivo de configuración del Tema. Podríamos decir que es un archivo similiar a los .INI • .tpl.php: Extensión utilizada por el sistema de plantillas PHPTemplate. • .css: Hojas de estilos. Nombre_tema.info + Page.tpl.php + Style.css Tema
  9. 9. MÓDULO 6:Theming con Drupal Fichero .info: Archivo con entradas del tipo clave = valor • Comentarios con “;” • Claves: • name • regions • description • features • screenshot • stylesheets • version • scripts • core • php • engine • base theme
  10. 10. MÓDULO 6:Theming con Drupal Interceptar y redefinir : Css Hoja de estilos del Style.css tema activo Hojas de CSS CSS CSS CSS estilos de los modulos
  11. 11. MÓDULO 6:Theming con Drupal Plantillas y Funciones: • Herramientas a utilizar: • Devel. • Theme Developer. • Firebug. Todas las plantillas y funciones pueden ser sobreescritas
  12. 12. MÓDULO 6:Theming con Drupal Sustitución de plantillas: Copiar la plantilla Pegarla en el directorio del tema (respetando el nombre) Limpiar el registro del Hacer los cambios y tema guardar Administración | Configuración del sitio | Rendimiento Limpiar datos de la cache
  13. 13. MÓDULO 6:Theming con Drupal Redefinir plantillas: Utilización de sugerencias Page-node-x.tpl.php Page-node.tpl.php Page.tpl.php Las sugerencias sólo funcionan si se encuentran en el mismo directorio que la plantilla base
  14. 14. MÓDULO 6:Theming con Drupal Redefinir funcines: template.phpCrear fichero template.php Buscar la función a redefinir Renombrar Copiar la función Realizar cambios Limpiar cache
  15. 15. MÓDULO 6:Theming con Drupal Nomenclatura de las funciones • Nombre base: theme_nombrefuncion(); • theme_breadcrumb(); • Posibles nombres: • nombretema_nombrefuncion (); garland_breadcrumb(); • nombremotorplantilla_nombrefuncion(); phptemplate_breadcrumb(); • nombre base.
  16. 16. MÓDULO 6:Theming con Drupal Redefinir funcines: Plantillas dedicadas Crear fichero .tpl.php Renombrar fichero Copiar la función Buscar la función a redefinir Realizar cambios Limpiar cache Theme_coment_view Coment-view.tpl.php
  17. 17. MÓDULO 6:Theming con Drupal Práctica: Museo con Panels, plantillas, funciones y css
  18. 18. MÓDULO 6:Theming con Drupal RESUMEN: En este módulo hemos aprendido a: • Instalar módulos que mejoran el aspecto visual. • Los principios básicos de “theming con drupal”.

×