logo

Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll
  1. Inicio
  2. Documentación de Drupal
  3. Tematización de Drupal 8

Diferencias de tematización entre Drupal 6, 7 y 8

19/06/2025, by Ivan

Menu

Esta es una lista de algunos de los cambios más notables en Drupal 8 que afectan su tematización.

Más información

1. Drupal 8 genera marcado semántico HTML5 por defecto (ver Iniciativa Drupal 8 HTML5) en comparación con XHTML en Drupal 6 y 7.
2. Además de jQuery v2.x, Drupal 8 ahora incluye más bibliotecas de interfaz como Modernizr, Underscore.js y Backbone.js.
3. El módulo principal RDF en Drupal 8 genera marcado de schema.org.
4. En Drupal 8 se mejora la accesibilidad gracias al uso amplio de atributos WAI-ARIA.
5. Drupal 8 introduce Twig, que reemplaza a PHPTemplate como motor de temas por defecto. Esto significa que las funciones theme_* y los archivos basados en PHP *.tpl.php han sido reemplazados por plantillas *.html.twig.
6. Drupal 8 incluye por defecto funciones que mejoran el rendimiento, como la agregación de CSS y JavaScript.
7. Drupal 8 viene con nuevos elementos de interfaz de usuario que se usan en las pantallas administrativas propias, incluyendo diálogos modales y botones de arrastrar y soltar.
8. Drupal 8 ofrece características responsivas, tales como temas adaptativos, barra de herramientas, imágenes y tablas.
9. En Drupal 6 y 7, para agregar CSS o JS en una página específica, se deben usar las funciones drupal_add_css() y drupal_add_js() respectivamente. Ahora esto se reemplaza por añadir recursos JS / CSS en la propiedad #attached del array de renderizado utilizando librerías.
10. Drupal 8 no soporta IE 6, 7 y 8, lo que permite usar jQuery 2.0 y otro código que asume soporte para navegadores modernos HTML5 / CSS3.
11. Drupal 8 no soporta navegadores que no soportan SVG (incluyendo IE8 y Android Browser 2.3)
12. Drupal 8 contiene menos IDs que el CSS de Drupal 7.
13. La estructura CSS (archivos) de Drupal 8 está basada en SMACSS y BEM.
14. El CSS de Drupal 8 usa pseudo-selectores CSS3.
15. Drupal 8 viene con Classy, un tema base que inyecta clases en el marcado e incluye CSS correspondiente. Esto reemplaza muchas funciones de preprocesamiento y archivos CSS que antes estaban incluidos en los módulos principales.
16. Drupal 8 mueve las clases CSS desde las funciones de preprocesamiento a las plantillas Twig.
17. Drupal 8 utiliza media queries breakpoint para controlar la apariencia del sitio en diferentes dispositivos.

Cambios en las clases CSS entre D7 y D8

Menús

D7:

.menu li.expanded
.menu li.collapsed
.menu li.leaf
.menu li.active-trail
.menu li.first
.menu li.last

D8:

.menu-item--expanded
.menu-item--collapsed
.menu-item--active-trail
.menu-item:first-child
.menu-item:last-child

.menu-item--leaf se usaba raramente, por lo que fue eliminado. Se puede volver a agregar. @ ver ejemplo https://www.drupal.org/node/2425691#comment-9629101
@todo reemplazar con un enlace en esta documentación.

Source URL:
Theming differences between Drupal 6, 7 & 8
Source authors:
batigolix iantresman heather djac mbrett5062 brunodbo chrisfree ashish_nirmohi alexbea tvn nbchip kari.kaariainen shobhit_juyal

Drupal’s online documentation is © 2000-2020 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.