Template Kit 3.1: создание шаблона для Joomla. Часть 1
Сегодня я начну серию пошаговых уроков о том, как создать шаблон для CMS Joomla с помощью Template Kit 3.1. Я буду минимум времени посвящать теории, так как о теоретических моментах в Google исписано тысячи и миллионы страниц. Я буду писать о том, чего в интернете в принципе нет :)
Для того, чтобы Мы с Вами смогли приступить к работе потребуется пройти мой предыдущее руковдство, где я описывал как установить Dreamweaver CS4 + Template Kit 3.1. Как только у Вас все получилось, идем дальше.
Инструменты которые потребуются нам для создания шаблона:
- Установленная Adobe Dreamweaver CS3/CS4.
- Установленная Template Kit 3.1.
- Хостинг в интернете.
- Установленная на хостинге CMS Joomla.
Как только у нас все установлено и готово к использованию приступаем к созданию шаблона для Joomla с помощью плагина Template Kit 3.1.
Разделим эту статью на 3 условных этапа:
- Базовые настройки DW и TK (dreamweaver и template kit).
- Создание пустого шаблона.
- Внедрение и Включение шаблона в Joomla.
И так, приступим к базовым настройкам 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, директорию расположения шаблонов в Joomla (Host directory), вводим логин и пароль нашего FTP пользователя. Галочки ставим везде в точности как стоят у меня. После окончание всех прописных махинаций нажимаем кнопку «TEST».
Лишь только после того как появится такое окошко мы можем нажать на нем «ОК» и аналогично поступить с основным окошком. Это значит, что Dreamweaver удачно подключился к хостингу и готов к дальнейшей работе.
Создание пустого шаблона для CMS Joomla.
Смотрим во вкладку JTK 3.1 Settings.
Нажимаем кнопочку Make base templates files.
Пишем название нашего шаблона и нажимаем Add.
Добавляем версию, тип лицензии и жмем ADD.
Собственно вот наш шаблон размещен локально...
Внедрение и включение шаблона в Joomla.
После нажатия этой кнопочки наш шаблон переместиться в папку templetes на хостинг, но прежде появиться окошко:
Подтверждаем наши намерения, и наблюдаем копирование файлов:
После окончания копирования, проверив на хостинге реализацию произведенных нами действий, мы убеждаемся, что все в порядке и идем дальше!
Входим в нашу административную панель Joomla:
Заходим в Менеджер шаблонов.
Выбираем наш шаблон «EkoMoto» по умолчанию.
Теперь, если Вы откроете свой сайт в интернете на главной страничке то увидите пустоту — это нормально и может говорить лишь о том, что наша задача выполнена!
На этом я завершаю 1 этап создания шаблона для Joomla.
До встречи на блоге gradeup.org.ua
Все бегут к второй и третьей статьям...
А могли бы сказать
СПАСИБО!
Рад что пригодилась статья! Поделюсь маленьким секретом — заканчиваю шаблон для моего клиента, параллельно готовлю 4ю статью ;)
Скорей бы! Познавательно и очень полезно!
А какие настройки применять, чтобы мой шаблон создавался только локально, а не на хостинге? А уж потом на хостинг перенести полностью готовый сайт...
меня тоже интересует как делать шаблон на Локальном Хостенге (Денвер)
Какой адрес корневого каталога? если джумла установлена: Z:\home\fin-investor.com\www
В пункт меню Remote info в строку FTP host что нужно писать?
в Host directory нужно писать я так понимаю: /templates/
а что писать в Логин и пароль?
Все ребят внес корректировку в статью для тех кто создает шаблоны на локальном сервере! Когда проверите отпишите о результате!
Спасибо, что поделились опытом...
Есть вопрос,
Делал все по инструкции, шаблон с сайтом был загружен в нужную папку на хостинге, но когда открыл шаблоны в Джумле, то своего там не нашел((((
В чем может быть проблема, помогите пожалуйста...
Доброго Вам времени суток!
У меня два вопроса:
1. Можно ли с помощью JTK3.x РЕДАКТИРОВАТЬ (не создавать) имеющийся шаблон?
2. Если да, то как прописать установки сайта в Dreamwever CS5 (его установки заметно отличаются от установок Dreamwever CS3). Локальный сервер — xampp, его локальный каталог — c:\xampp\htdocs\ локальный каталог joomla — c:\xampp\htdocs\joomla локальный каталог шаблона редактирования c:\xampp\htdocs\joomla\templates\test локальный каталог шаблона JTK3.x c:\xampp\htdocs\joomla\templates\jtk
Заранее спасибо
Володя
Проверьте, чтобы права на папку были 777 либо 775 и отпишитесь пожалуйста о результате.
Немного подождите, я установлю CS5 и напишу подробную инструкцию по установкам. А что касается редактирования, я думаю возможно если имена файлов подогнать под восприятие JTK3.x, по этому поводу тоже напишу инструкцию в ближайшее время.
Спасибо огромное!! за урок, все наглядно
Доброго времени суток. Пытаюсь создать шаблон на Денвер с помощью вашей статьи. Возникли такие же вопросы как и у Сергея. И также не отобразился шаблон в Джумле. Адрес корневого каталога выбрала в начале templates. Потом уже перепробовала все возможные варианты. На одном форуме прочитала, что лучше все ставить в папку www . Тогда папку с изображениями выбрала www\images . Не пошло. Попробовала переставить обратно в templates, но папка с картинками упорно выбирается templates\название_шаблона, а не templates\название_шаблона\images . Оба варианта как-то нелогичны. Также очень смущает отсутствие информации в вкладке Remote info. Когда я пытаюсь заместить файлы на сервере, вылезает окошко «Перед использованием этой функции необходимо определить удаленный сервер. Определить сервер?», нажимаю — ОК, и у меня вылазит то самое окошко с Remote info. И получается "Удаленная информация/Доступ — нет. Получается доступа нет, программа вроде что-то там копирует, но файлы не появляются. Стоит ли выбрать доступ Локальный/сетевой? Нужно ли нажимать на кнопку, которая производит подключение к удаленному узлу. И также я ни в какую не могу зайти на сам сайт. Т.е. спокойно захожу на страницу Денвера, в админпанель Джумлы, а когда пытаюсь ввести адрес своего сайта, упорно пишет что такого пути нет. Я что-то не так делаю, или это из-за того, что внешний вид сайта еще не задан?
Сори за много букафф. Буду просто счастлива получить ответ((
Спасибо за то что делитесь опытом, тратите своё личное время, замечу-бесплатно. Если пойду дальше, возможно, со временем и мне будет чем поделиться, что я с удовольствием и сделаю.
Из-за того, что нет подробного описания установки Template Kit 3.1 на локальный хост, а также неясности с возможностью с помощью его РЕДАКТИРОВАТЬ шаблон (это НАМНОГО важнее создания шаблона с нуля, в инете навалом nulled шаблонов) считаю статью бесполезной. Свое обещание от 13 Апрель 2011 автор не выполнил, по-этому пришлось обойтись без Template Kit 3.1 и без Dreamweaver CS5 и вполне успешно. Сайт работает на прекрасном шаблоне Yootheme.
СПАСИБО
Данная статья была подкорректирована под Денвер. Будьте внимательнее!
первым этапом доволен, идём дальше )
Здравствуйте, проблема такая же как у Ярослава все загружено на хост куда надо но шаблон в джумле не отображается права на папку ставил 777, 775 не помогает что делать не знаю помогите!
Я также сталкивался с такой проблемой однажды. Давал права на все папки 777, но шаблона не видел. Проблема оказалась в том, что некоторые папки (это может быть как сам шаблон, так и ведущие к нему) не изменились в правах на 777 (775). Связавшись с хостером, проблема была решена, эт их тех баг. Советую перепроверить папки и файлы на наличие прав, а не только изменить их, ну и конечно принять меры обратившись к хостеру. Можете воспользоваться сторонними скриптами и с их помощью задать права.
Большое спасибо. Статья очень полезная и познавательная.
Опять спасибо огромное, нажму еще раз на рекламу Гугл
Спасибо большое за помощь!
Огромнейшее спасибо автору. Уже второй день ищу инфу по созданию шаблона в DW. И вот о чудо , нашёл ! Ещё и со скриншотами и по полочкам всё разложено ! Ещё раз СПС .