Поиск по сайту


Дизайнерский форум

Рассылка

Наша кнопка

Мы рекомендуем

Разработка темплейтов на движке InstantCMS

CMS Instant – это движок, созданный для управления сообществами. Эта масштабируемая платформа позволяет создавать сайты практически любой сложности и направленности. Каждая страница в шаблоне этой CMS состоит из блоков, или модулей, и контентной части, выводящей содержание какого-либо компонента. Модуль - это объект страницы, выполняющий возложенную на него функцию. Это может быть модуль авторизации, поиска, последних материалов и т. д. Их можно привязывать к любой странице сайта. Таким образом, модуль просто выводит некоторые данные из базы и по сути является визуальным представлением компонентов.

Web-дизайн для InstantCMS представляет собой оформление модулей под определенный стиль и правильное расположение их на странице.

В InstantCMS используется шаблонизатор Smarty, что позволяет легко отделить дизайн от функционала.

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

Создавать шаблоны на Instant CMS довольно просто. Для этого потребуется выполнить несколько этапов написания и запуска шаблона в действие:

Сперва нужно найти папку templates в корневом каталоге сайта. В ней находятся все шаблоны, используемые в системе. После этого открываем ее и внутри создаем папку нового шаблона. Назовем ее newtemplate. Когда система обнаружит эту папку, то в панели управления сайтом, в разделе «шаблоны», вы увидите возможность выбора созданного вами шаблона. Эта папка будет содержать все файлы для конкретного шаблона, поэтому в ней будут папки с картинками, tpl-файлы шаблонизатора, системные файлы стилей.

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

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

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

Пришло время вспомнить о CSS и приступить к созданию CSS-классов. Одной из возможностей InstantCMS считается использование таблиц классов в отдельно взятом шаблоне, а также гибкая их настройка. Иными словами, во всех шаблонах заголовок, к примеру, метится классом «con_heading». Поэтому задача веб-мастера состоит в том, чтобы создавать дизайн, а не новые метки классов. Для упрощения процесса можно воспользоваться готовым шаблоном и выбрать css-теги, ссылки, таблицы, заголовки и прочее.

В заключении приступаем к проверке путей к файлам стилей и к таблицам, картинкам и прочим элементам шаблона. Пользуйтесь функцией автозамены, например, «images» заменяем на «templates/newtemplate/images» и т. д. Проверьте, работает ли шаблон. Для этого сохраните информацию и зайдите в панель управления. По пути «Настройки\Шаблон» выберите тот, что вы сами создали. Если перед вами открывается страница с нужным веб-дизайном, значит, вы добились успеха.

Теперь немного о разработчиках шаблонов для InstantCMS. Если у вас нет знаний или возможности, чтобы самим разрабатывать темплейты, то вы можете обратиться к специалистам, которые давно работают с этой CMS. На этом сайте можно заказать любые InstantCMS шаблоны на свой вкус. Также эта команда разработчиков предлагает и другие услуги по этой системе управления контентом, в том числе программирование и создание сайтов.

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

Дизайн навигатор - Photoshop, уроки фотошоп, шаблоны сайтов