Сайт Вадима Аниканова

Template Kit 3.1: создание шаблона для . Часть 1

postsblog8Сегодня я начну серию пошаговых уроков о том, как создать шаблон для CMS с помощью Template Kit 3.1. Я буду минимум времени посвящать теории, так как о теоретических моментах в Google исписано тысячи и миллионы страниц. Я буду писать о том, чего в интернете в принципе нет :)

Для того, чтобы Мы с Вами смогли приступить к работе потребуется пройти мой предыдущее руковдство, где я описывал как установить Dreamweaver CS4 + Template Kit 3.1. Как только у Вас все получилось, идем дальше.

Инструменты которые потребуются нам для создания шаблона:

  1. Установленная Adobe Dreamweaver CS3/CS4.
  2. Установленная Template Kit 3.1.
  3. Хостинг в интернете.
  4. Установленная на хостинге CMS .

Как только у нас все установлено и готово к использованию приступаем к созданию шаблона для с помощью плагина Template Kit 3.1.

Разделим эту статью на 3 условных этапа:

  1. Базовые настройки DW и TK (dreamweaver и template kit).
  2. Создание пустого шаблона.
  3. Внедрение и Включение шаблона в .

И так, приступим к базовым настройкам Dreamweaver.

Запускаем его.

Смотрим внимательно во вкладку JTK 3.1 Settings.

После нажатия Setup Profile попадаем в такое окошко.

Прописываем тут свои данные и нажимаем Update Profile.

И так, наш будущий шаблон будет располагаться локально и на нашем хостинге. Далее будут следовать настройки доступа и установка нашего шаблона.

Нажимаем во вкладке JTK 3.1 Settings кнопочку Map Files.

Для тех кто создает шаблон на локальном сервере Denver или другой сборке — ВНИМАНИЕ! Все заканчивается во вкладке LocalInfo. Здесь в Local root folder мы указываем адрес расположения шаблона на локальном сервере, а в Default images folder адрес к папке с картинками шаблона. После этого нажимаем «OK» в браузере вызываем наш сайт (localhost/имя_сайта) и приступаем к созданию пустого шаблона, пропустив следующий шаг.

Прописываем название сайта (Site name), локальную папку хранения нашего шаблона (Local root folder) и адрес корневого каталога на нашем хостинге. После этого переходим в пункт меню Remote info.

Прописываем наш FTP host, директорию расположения шаблонов в (Host directory), вводим логин и пароль нашего FTP пользователя. Галочки ставим везде в точности как стоят у меня. После окончание всех прописных махинаций нажимаем кнопку «TEST».

Лишь только после того как появится такое окошко мы можем нажать на нем «ОК» и аналогично поступить с основным окошком. Это значит, что Dreamweaver удачно подключился к хостингу и готов к дальнейшей работе.

Создание пустого шаблона для CMS .

Смотрим во вкладку JTK 3.1 Settings.

Нажимаем кнопочку Make base templates files.

Пишем название нашего шаблона и нажимаем Add.

Добавляем версию, тип лицензии и жмем ADD.

Собственно вот наш шаблон размещен локально...

Внедрение и включение шаблона в .

После нажатия этой кнопочки наш шаблон переместиться в папку templetes на хостинг, но прежде появиться окошко:

Подтверждаем наши намерения, и наблюдаем копирование файлов:

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

Входим в нашу административную панель :

Заходим в Менеджер шаблонов.

Выбираем наш шаблон «EkoMoto» по умолчанию.

Теперь, если Вы откроете свой сайт в интернете на главной страничке то увидите пустоту — это нормально и может говорить лишь о том, что наша задача выполнена!

На этом я завершаю 1 этап создания шаблона для .

Тэги: для, как, только, все, помощью, буду, template, , установленная, шаблона, dreamweaver, все

Copyright © 2013. All Rights Reserved.

Yandex-metrika