Първи промени в темплейтите

След като сме се копирали двата темплейта от предишната статия можем да направим малки промени в тях.

Ще започнем с файла html.html.twig, като отново ще напомня, че правим промени в този, който се намира в папка deep_theme/templates, а не този, който е в папка core/themes/stable/templates/layout.

Понеже темата, която ще напишем ще бъде с адаптивен дизайн, то в head частта на html.html.twig трябва да добавим ред за контрол на viweport-a:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Вмъкваме този ред в началото на head-частта. Резултата трябва да е:

<!DOCTYPE html>
<html{{ html_attributes }}>
  <head>    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head-placeholder token="{{ placeholder_token|raw }}">
    <title>{{ head_title|safe_join(' | ') }}</title>
    <css-placeholder token="{{ placeholder_token|raw }}">
    <js-placeholder token="{{ placeholder_token|raw }}">
  </head>

За да се уверим, че реда е добавен поглеждаме в браузъра head-частта:

deep-theme-meta-viewport

Ако не се вижда, значи сте забравили да изчистите кеш-а