Создание собственной подтемы с использованием Tundra. Сравнение Adaptive Theme и Tundra

Время чтения
меньше чем
1 минута
Прочитано

Создание собственной подтемы с использованием Tundra. Сравнение Adaptive Theme и Tundra

декабря 22, 2012 - 22:13
0 комментариев

Тема Tundra представляет собой расширение базовой темы Arctica для CMS Drupal 7, которая активно внедряет и использует дополнительные функции jQuery/CSS.

Тема Tundra для CMS Drupal 7

Главными особенностями темы являются:

Sooper FontKit. Интеграция различных пользовательских и Google fonts шрифтов с вашей темой.
Sooper SlideshowKit. Возможность создания адаптивных jQuery-слайдшоу элементов.
DropdownKit. Создание анимированных SooperFish выпадающих меню.
Sooper BackgroundKit. Возможность использования собственных изображений или CSS3-градиентов в качестве background-фона.
Интеграция с модулем Color. Позволяет, в настройках темы, задавать цвет background, цвет активных ссылок и цвет обычного текста.
Набор системных утилит, позволяющий стилизовать системные сообщения, навигацию (хлебные крошки), градиенты CSS3, формы и вида сайта при печати.

Установка и создание подтемы Tundra

Чтобы начать работу с темой, вам необходимо установить на ваш сервер базовую тему Arctica (http://drupal.org/project/arctica). После этого вы можете скачать и установить тему http://drupal.org/project/tundra

Структура темы (sites/all/themes/tundra/) включает в себя 2 подпапки:

tundra (основное ядро темы, набор системных расширений)
tundra_subtheme (собственно подтема)

Для того, чтобы создать собственную подтему, необходимо скачать на локальный компьютер папку tundra_subtheme, переименовать в собственное название (например, tundra_schedule). Внутри папки найдем файл tundra_subtheme.info и переименуем в название своей темы. После этого остается в файле template.php найти все строчки с названием tundra_subtheme, и опять же, заменить на свое название.

Также мы можем изменить стандартный favicon.ico, скриншот темы screenshot.png, логотип logo.png и заполнить собственный информацией файл .info.

Далее закачиваем папку tundra_schedule на наш сервер в папку sites/all/themes/tundra/ и активируем новую подтему в административной панели CMS Drupal 7.

Настройка и возможности темы Tundra

В настройках нашей темы можно увидеть следующую организацию вкладок:

1. Layout.

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

Настройка и возможности темы Tundra

2. Color module

Для работы с цветом адаптирован модуль Color. Можно изменять цветовую палитру фоновых подложек, цвет активных ссылок и основного текста.

Color Module в теме Tundra

3. Dropdown Menus

Существенным отличием от других тем, является поддержка выпадающего меню Sooperfish dropdowns. Здесь можно указать собственный атрибут списка меню, количество колонок меню, настроить анимацию и скорость выпадающего эффекта.

Dropdown Menus для Tundra

4. Sliders

В теме Tundra есть поддержка 2-х типов слайдшоу - jQuery Flexslider и Enable jQuery cycle. Для того, чтобы задействовать слайдшоу необходимо создать маркированный список изображений, «обернуть» его соответствующим div-ом и вывести в нужном блоке сайта. В теме имеется множество настроек слайдшоу – можно указать направление слайдшоу (горизонтальное, вертикальное), скорость и задержку переключения между слайдами, кнопки  переключения между слайдами.

Sliders для Tundra

5. Fonts

Мы можем подключить более 1000 различных шрифтов с разделением на главный шрифт текста, шрифт для меню, шрифт для различных заголовков, шрифт для заголовка сайта. Существует предварительный просмотр шрифтов в административной панели.

Sliders для Tundra

6. Site Background

В теме Tundra существует поддержка двух типов отображения фона сайта – в виде CSS3 градиента и в виде фоновых картинок (в базе шаблона хранится более 100 фоновых изображений). Есть возможность указывать прозрачность изображения.

Site Background для темы Tundra

8. Drupal core options / styles

Стандартные настройки темы, подключение и отключение .css файлов.

9. Polyfills

Здесь мы можем включить поддержку устаревших браузеров IE.

Tundra vs AdaptiveTheme. Когда какой вариант выгоднее

Мы рассмотрели установку, настройку и возможности двух популярных тем для CMS Drupal 7 – AdaptiveTheme и Tundra.

Основным преимуществом темы Tundra является огромный набор уже готовых решений для создания сайтов визиток и корпоративных сайтов. Это в первую очередь, выпадающее меню, слайдшоу, быстрое назначение цвета ссылкам и основному тексту, применение различных фоновых картинок, а также богатый выбор внешних шрифтов. Из недостатков можно выделить небольшие настройки адаптации для мобильных устройств. Здесь нет поддержки модулей Panels или Display Suite.

AdaptiveTheme, в первую очередь, направлена на опытных разработчиков. Основной акцент в ней сделан на настройку адаптивности для мобильных платформ. Для тех, кто активно использует модули Panels и Display Suite, тема AdaptiveTheme является лучшим выбором, так как здесь есть практически все типы визуальных вариаций расположения блоков. Кроме этого, использование Gpanels дает возможность делить уже существующие блоки на несколько колонок при помощи специальных PHP-сниппеттов. В дополнение существуют дополнительные расширения для поддержки внешних шрифтов, препроцессора saas, стилизации элементов сайта. Кроме того, в отличие от Tundra, AdaptiveTheme  хорошо документирована и записано множество видеоуроков от разработчика темы.

Добавить комментарий

CAPTCHA
Этот вопрос задается для того, чтобы выяснить, являетесь ли Вы человеком или представляете из себя автоматическую спам-рассылку.