Тематические различия между Drupal 6, 7 и 8

Это список некоторых наиболее заметных изменений в Drupal 8, которые влияют на их тематику.

Больше информации

1. Drupal 8 выводит семантическую разметку HTML5 по умолчанию (см. Инициативу Drupal 8 HTML5) по сравнению с XHTML в Drupal 6 и 7.
2. Помимо jQuery v2.x, Drupal 8 теперь включает больше интерфейсных библиотек, таких как Modernizr, Underscore.js и Backbone.js.
3. Основной модуль RDFa в Drupal 8 выводит разметку schema.org.
4. В Drupal 8 улучшена доступность, благодаря широкому использованию атрибутов WAI-ARIA.
5. Drupal 8 представляет Twig, который заменяет PHPTemplate в качестве движка тем по умолчанию. Это означает, что функции theme_* и основанные на PHP файлы *.tpl.php были заменены шаблонами *.html.twig().
6. Drupal 8 по умолчанию включает функции, улучшающие производительность, такие как агрегация CSS и JavaScript.
7. Drupal 8 поставляется с новыми элементами пользовательского интерфейса, которые вы используете на своих собственных экранах администратора, включая модальные диалоги и кнопки перетаскивания.
8. Drupal 8 поставляется с адаптивными функциями, такими как адаптивные темы, панель инструментов, изображения и таблицы.
9. В Drupal 6 и 7, если вы хотите добавить CSS или JS на определенную страницу, вы должны использовать функции drupal_add_css() и drupal_add_js() соответственно. Теперь это заменяется добавлением ресурсов JS / CSS в свойство #attached массива рендеринга с использованием библиотек.
10. В Drupal 8 отсутствует поддержка IE 6, 7 и 8, что позволяет использовать jQuery 2.0 и другой код, который предполагает поддержку современных браузеров HTML5 / CSS3.
11. Drupal 8 не поддерживает браузеры, которые не поддерживают SVG (включая IE8 и Android Browser 2.3)
12. Drupal 8 содержит меньше идентификаторов, чем CSS в Drupal 7.
13. CSS (файл) структура Drupal 8 основана на SMACSS и BEM.
14. CSS Drupal 8 использует псевдо-селекторы CSS3.
15. Drupal 8 поставляется с Classy, ​​базовой базовой темой, которая внедряет классы в разметку и включает соответствующий CSS. Выполняется: Это заменит многие функции предварительной обработки и файлы CSS, которые ранее были включены в основные модули.
16. Drupal 8 перемещает классы CSS из функций предварительной обработки в шаблоны Twig.
17. Drupal 8 использует медиа-запросы breakpoint, чтобы контролировать внешний вид сайта на разных устройствах.

Изменения класса CSS между D7 и D8

Меню

D7:

• Обновление тем 7.x до 8.x
• Изменить уведомление для themers
• Sqndr Drupal 8 Тематическое руководство
• Окончательное руководство по Drupal 8: Эпизод 5 - Улучшения Front-End для разработчиков

.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 использовался редко, поэтому его удаляли. Это можно добавить обратно. @ смотри пример https://www.drupal.org/node/2425691#comment-9629101
@todo заменить ссылкой в этой документации.