Обзоры расширений Joomla

 

 

TemplateToaster – это программа для создания шаблонов различных CMS, таких как Joomla, WordPress, Magento и т. д. Эта программа является аналогом Artisteer, о которой есть уже пара десятков статей на моём сайте. TemplateToaster Professional позволяет создавать шаблоны систем управления содержимым без знания языков программирования HTML, CSS, PHP. Её могут использовать дизайнеры, веб-мастера, владельцы сайтов и все, кто хочет создать шаблон для сайта за минимальный, по сравнению с «полным циклом разработки», срок с приемлемым качеством.

Безусловно, TemplateToaster Professional, так же, как и Artisteer, требует базовых навыков работы с интерфейсом программы и, желательно, навыков работы с графическим редактором. Помимо этого, совсем нелишним будет знание основ композиций и дизайна. А если у Вас есть креативная, творческая жилка, этот инструмент может стать неплохим средством для реализации Ваших идей. Особенно, в сочетании с дополнительными модулями CMS, для которой создаётся шаблон.

Не стоит ожидать от этой, или любой другой программы, чудес. Одна программа не заменит команду профессионалов (дизайнеры, программисты, фотографы, контент-менеджеры и др.), которые спроектируют и разработают полностью готовый сайт под Ваши нужды.

Обзор программы будет проходить в последней, на момент написания статьи (06.09.2014), версии TemplateToaster Professional 4.2.0.6267 в Windows 8.1 х64, разрешение экрана 1920х1080. Тип шаблона – Joomla.

TemplateToaster

Кратко перечислим основные возможности, которые предоставляет программа для создания шаблонов.

  • Разработка шаблонов для CMS Joomla (1.5 - 3.0), WordPress (3.х), Magento, Drupal (6, 7), e107 и статических сайтов.
  • Поддержка самого популярного расширения электронной коммерции VirtueMart для Joomla.
  • Поддержка самого популярного расширения электронной коммерции WooCommerce для WordPress.
  • Шаблоны, создаваемые TemplateToaster 4.2 совместимы с такими браузерами как: Internet Explorer 7-10, Firefox, Google Chrome, Opera, Safari, браузеры мобильных устройств и все другие браузеры, которые поддерживают стандарты всемирной сети. То есть, даже если Яндекс браузер явно не представлен в списке совместимых, шаблоны в нём тоже должны нормально отображаться.
  • Очень большое количество настроек шаблонов.
  • Настройки области виджетов, позиций модулей и регионов для таких CMS как WordPress, Joomla и Drupal.
  • Поддержка стандартов HTML5 и CSS3.
  • Поддержка адаптивного (отзывчивого, реагирующего) дизайна.
  • Поддержка вставки кнопок социальных сетей Facebook, Linkedin, Twitter и так далее.
  • Расширенный WYSIWYG редактор.
  • Возможность перемещения объектов шаблона мышью. Только при редактировании шаблона в программе.
  • Возможность вставки и настройки слайд-шоу.
  • Наличие библиотеки изображений (фото, логотипы и т. д.).
  • Возможность кадрирования изображения.
  • Сотни цветовых схем оформления.
  • Возможность создания горизонтального, вертикального и мега-меню.
  • Поддержка Google Fonts.
  • Возможность выгрузки файлов шаблона по FTP.
  • Валидный HTML и CSS (W3C).

Стоит отметить, что TemplateToaster 4.2, пусть и не полностью, но переведен на русский язык. К сожалению, это не относится к справочной системе. Несмотря на то, что аналог Artisteer переведен на русский, техническая поддержка по TemplateToaster Professional не осуществляется на русском языке.

Сравнение TemplateToaster Professional и Standard

TemplateToaster доступен в двух версиях Professional и Standard рассмотрим отличия между ними.

 

 

TemplateToaster Standard

TemplateToaster Professional

Поддержка экспорта шаблонов в Joomla (VirtueMart), WordPress (WooCommerce), Magento, Drupal, e107 и статические сайты

+

+

Бесплатное обновление программы в течение одного года

+

+

Выделенная техническая поддержка

+

+

Модуль предложений (советов)

+

+

Старт с начальной страницы

-

+

Настройки заголовков (H1, H2 и т. д.)

-

+

Настройка FTP

-

+

Настройка позиций модулей, области виджетов, регионов

-

+

Разработка настраиваемой страницы шаблона

-

+

Удаление CSS префикса _ttr

-

+

Использование произвольных изображений в шаблоне

