Создание "правильного" шаблона для сайта - История изменений

Olga: /* Добавляем меню */

2020-11-05T20:04:50Z

Добавляем меню

Olga: /* Делим шаблон на части */

2020-11-05T20:00:58Z

Делим шаблон на части

Olga: /* Делим шаблон на части */

2020-11-05T20:00:23Z

Делим шаблон на части

Olga в 19:58, 5 ноября 2020

2020-11-05T19:58:47Z

Olga: /* Делим шаблон на части */

2020-11-05T15:16:22Z

Делим шаблон на части

Olga: /* Делим шаблон на части */

2020-11-05T15:16:00Z

Делим шаблон на части

Olga в 15:15, 5 ноября 2020

2020-11-05T15:15:28Z

Olga в 15:14, 5 ноября 2020

2020-11-05T15:14:36Z

Olga в 15:14, 5 ноября 2020

2020-11-05T15:14:23Z

Olga в 15:13, 5 ноября 2020

2020-11-05T15:13:43Z

@@ Строка 179: / Строка 179: @@
                  <ul class="navbar-nav mr-auto">
 <?php
-     foreach ($menuTree['void:lines'] as $item) {
+     foreach ($menuTree['lines'] as $item) {
-         $dropdown = !empty($item['items']['nodes:item']);
+         $dropdown = !empty($item['items']);
-         $active = !empty($item['attribute:status']);
+         $active = !empty($item['status']);
          if (isset($item['link']) && isset($item['name'])) {
              if ($dropdown) {
@@ Строка 189: / Строка 189: @@
                          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 <?php
-                 foreach ($item['items']['nodes:item'] as $sub) {
+                 foreach ($item['items'] as $sub) {
                      if (isset($sub['link']) && isset($sub['name'])) {
 ?>

@@ Строка 112: / Строка 112: @@
 Теперь в шаблоне можно просто подключить эти фрагменты:
-<syntaxhighlight lang="html">
+<syntaxhighlight lang="php">
 <!DOCTYPE html>
 <html>

@@ Строка 77: / Строка 77: @@
 Помещаем в эти файлы фрагменты кода шаблонов, например, head.phtml будет выглядеть вот так:
-<syntaxhighlight lang="html">
+<syntaxhighlight lang="php">
 <head>
      <base href="/templates/default/">
@@ Строка 90: / Строка 90: @@
 А main.phtml вот так:
-<syntaxhighlight lang="html">
+<syntaxhighlight lang="php">
 <?php
 $page = $variables['page'];

@@ Строка 1: / Строка 1: @@
 Для компактности HTML кода буду использовать библиотеку Bootstrap4 - пользуйтесь своими любимыми фреймворками, если не нравится. Итак, сделаем код нашего шаблона несколько более полным:
-<syntaxhighlight lang="html">
+<syntaxhighlight lang="php">
 <?php
 $page = $variables['page'];

@@ Строка 77: / Строка 77: @@
 Помещаем в эти файлы фрагменты кода шаблонов, например, head.phtml будет выглядеть вот так:
-<syntaxhighlight lang="phtml">
+<syntaxhighlight lang="html">
 <head>
      <base href="/templates/default/">
@@ Строка 112: / Строка 112: @@
 Теперь в шаблоне можно просто подключить эти фрагменты:
-<syntaxhighlight lang="php">
+<syntaxhighlight lang="html">
 <!DOCTYPE html>
 <html>

@@ Строка 1: / Строка 1: @@
 Для компактности HTML кода буду использовать библиотеку Bootstrap4 - пользуйтесь своими любимыми фреймворками, если не нравится. Итак, сделаем код нашего шаблона несколько более полным:
-<pre>
+<syntaxhighlight lang="php">
 <?php
 $page = $variables['page'];
@@ Строка 40: / Строка 40: @@
 </body>
 </html>
-</pre>
+</syntaxhighlight>
 В <head> добавили тэг <base ...>, потому что в дальнейшем все, что касается конкретного сайта, планируем хранить в папке конкретного шаблона, в нашем случае default. UMI CMS считает папку шаблона корневой директорией сайта, но это не распространяется на стили, скрипты и картинки.
@@ Строка 54: / Строка 54: @@
 В шаблоне меняем строки заголовка, описания и ключевых слов на:
-<pre>
+<syntaxhighlight lang="php">
      <title><?= $this->escape($variables['title']) ?></title>
      <meta name="description" content="<?= $variables['meta']['description'] ?>">
      <meta name="keywords" content="<?= $variables['meta']['keywords'] ?>">
-</pre>
+</syntaxhighlight>
 и видим теперь заголовок <title>UMI.CMS - Страница 1</title>. Нам "UMI.CMS - " ни разу не нужно. Чтобы настроить параметры по умолчанию, в модулях (под бабочкой) находим раздел SEO, в нем справа вверху видим ссылку "Настройка модуля", жмём и настраиваем, там всё просто. Заменяю "UMI.CMS - " на "Демонстрационный сайт - ".
@@ Строка 77: / Строка 77: @@
 Помещаем в эти файлы фрагменты кода шаблонов, например, head.phtml будет выглядеть вот так:
-<pre>
+<syntaxhighlight lang="php">
 <head>
      <base href="/templates/default/">
@@ Строка 86: / Строка 86: @@
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
 </head>
-</pre>
+</syntaxhighlight>
 А main.phtml вот так:
-<pre>
+<syntaxhighlight lang="php">
 <?php
 $page = $variables['page'];
@@ Строка 108: / Строка 108: @@
          </section>
      </main>
-</pre>
+</syntaxhighlight>
 Теперь в шаблоне можно просто подключить эти фрагменты:
-<pre>
+<syntaxhighlight lang="php">
 <!DOCTYPE html>
 <html>
@@ Строка 126: / Строка 126: @@
 </body>
 </html>
-</pre>
+</syntaxhighlight>
 Заметим, что в качестве первого параметра при вызове метода render() мы передаем массив $variables конкретной страницы. Второй параметр - это адрес шаблона относительно папки php и без расшмрения ".phtml". Поэтому делать у файлов шаблона именно такое расширение - '''обязательно'''! Иначе не найдет.
@@ Строка 138: / Строка 138: @@
 Нам для сайта надо получить "дерево" меню. Для этого в файл header.phtml добавляем код:
-<pre>
+<syntaxhighlight lang="php">
 <?php
 $pageId = isset($variables['pageId'])?$variables['pageId']:0;
@@ Строка 146: / Строка 146: @@
      <header>
      </header>
-</pre>
+</syntaxhighlight>
 Первый параметр метода macros() - название модуля, второй - название метода, третий - параметры, передаваемые методу. Список параметров можно посмотреть в коде метода, все макросы хорошо документированы комментариями. В данном случае используем:
@@ Строка 164: / Строка 164: @@
 Полюбовавшись структурой полученного массива, можем теперь вывести нормальное меню сайта:
-<pre>
+<syntaxhighlight lang="php">
 <?php
 $pageId = isset($variables['pageId'])?$variables['pageId']:0;
@@ Строка 214: / Строка 214: @@
          </nav>
      </header>
-</pre>
+</syntaxhighlight>
 В этом виде сайт уже почти настоящий. На страницах выводится то, что перед этим мы закинули через админку. Но хотелось бы иметь возможность вносить правки прямо на сайте. UMI CMS дает такую возможность, её надо просто [[Добавление возможности Edit-in-place|внести в наш шаблон]].