Если вы забыли пароль, его можно восстановить!

1.1 Подход к построению сайта, терминология

Сайт под управлением Флоксима предсказуемо состоит из страниц. Каждая из страниц имеет родителя. Например, на главной странице пользователь создал меню, куда добавил пункты «О компании» и «Новости». Страницы с такими названиями автоматически создались, родитель у обеих — главная страница. А когда на странице «Новости» пользователь добавит новость, страница этой новости также будет создана автоматически, и её родителем станет страница «Новости».

Страница в свою очередь имеет структуру, похожую на слоеный пирог.

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

В областях располагаются блоки. Блок бывает двух типов: контентный (текст, список новостей, товаров, фотогалерея, контактная информация и пр.) и виджет (навигация «хлебные крошки», колонки и пр.). Помимо типа блока для него также можно настроить внешний вид: шаблон отображения (например, для фотогалереи это может быть список плиток, слайдер и пр.), настройки шаблона (для плиток число колонок, пропорции картинки и пр.), другие параметры (фон, отступы, стиль надписей и пр.).

Контентные блоки в свою очередь состоят из элементов. Каждая новость в блоке новостей, каждая фотография в галерее, каждый пункт в меню — это элемент. Бывает, что элемент в блоке один: логотип в шапке, текст.

И, наконец, внутри элементов есть поля: для новости это заголовок, картинка, дата, полный текст, для товара картинка, название, цена и т.д.

Если на сайте используются колонки, «пирог» получится более толстым, т.к. в колонки можно добавлять свои блоки. В этом случае иерархия на странице может быть такой: Страница → Область «Шапка» → Блок «Колонки» → Колонка «А» → Блок «меню» → Элемент «О компании» → Поле «Название». А может еще длиннее, если в колонку вставить еще один блок колонок.

С каждым из этих пунктов иерархии вы можете взаимодействовать: поле отредактировать прямо на странице (об этом ниже), для элемента открыть окно редактирования всех его полей, для блока — настроить внешний вид и другие параметры, у области указать фон. Нажмите мышкой на поле, элемент, блок, это поле (элемент, блок) выделится штриховым обрамлением, и рядом с ним появится панель управляющих иконок: для элемента это редактирование, выключение, удаление, для блока настройки, удаление, перенос. При этом, находясь на верхнем уровне (поле, элемент) вы можете переключиться на нижний (блок, область). Например, если вы выделили поле, для выделения объекта можно нажать на пустое место внутри объекта или на его название в верхней панели (она преобразится в путь к текущей выделенной сущности).

Да, кстати: чтобы управлять сайтом, менять контент, вам надо быть авторизованным на своем сайте (ввести свой логин и пароль на floxim.ru) и перейти в режим редактирования.

Редактировать контент (то есть поля элементов) можно двумя способами: прямо на странице (редактирование по месту, edit-in-place) и при помощи обычных форм.

В первом случае вы просто нажимаете мышкой на поле: в случае текста вы увидите курсор и можете уже печатать, в случае картинки рядом с ней вы увидите панель: закачать с компьютера, закачать из интернета, обрезать, удалить.

Чтобы открыть форму, вам надо выбрать нужный элемент мышкой и нажать на иконку редактирования (карандаш).

Области видимости блоков

Блок — это очень важная и функциональная сущность. Механизмы работы с блоками Флоксима позволят вам создавать функциональные сайты со сложной структурой. Работе с блоками посвящено несколько наших статей, а здесь обратим ваше внимание на область видимости.

Блок может располагаться не только на одной странице, но и на нескольких страницах. Список этих страниц и есть его область видимости. Эта область определяется специальными условиям в настройках блока.

Например, главное меню целесообразно выводить на всех страницах сайта, текст о компании только на странице «О компании». А для более сложных случаев предусмотрен мощный конструктор условий.

Стиль сайта

Еще один «слой» — настройки стиля, которые применяются для всего сайта. Найти их вы можете в меню «Еще → Настройки темы». Здесь определяется палитра сайта (три базовых цвета и их полутона) и список шрифтов, допустимых на сайте (обычный, для заголовков, для навигации). Такой подход решает две задачи:

  1. Стилистическое однообразие. На сайте не будет большого количества несочетаемых шрифтов или цветовых пятен.
  2. Легкость смены стиля. Изменить шрифт всех заголовков или палитру сайта можно буквально за несколько кликов мышки, вместо того, чтобы менять шрифт у каждого заголовка или цвет фона у каждого блока.

Также в этом окне определяются параметры ширины рабочей области сайта.