-

+

Расширенные настройки градиентов

-

+

Настраиваемый логотип со ссылкой

-

+

Настраиваемые значения. Такие как высота, ширина и так далее.

-

+

Возможность добавления различных инструментов программы в избранное. Для ускорения доступа к ним

-

+

Дополнительные опции редактирования изображений

-

+

Цена (на 06.09.2014)

39,99 $

99,99 $

Ориентировочная цена (на 06.09.2014)

501 грн.

1251 грн.

Ориентировочная цена (на 06.09.2014)

1347 руб.

3367 руб.

 

Как видите, аналог Artisteer также представлен в двух редакциях, которые помогут Вам сэкономить деньги при покупке программы, нужной именно Вам.

Системные требования TemplateToaster весьма скромные. Программа для создания шаблонов будет работать на любом компьютере, на котором установлена одна из операционных систем Windows 8, Windows 7, Windows Vista, Windows XP SP3.

Начало работы

После запуска TemplateToaster Professional 4.2 перед Вами открывается начальное окно (рисунок ниже).

Начало работы с TemplateToaster

Нажав на ту или иную плитку с изображениями логотипов CMS, которые поддерживает программа для создания шаблонов, Вы перейдёте к выбору шаблона (рисунок ниже). Тем самым Вы укажете программе, для какой CMS необходимо создавать шаблон. В дальнейшем можно изменить свой выбор.

Если выбрать на первом экране плитку Открыть, Вы сможете открыть ранее созданный шаблон в формате TTR.

Плитка HTML служит для создания шаблона статического сайта (не на CMS).

Выбор готового дизайна

На данный момент TemplateToaster Professional предлагает на выбор около 45 готовых шаблонов, которые можно будет изменить. Примеры можно посмотреть на сайте разработчика. Но можно выбрать «Начать с нуля» и открыть программу с «пустым» шаблоном (рисунок ниже).

TemplateToaster

Файл

Элементы управления TemplateToaster Professional расположены в верхней части окна. Для удобства разделим всю программу на четыре области (рисунок ниже).

  1. Панель быстрого доступа. Можно настроить, какие именно инструменты будут на ней закреплены. По умолчанию это (слева направо на рисунке ниже): отменить действие, повторить действие, сохранить, открыть, выгрузить проект по FTP, предварительный просмотр шаблона сайта в браузере.
  2. Меню «Файл».
  3. Лента.
  4. Рабочая область.

На рисунке ниже изображение программы специально «разрезано» на фрагменты, чтобы было удобнее. Цифры на рисунке ниже соответствуют названиям областей в списке выше.

TemplateToaster Professional

В меню Файл (рисунок ниже) собраны основные команды для работы со всем проектом в целом.

Файл

  • Сохранить. Сохраняет изменения в текущем проекте с ранее заданным именем файла проекта.
  • Сохранить как. Позволяет сохранить файл проекта в нужную Вам директорию и с нужным именем файла.
  • Открыть. Позволяет открыть ранее сохранённый файл проекта. Отмечу, что можно открыть файл формата TTR, а не уже экспортированный шаблон сайта.
  • Экспорт. TemplateToaster Professional 4.2 позволяет Вам экспортировать проект в шаблон той CMS, которую Вы выбрали до этого. На рисунке ниже показан пример экспорта шаблона для Joomla. Опции, доступные при экспорте шаблона Joomla, рассмотрены ниже.

Экспорт шаблона Joomla

  • Новый. Позволяет создать новый проект шаблона.
  • Предварительный просмотр. Программа для создания шаблонов позволяет Вам просмотреть шаблон в одном из установленных у Вас, и поддерживаемых TemplateToaster, браузеров. У меня это: Mozilla Firefox, Google Chrome, Internet Explorer, Opera.
  • Предпросмотр RTL. Позволяет просмотреть шаблон сайта в одном из браузеров в режиме поддержки письменности справа налево.
  • Предпочтения. Общие настройки проекта. Рассмотрим их ниже.
  • FTP. Позволяет настроить и подключиться к удалённому серверу по протоколу FTP. Рассмотрим доступные настройки ниже в статье.
  • Помощь. Позволяет перейти к разделам справки на сайте разработчика (видео уроки на англ.) или перейти к написанию запроса в службу технической поддержки TemplateToaster.
  • Активация. Позволяет просмотреть данные об активации, срок истечения подписки и, если необходимо, можно деактивировать программу на компьютере (рисунок ниже).

Активация

  • Обновления. Запускает процесс проверки новых версий программы на сайте разработчика.

При экспорте шаблона Joomla из TemplateToaster Professional доступны такие опции:

  • Папка. Указывает на то, что шаблон будет экспортирован в виде папки с файлами.
  • Zip. Указывает, что шаблон будет экспортирован в виде ZIP-архива, который можно установить через менеджер расширений Joomla. Если Вы не собираетесь вносить изменения в исходные файлы шаблона,  рекомендую выбирать этот вариант, а не Папка.
  • RTL. От англ. Right to Left (справа на лево). Включив данную опцию Вы указываете, что шаблон разрабатывается для сайта с поддержкой письменности справа налево, например, для арабского языка.
  • Совместимость с VirtueMart. Если опция включена, то это делает шаблон совместимым с компонентом электронной коммерции (интернет-магазин) VirtueMart. По сути, это означает, что стили шаблона будут более тесно интегрированы с визуальным оформлением VirtueMart.
  • Имя Папки/Файла. Имя папки или файла шаблона.
  • Путь. Папка на Вашем компьютере, где будет сохранён экспортированный шаблон.

Настройки

В предпочтениях (настройках) TemplateToaster Professional доступны следующие опции (рисунок ниже):

  • Выберите Ваш язык. Программа для создания шаблонов переведена на четырнадцать языков, включая русский, английский, немецкий и другие. В этом спадающем списке Вы как раз выбираете язык интерфейса программы. Он не влияет на язык содержимого шаблона.
  • Показывать диалоговое окно Экспорт информации. Отображает диалоговое окно с инструкциями после экспорта проекта.
  • Использовать аппаратное ускорение графики, если доступно. Данная опция может как увеличить скорость работы TemplateToaster Professional так замедлить её. Если Вы заметили, что программа работает слишком медленно, попробуйте отключить данную опцию. Такое может происходить в случае с неподходящими драйверами на видео карту.

Аналог Artisteer

Опции области Настройки Прокси позволяют Вам настроить доступ TemplateToaster к интернету через прокси-сервер. Эти параметры можно узнать у системного администратора сети, к которой Вы подключены, или у Вашего интернет-провайдера. Если у Вас не возникло проблем при подключении к FTP сайта, загрузки шаблонов из коллекции шаблонов или проверки обновлений программы то, скорее всего, Вам не нужно менять данные настройки.

  • Выберите тип Вашего прокси. Доступны такие варианты: Нет, Http, Socks4, Socks5.
  • IP адрес. IP адрес Вашего прокси-сервера.
  • Порт. Порт для подключения к прокси-серверу.
  • Имя пользователя. Логин доступа к прокси-серверу.
  • Пароль. Пароль доступа к прокси-серверу.

Опции в области Ширина страницы позволяют задать максимальную и минимальную ширину шаблона. Это сработает только в том случае, если Вы используете резиновый дизайн шаблона.

  • Редакция. Это версия Вашей программы. Professional или Standard. Разница между версиями рассмотрена в таблице выше.
  • System Font Cache Service. Служба System Font Cache обеспечивает кэширование системных шрифтов для того, чтобы программы в операционной системе Windows могли получать к ним доступ. Но иногда данная служба вызывает проблемы в работе программ. Опция SystemFontCacheService позволяет очистить кэш шрифтов и не использовать данную службу. Для изменения данной опции необходимо иметь права доступа уровня администратора.
  • Префикс CSS. Префикс, добавляемый к каждому классу и ID в таблицах стилей экспортируемого шаблона. Можно его не менять.
  • Имя Автора. Имя автора шаблона. Отображается в административной части сайта. Например, в Joomla в «Менеджер расширений: Управление», столбец Автор.
  • Ссылка на Автора. URL ссылка на сайт автора отображается в нижнем колонтитуле (футэре) во фронтальной части сайта. В основном, применяется к темам Wordpress.
  • License. Это тип лицензии, по которой распространяется Ваш шаблон. В основном, применяется к темам Wordpress.
  • License Uri. Унифицированный идентификатор ресурса. От англ. Uniform Resource Identifier. Данная опция предназначена для задания URI лицензии. В основном, применяется к темам Wordpress.
  • Thema Uri. Аналогично предыдущей опции, но относится к URI темы.
  • Версия темы. Порядковый номер шаблона\темы. По аналогии с версиями программ.
  • Мета описание. Описание, которое увидит администратор сайта при установке шаблона в админке сайта.
  • Ключевые Мета Слова. Ключевые слова, которые будут отображаться в мета теге «keywords», если другие слова не заданы в CMS.
  • Заголовок. Аналогично предыдущей опции, но относится к тегу «title».
  • Ссылка в нижнем колонтитуле. Ссылка, которая будет отображаться в нижнем колонтитуле (футэре) шаблона во фронтальной части сайта.
  • Изображение Публикации. TemplateToaster позволяет Вам добавить миниатюру шаблона, которая будет отображаться в административной части сайта. На рисунке ниже показан пример такой миниатюры в менеджере шаблонов Joomla. Можно выбрать файл формата JPEG, JPG, PNG, BMP. При вставке миниатюры Вы сможете отредактировать изображение при помощи встроенного в программу растрового редактора. Возможности данного редактора будут рассмотрены в статье «Обзор TemplateToaster 4.2. Генератор шаблонов».

