Theming

Question 1

Что такое “тема”? Как используется?

a. Чем она отличается от модуля?
b. Какая базовая структура темы?
i. Компонентный подход
c. Как можно отнаследовать тему?

Answer 1

оформление
….
base_theme в инфо файле

Question 2

Что такое регион? Как они используются?

a. Как создать свой?

Answer 2

Регион - область страницы, внутри которой располагаются блоки
в инфо файле
region:
header: Header

+ вывод в шаблоне

Question 3

Что делает hook_theme?

Answer 3

…

Question 4

Каким образом можно затемить данные (3 способа)?
a. ViewBuilder для сущностей
b. Theme-функции
c. Theme-шаблоны
i. Как его можно переопределить? Какие есть стандарты
именования шаблонов?

Answer 4

…

Question 5

Что такое RendereableArray (RenderArray)? Как он используется? Зачем он
нужен?

Answer 5

Rendarrable Array - структурированное представление данных для темизации (рендера)

Нужен чтобы была возможность отредактировать представление перед рендером.
Передается в качестве параметра в функцию рендера

Question 6

Что такое Markup? Как он используется? Зачем он нужен?

Answer 6

определяет объект, который передает безопасные строки через систему рендеринга.

Question 7

Что такое twig? Каковы его возможности?

a. Как передать в него переменную?
b. Как можно подключить другой шаблон внутри текущего?
c. Twig namespaces, что это такое и как их использовать?

Answer 7

Шаблонный движок
Поддерживает:
работу с массивными и переменными, циклы, условия, фильтры, наследование шаблонов

передать переменную: через hook_theme или в препроцессе

подключить дургой шаблон:
{% include ‘sub_template.html.twig’ %}

твиг неймспейс:
{% include ‘@my_module/parts/my_template.html.twig’ %}
или, например,
{% extends “@bartik/node.html.twig” %}

Question 8

Каким образом можно отобразить путь? А ссылку?

Answer 8

класс Link?

Question 9

Какие хуки можно использовать для изменения данных перед преобразованием
их в html?
a. Препроцессы
b. Hook_page_build

Answer 9

…

Hook_page_build в Д7, если хочешь добавить элементы на уровне страницы

Question 10

Как подключить JS или CSS? Что такое assets library?
a. Как подключить их глобально, на конкретной странице, для конкретного
элемента?
b. Как подключить библиотеку в шаблоне?
c. Как переопределить существующую assets library?

Answer 10

через либрари ямл

Ассет либрари - библиотека js и css файлов, встраиваемая в страницу

Глобально: в файле *.libraries.yml
global-styling:
  version: 1.x
  css:
    theme:
      css/layout.css: {}
      css/style.css: {}
      css/colors.css: {}
global-scripts:
  version: 1.x
  js:
    js/navmenu.js: {} 

на странице: в препроцессе через аттач

В случае если речь о форме:
$form[‘#attached’][‘library’][]

в шаблоне
{{ attach_library(‘fluffiness/cuddly-slider’) }}

переопределить
libraries-override: