Дизайн сайта

С помощью этого раздела административной части можно управлять внешним видом сайта.
В этой ЦМС применяется шаблонный подход к построению страниц сайта. Что это значит? Рассмотрим простейший пример шаблона:

Здесь можно легко заметить обычные html-теги (head, body, div). Однако, кроме них присутствуют шаблонные переменные (TITLE, MAIN_MENU, CONTENT). Они отличаются тем, что заключены в квадратные скобки и набраны заглавными буквами. В процессе формирования страницы именно в места, обозначенные этими переменными, подставляются конкретные данные. Эти данные различны для каждой страницы сайта, в то время как html-теги от страницы к странице остаются неизменными.

Список шаблонных переменных:

• TITLE - Заголовок страницы. Заменяется значением, указываемым в разделе "Общие настройки" раздела в поле "Мета-теги > Название страницы".


• DESCRIPTION, KEYWORDS - мета-теги, указываемые там же, где и заголовок страницы.


• BASE_HREF - служебная переменная. Указывает относительный путь к каталогу, в котором находится страница.


• TPL_DIR - также служебная переменная. Указывает название каталога, в котором хранится шаблон.


• onload - при необходимости выполнения функций JavaScript, их вызов выполняется здесь. Это служебная переменная.


• HEAD - в эту переменную подставляется вызов нестандартных файлов стилей, js-скриптов и т.п. Служебная


• IMAGE_DIR - путь к каталогу картинок для шаблона. Заменяется на [BASE HREF]templates/[TPL DIR]images/ Этот каталог задан жестко и загрузить в него изображения через админку невозможно. Он наполняется на этапе создания сайта. Если есть необходимость вставить другие картинки, их нужно загрузить на сервер с помощью файлового менеджера визуального редактора (зайдя в раздел редактирования любой страницы). Путь к этим картинкам будет таким: [BASE HREF]files/Images/ Именно эту конструкцию и нужно вставлять в шаблон


• MAIN_MENU - вместо этой переменной вствляется главное меню сайта.


• SUB_MENU - а это, соответственно, подменю.


• CONTENT - самая главная переменная. Она заменяется основным содержимым страницы. Это текст из визуального редактора, всякого рода модули (новости, форма и пр.)


• WORD_N, где N - числа. Применяется для замены на тексты в многоязычных версиях ЦМС

Это встроенные переменные. Значения, на которые они заменяются жестко заданы внутри программного обеспечения админки. Но у вас существует возможность создавать собственные переменные и значения, на которые они будут заменяться. В админке они называются Панели.

Теперь о том, как всем этим управлять из раздела "Дизайн сайта".

Шаблоны

Список шаблонов сайта. По умолчанию существует один шаблон - main. Его нельзя удалить. Но можно отредактировать. Кроме того, существует возможность добавлять собственные шаблоны (кнопка добавления находится в меню раздела в левой части экрана). Вы можете задать название шаблона и его содержимое. При создании новых шаблонов, они автоматически будут появляться в разделе "Общие настройки" разделов, поле "Шаблон (дизайн)". Таким образом есть возможность создавать разделы сайта, оличающиеся друг от друга внешним видом.

По-скольку создание и редактирование шаблона достаточно кропотливая работа, ошибки в которой чреваты полным крахом внешнего вида сайта, в админке присутствует система отката изменений шаблонов. Вернуться можно только на один шаг назад. Для этого существует соответствующая кнопка в строке шаблона.

Стили

Файлы стилей css могут вкорне изменять оформление страниц без редактирования шаблона. Для управления таблицами стилей предназначен одноименный подпункт раздела Дизайн сайта. Управление стилями практически идентично управлению шаблонами, за исключением следующего:

• в стилях не применяются переменные;


• главный стиль называется tpl (его нельзя удалить)


• в списке присутствует стиль jquery.lightbox-0.5. Это стиль для галереи изображений. При обычных условиях его нельзя изменять

При редактировании стилей также можно воспользоваться отменой изменений (возврат на один шаг назад). Также можно создавать собственные таблицы стилей. Только нужно не забывать поключить их в соответствующие шаблоны.

Панели шаблонов

Как уже упоминалось выше, у вас есть возможность создавать собственные шаблонные переменные. Так как с их помощью предполагается выводить на страницы сайтов некоторую информацию небольшого размера, они и названы "панелями"

Есть возможность создать панели следующих видов:

• Простой текст. Идеален для размещения на сайте всякого рода счетчиков, информеров и т.п.


• Форматированный текст. Такие панели могут содержать в себе текст, оформленный шрифтами, цветом, а также любые другие возможности, предоставляемые языком разметки html и визуальным редактором нашей админки, включая изображения


• Последние новости. Эта панель служит для вывода ленты новостей в укороченном варианте. Можно задать источник новостей (напомним, что на сайте может быть несколько лент), количество отображаемых новостей, а также количество знаков в анонсе новости.


• Голосование. Служит для вывода формы для голосования посетителей.

Для того, чтобы создать новую панель с помощью соответствующего пункта левого меню. Во время создания указывается название панели и выбирается ее тип. После этого в таблице панелей для нее появится строка. В первом столбце этой строки отображается псевдоним панели, который нужно заключить в квадратные скобки и поместить в нужное место шаблона для того, чтобы она появилась на сайте. Кроме того, в этой же строке есть кнопка для управления собственно содержимым панели. Форма содержимого зависит от выбранного типа панели.

Все вышесказанное о панелях относится ко всем страницам сайта. То есть настройки в разделе Дизайн сайта являются "умолчательными". Если же существует необходимость на какой-то определенной странице сайта вывести в панель содержимое, отличное от заданного, то это можно сделать следующим образом: зайдите в управление нужным разделом сайта (вкладка "Разделы" админки). Находясь на странице управления разделом вы увидите в левом меню пункт "Управление панелями". Здесь можно изменить настройки по умолчанию для любой панели. После того, как это будет сделано, в строке с этой панелью появится красный крестик. Он, во-первых, сигнализирует, что для этой страницы панель была изменена, а, во-вторых, нажатие на него приведет к тому, что исключительные настройки отменятся и панель примет вид, заданный в разделе Дизайн сайта.