Написать письмо | FAQ | ПОМОЩЬ | Улучшения | Оплата | Статьи

Как создать шаблон AjaxIS

Главная / ПОМОЩЬ / Дизайн / Как создать шаблон AjaxIS

Чтобы создать новый шаблон сайта в AjaxIS нужно, прежде всего, представлять структуру нового шаблона. Она описана в статье Структура шаблона AjaxIS

Далее в поле кода главного шаблона пишем HTML код, который представляет из себя общую разметку страницы со всеми нужными заголовками страницы (содержимое <head>). Общая разметка располагается в теге <body> и в общем виде представляет из себя секторы:

  • Header - верхняя часть страницы с логотипом, местом для главного и других меню, поиска и т.д.
  • Body - в самом простом виде здесь можно вставить просто , но, как правило, тело шаблона это (левая колонка), (основное содержимое страниц) и (правая колонка)
  • Footer - место для вывода дополнительной информации внизу шаблона.

В зависимости от требований секторов может быть гораздо больше.

После написания и сохранения общей разметки и её стилей добавляем секторы, которые соответствуют этой разметке. Для этого нажать кнопку Добавить сектор в верхнем блоке левой колонки, ввести уникальное системное название (по которому его HTML будет добавляться в главный шаблон), название для отображение в центре администрирования, HTML код сектора (самое простое - но если требуется его можно обрамить во вспомогательный код), CSS, JavaScript код и нажать кнопку Добавить. Таким образом создать все секторы, которые потребуются.

Далее перейти в главный шаблон и расставить секторы по своим местам (исходя из Структуры шаблона AjaxIS), для расстановки ставьте курсор в нужное место и кликайте по системным названиям - переменным секторов, которые расположены ниже поля ввода кода главного шаблона.

Затем нужно добавить Подсекторы, для этого кликните на кнопку Добавить HTML код сектора во втором блоке сверху левой колонки, введите уникальное системное название, название для отображение в центре администрирования, секторы-родители (секторы, при выборе которых будет возможность выбрать подсектор - в основном это используется для разного оформления блоков колонок) и HTML код подсектора (чаще всего достаточно только и со своим HTML кодом), CSS и JavaScript код. Здесь с ними ничего делать не нужно, они будут использоваться при выборе места расположения в модулях.

Шаблоны модулей в большинстве случаев добавляются автоматически при установке AjaxIS и при создании нового шаблона, т.к. иногда большое количество переменных, которые выдают модули, создаёт некоторые сложности с созданием шаблонов для модулей. Поэтому в большинстве случаев достаточно изменить HTML код шаблона нужного модуля, расставив все переменные по нужным местам. Но если готового шаблона модуля нет, и нужно создать новый, то выберите модуль в списке левой колонки и нажмите Добавить запись в правой верхней части основного блока информации и добавьте уникальное системное название, общее название, HTML код, CSS и JS. Далее нужно расставить переменные модуля, которые он заменяет на данные, выбранные из базы данных. Список этих переменных, которые доступны для модуля, указан ниже поля ввода HTML кода шаблона модуля, для простоты добавления можно ставить курсор в нужное место поля ввода и кликать по названиям переменных, а не вводить их вручную.