# Страницы и дерево сайта

Все главы  [1 Перед началом](https://eile.site/cookbook/nachalo)[2 Установка](https://eile.site/cookbook/ustanovka)[3 Страницы](https://eile.site/cookbook/stranitsy)[4 Первый шаблон](https://eile.site/cookbook/pervyi-shablon)[5 Компоненты](https://eile.site/cookbook/komponenty)[6 Рамка сайта](https://eile.site/cookbook/ramka)[7 Поля страниц](https://eile.site/cookbook/polya)[8 Списки страниц](https://eile.site/cookbook/spiski)[9 Свои настройки](https://eile.site/cookbook/nastroiki)[10 Заявка на замер](https://eile.site/cookbook/forma)[11 Живые части](https://eile.site/cookbook/zhivye-chasti)[12 В интернет](https://eile.site/cookbook/v-internet)[13 Что дальше](https://eile.site/cookbook/dalshe)

# Страницы и дерево сайта

Сайт на Eile растёт как дерево: у каждой страницы есть место, адрес и номер. Создадим страницы студии и опубликуем их.

Глава 3 из 13 · 4 минуты чтения

## Как устроено дерево

Сайт устроен как оглавление книги, где в главах разделы, а в разделах параграфы. Есть страницы верхнего уровня, а внутри них могут быть свои страницы. Например, внутри «Каталога» будут лежать страницы кухонь.

Страница внутри другой называется дочерней, а та, внутри которой она лежит, родительской. От места в дереве зависит адрес: кухня «Олива» внутри «Каталога» откроется по адресу `/katalog/oliva`.

У каждой страницы есть номер, id. Он не меняется, даже если страницу переименовать или перенести. По этому номеру шаблоны и ссылки находят страницу.

## Главная страница

В дереве пока одна страница, «Добро пожаловать». Она главная: сайт показывает её по адресу `/`. Сделаем из неё главную студии.

1. Щёлкните по «Добро пожаловать» в дереве. Справа откроется редактор страницы.
2. В поле **Заголовок** напишите «Главная».
3. Сотрите текст страницы и напишите свой, например: «Делаем кухни на заказ по вашим размерам. Приезжаем на замер, рисуем проект и собираем кухню сами».
4. Нажмите **Сохранить** или Ctrl+S (на Mac ⌘+S).

Обновите вкладку с сайтом. Текст поменялся. Шаблон Minimal очень простой, поэтому страница пока выглядит как обычный документ. Красоту наведём в следующей главе.

Адрес главной остался прежним, `dobro-pozhalovat`. Менять его не нужно: главная всегда открывается по `/`, а какая страница главная, задано в **Настройках**.

## Новая страница

Создадим страницу о студии.

1. Нажмите **Новая страница** на обзоре или значок листа с плюсом над деревом.
2. Напишите заголовок: «О студии». Посмотрите на поле **Адрес**: оно заполнилось само, латиницей: `o-studii`.
3. Напишите пару абзацев о студии. Абзац заканчивается клавишей Enter.
4. Нажмите **Сохранить**.

Страница сохранилась, но на сайте её пока нет: она в черновиках. Название черновика в дереве написано наклонно. Откройте `localhost:8080/o-studii`, и сайт ответит, что такой страницы нет.

Нажмите **Опубликовать** в строке над страницей. Теперь адрес открывается.

## Адрес страницы

Адрес собирается из заголовка, пока вы не поменяете его вручную. В нём могут быть только латинские буквы, цифры и дефисы. Короткий адрес легче продиктовать по телефону: заголовок «Наши работы и отзывы о студии» лучше сократить вручную до `raboty`.

Если поменять адрес у страницы, которая уже опубликована, старый адрес продолжит вести на неё. Ссылки, которые вы успели кому-то отправить, не сломаются.

## Остальные страницы

Так же создайте и опубликуйте ещё две страницы:

- «Каталог» с текстом «Кухни, которые мы делаем чаще всего. Любую подгоним под ваши размеры и цвет.». Адрес соберётся сам: `katalog`;
- «Контакты» с адресом `kontakty`. Текст пока оставьте любой: адрес и телефон студии мы добавим в девятой главе.

Страницы встают в дереве в том порядке, в каком вы их создали. Этот же порядок потом станет порядком меню на сайте. Перетащите «Контакты» мышью, если хотите поставить их в другое место.

![Дерево студии: главная, «О студии», «Каталог» и «Контакты»](https://eile.site/media/screens/cook-tree-light.webp?v=dea4d5c576c9ed74)  ![Дерево студии: главная, «О студии», «Каталог» и «Контакты»](https://eile.site/media/screens/cook-tree-dark.webp?v=dd662024e4ec04b9)

Дерево студии: главная, «О студии», «Каталог» и «Контакты»

## Если страница больше не нужна

В меню страницы (правый щелчок по строке в дереве или кнопка с тремя точками) есть пункт **В корзину**. Страница исчезнет с сайта вместе со всеми вложенными, а в корзине внизу дерева её можно восстановить. Удаляет навсегда только **Очистить корзину**.