Менеджер шаблонов Joomla

  • Заказной CSS. TemplateToaster Professional позволяет Вам отредактировать таблицу стилей, сам исходный код, при помощи встроенного CSS редактора.

Возможности редактора достаточно скромные, но их вполне достаточно для простых правок. Помимо подсветки синтаксических конструкций языка в верхней части редактора есть такие инструменты (слева направо): Открыть (позволяет открыть существующий CSS файл), Сохранить, Отменить действие, Повторить действие, Вырезать, Копировать, Вставить, Поиск.

CSS редактор

  • Скрипт в «Header». Программа для создания шаблонов позволяет Вам ещё до выгрузки шаблона на сайт вставить, например, код счётчика Google Analytics или любой другой код, который должен присутствовать на всех страницах. Например, код кнопок социальных сетей AddThis.
  • Значки (favicon). Это иконка сайта, которая отображается во вкладке браузера или в сниппетах поисковой выдачи (рисунок ниже). Можно указать только изображение в формате ICO.

Сниппет

Вернёмся к меню Файл и выберем пункт FTP. Тут Вы сможете настроить соединение с внешним FTP сервером (хостингом сайта) для выгрузки на него файлов шаблона (рисунок ниже). Не путать с настройкой прокси, рассмотренной выше в статье. Значение нижеуказанных настроек можно узнать в службе технической поддержки Вашего хостинг-провайдера или в панели управления хостинг-аккаунтом. Реже данные настройки приходят в письме при оформлении хостинга.

Доступны следующие опции:

  • Хост. Адрес FTP-сервера Вашего хостинг (сайта).
  • Имя пользователя. Логин для доступа к FTPсайта.
  • Пароль. Пароль для доступа к FTP сайта.
  • Port. Порт для подключения к FTP-сервера Вашего хостинга (сайта).
  • Protocol. Аналог Artisteer позволяет подключиться к FTP сайта по одному из восьми протоколов (с поддержкой шифрования): Tls1Explicit, Tls1OrSsl3Explicit, Ssl3Explicit, Ssl2Explicit, Tls1Implicit, Tls1OrSsl3Implicit, Ssl3Implicit, Ssl2Implicit.

Программа для создания шаблонов

В области сразу под настройками (рисунок выше) будет отображаться служебная информация о выполнении различных операций с FTP: подключение к серверу, передача файлов, и так далее. Ниже слева, в области Компьютер-клиента будет отображаться древовидная структура файлов и папок Вашего компьютера, а в правой части, FTP сервер, будет отображаться древовидная структура файлов Вашего сервера (хостинга). По сути, это FTP-клиент. Как Total Commander, FileZilla и так далее.

Как видите, TemplateToaster Professional 4.2 обладает достаточным количеством возможностей, чтобы выступать как аналог Artisteer, на данный момент более известной программы для создания шаблонов сайтов. Надеюсь, что развитие данной области рынка программного обеспечения подтолкнёт разработчиков всех конкурирующих продуктов к совершенствованию своих приложений. Что, в свою очередь, должно положительно сказаться на качестве ПО и стать полезным для конечных пользователей.

В следующей статье «Обзор TemplateToaster 4.2. Генератор шаблонов» мы начнём обзор каждого инструмента программы. После того, как все инструменты будут рассмотрены, будет опубликована статья, в которой сравним TemplateToaster Professional и Artisteer Standard Edition.

Интересно узнать в комментариях к статье Ваше личное мнение об этом программном продукте. Особенно, в разрезе сравнения с аналогом – Artisteer.

 

Полезные ссылки: