Как редактировать правильно page.html.twig

Главные вкладки

Аватар пользователя Qoada Qoada 3 ноября 2018 в 13:28

Rus
есть несколько видеороликов на youtube но как предлагает Drupal в официальной документации не нашел?

надо чтобы header был на весь экран, после нево block "о нас" с ограниченной шириной, после block на весь экран "Наши работы и услуги", другой блок "контакты" с ограниченной шириной, и после этого уже footer на весь экран.

Как можно реализовать правильно в page.html.twig?
Спасибо

Eng
I have not found the official documentation about theming of the front page of Drupal 8. I want to make a front page with full width header and footer and some blocks with width of 1200px, but I'm need to insert the block in middle of page with full width of 100%.
Is possible to implementing this in page.html.twig?
Thanks in advance

Комментарии

Аватар пользователя Qoada Qoada 3 ноября 2018 в 19:01

Но где-то в официальной документации описывается или хороший tutorial, как поступать правильно? с примерами? с отключение кэша? что и где надо копировать? и т. д. и т. п. спасибо

Аватар пользователя Orion76 Orion76 3 ноября 2018 в 19:48

если выкинуть из головы и из page.content весь html, то в сухом остатке у нас отстаются регионы:

header: 'Header'
pre_content: 'Pre-content'
breadcrumb: Breadcrumb
highlighted: Highlighted
help: Help
content: Content
page_top: 'Page top'
page_bottom: 'Page bottom'
sidebar_first: 'First sidebar'

И содержащиеся в них блоки, которые добавляются в регионы на в админке настройки блоков.

как раз в шаблоне page.html.twig вывдится скелет страницы, состоящей из регионов.

все очень просто..
если стандартный скелет регионов(page.html.twig) по каким-то причинам не удовлетворяет, меняете его html-структуру как надо (в папке темы оформления)
рассовываете блоки по нужным регионам в нужном порядке..
а далее банальный css - что растянуть, что сузить, что покрасить, что обнести забором.

всё..

Аватар пользователя VasyOK VasyOK 3 ноября 2018 в 21:56

Автор, допустим у вас нет Drupal. Есть только THML и CSS файлы. Вы можете в них прописать то, что хотите увидеть?

Аватар пользователя Qoada Qoada 5 ноября 2018 в 11:36

Да, я согласен, но мне нужно остановить каширование и переключится в режиме разработчика то есть с комментариев. Я смотрел некоторые уроки на YouTube, но я не могу этого сделать - возможно, разные версии, поэтому я спросил, есть ли в официальной документации это информация. спасибо

Аватар пользователя Qoada Qoada 5 ноября 2018 в 19:27

Я разобрался. У меня есть bootstrap sub-theme нужно было скопировать file page.html.twig in /subtheme/templates из /bootstrap/templates и редактировать его. Для отключения cache - использовал эту инструкцию: https://www.drupal.org/node/2598914 - и работает.
Но bootstrap с drupal разочаровал меня, чтобы иметь блок ширины дисплея где-то посередине контента у которого ширина на 1000px, как можно поступить ?

<div class="container-fluid" style="width: 100%;">
   <div class="row" style="width: 1000px;">
      {content block 1}
      {content block 2 -- блок ширины дисплея нужен тут }
      {content block 3}
   </div>
</div>