Создание и размещение баннерного места

1. Перейти в Xevian.backend по адресу http://адрес-сайта.ru/backend/
2. Нажать кнопку Рабочий стол в верхней панели.
3. В панели навигации слева перейти в Веб-сайт → Баннеры.
4. В главном окне Xevian.backend перейти во вкладку Расположения.
5. Нажать кнопку (+) Добавить справа вверху. Появится страница добавления баннерного места.
6. В поле Заголовок ввести название нового места, например В подвале по центру.
7. В поле Идентификатор ввести идентификатор нового места, например banner_footer.
8. В поле Шаблон ввести HTML-код, который будет отображаться в месте расположения баннера на сайте, например:

   <div class="footerBanner">{banner_footer}</div>
   

   {banner}
   где banner — обязательный плейсхолдер, вместо которого появится изображение загруженного баннера, обернутое в ссылку.
9. В поле Кол-во элементов для показа указать нужное количество баннеров для визуализации в этом контейнере.
10. Нажать кнопку Сохранить.
11. Разместить новый плейсхолдер (banner_footer в примере выше) в шаблонах веб-сайта. Чаще всего требуется разместить место под баннер на всех динамических страницах или на главной странице. За эти страницы отвечают шаблоны main.html (шапка и подвал динамических страниц), inner.html (левая и правая колонки внутренних страниц) и default.html (главная страница). Более полный список шаблонов, в которых можно разместить баннер доступен на странице создания и размещения статического блока.

    Итак, чтобы разместить новое баннерное место в одном из шаблонов сайта необходимо:

    1. В панели навигации Xevian.backend перейти в Дизайн → имядизайна (обычно default). В главном окне Xevian.backend появится список файлов дизайна.
    2. Выбрать файл шаблона, в котором требуется разместить место под баннер. Список файлов сменится HTML-кодом выбранного шаблона.
    3. Вставить плейсхолдер нового баннерного места (banner_footer в примере выше) в шаблон.

       При необходимости можно отменить редактирование клавишами Ctrl+Z, но только пока страница шаблона открыта. Перед редактированием желательно сохранить шаблон в локальный текстовый файл: поместить курсор внутрь шаблона щелчком мыши, выделить весь текст клавишами Ctrl+A, скопировать и вставить в любой текстовый редактор, сохранить полученный файл.

    4. Нажать кнопку Сохранить.
12. По необходимости добавить в CSS-код сайта новое правило, определяющее внешний вид и точное расположение нового вида баннеров, например:

    .footerBanner{
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid lightgrey; /* добавить светло-серую рамку */
        border-radius: 2px;          /* слегка скруглить углы */
        top: 1px;                    /* сместить баннер на 1 пиксель вниз */
        left: 2px;                   /* сместить баннер на 2 пикселя вправо */
    }
    

    CSS-код можно найти в файлах с окончанием .css в списке файлов дизайна. Добавлять новое правило следует в конец файла. Перед редактированием следует сохранить копию файла на локальном компьютере.

Ссылки:

• Загрузка нового баннера