Разбираем фреймворк Wright от Joomlashack

Шаблоны Joomla


Здравствуйте дорогие друзья и любители Joomla. Сегодня мы с вами разберем фреймворк для шаблонов Joomla 2.5 — Joomla 3.x под названием Wright. Он конечно не такой популярный как Gantry от Rockettheme или T3 from JoomlArt, но фреймворк Wright от Joomlashack тоже очень хорош и сейчас мы его разберем подробнее.

Разбираем фреймворк Wright от Joomlashack

Разбираем фреймворк Wright от Joomlashack

Скачивание Wright

Для начала, откройте страницу http://wright.joomlashack.com и нажмите на кнопку «Download Wright».media_1392325531042

После этого вы попадёте на страницу следующего шага. Разработчики из JoomlaShack попросят вас отправить твит о том, что вы скачиваете их фреймворк. Лично я держу фейковый аккаунт в Twitter специально для таких случаев. Единственным положительным моментов во всём этом является то, что кнопка отправки твита по всей видимости оставляет долгосрочные Cookies в бразуре, так что вам не придётся снова отправлять твит для повторного скачивания.

media_1392326091874Теперь вы можете скачать Wright. Небольшое неудобство вызывает тот факт, что файл, который вы скачиваете, называется просто «js_wright.zip» без упоминания о версии продукта. Мне бы хотелось, чтобы разработчики включили в имя файла цифры версии, чтобы я мог сразу сказать, отличается ли новый скачанный фреймворк от предыдущего. На момент написания этой статьи, над фреймворком всё ещё ведётся активная работа.

Установка Wright

Откройте панель администрирования Joomla, зайдите в «Расширения» > «Менеджер расширений», выберите файл «js_wright.zip», который вы только что скачали и нажмите кнопку «Загрузить и установить».

media_1392326351831

Если всё пройдёт нормально, вы увидите системное сообщение об успешной установке и логотип Wright.

media_1392326519019

Теперь перейдите в «Расширения» > «Менеджер шаблонов» и нажмите на звёздочку рядом с «js-wright». Вы увидите системное сообщение «Стиль по умолчанию успешно установлен», а звезда рядом с Wright станет жёлтой.

media_1392326603480

Просмотр Wright

Вот как первая страница нового сайта на Joomla выглядит, когда в качестве стандартного шаблона выбран protostar.

media_1392326928816

Это тот же самый сайт после установки Wright. Но что за два странных изображения появились рядом с логотипом?

media_1392327029894

Оказывается проблема в модуле вывода случайного изображения, в качестве позиции которого выбрано «none». В панели администрирования откройте «Расширения» > «Менеджер модулей», найдите модуль вывода случайного изображения и нажмите на зелёную галочку в колонке «Статус» рядом с ним, чтобы отключить этот модуль.

media_1392327233297

Теперь наш сайт выглядит гораздо лучше:

media_1392327417548

Опции администрирования Wright

Теперь вы можете взглянуть на опции администрирования Wright. Зайдите в «Расширения» > «Менеджер шаблонов» и нажмите на ссылку «js_wright». Список опций вы увидите ниже.

В основе Wright лежит фреймворк Joomla Bootstrap, поэтому многие опции отражают использование 12-колоночной модели Bootstrap.

По умолчанию вы увидите шаблон формата 3-6-3 для левой колонки, основного контента и правой колонки сайта.

Вы так же можете использовать графический логотип или просто название сайта где вы будете продавать чехол asus zenfone 2. Если вы привыкли к более сложным фреймворкам для шаблонов Joomla, простота Wright может вам понравится, либо вы будете неприятно поражены отсутствием расширенных настроек.

wright-admin

Настройка Wright

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

Изменение файла CSS тоже является очень простым и безопасным средством кастомизации. Поместите свой CSS код в файл под названием «custom.css» в директории «templates/js_wright/css».

В этот файл я добавил код, изменяющий фон основного контента на светло-жёлтый:

#main-content {background-color: #ffffcc;}

У фреймворка Wright есть довольно краткая документация на сайте разработчиков http://wright.joomlashack.com/using-wright. В ней присутствует несколько странностей, например, разработчики не используют стандартные теги jdoc:include в шаблоне. Вместо этого, они применяют свои собственные <w:../> теги. Но среднестатистическому дизайнеру не придётся вникать в это, так как в шаблоне достаточно позиций для модулей, в чём мы убедимся далее.

media_1392328185394

Позиции модулей

Чтобы найти схему всех позиций для модулей мне потребовалось некоторое время. Она находится на демонстрационном сайте Wright под пунктом меню «позиции модулей»: http://wright.joomlashack.com/demo/module-positions.

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

wright_positions

Заключение

Wright — это лёгкий, отзывчивый и гибкий фреймворк для шаблонов Joomla 2.5 — Joomla 3.x с приятным внешним видом. Он заслуживает того, чтобы стать частью вашей коллекции полезных фреймворков. А на этом статья Разбираем фреймворк Wright от Joomlashack  завершена. Желаю вам отличных шаблонов на фреймворке Wright. Увидимся.

Joomla Блог Nauca – научись работать с Joomla

Хочешь получать на e-mail свежие статьи о компонентах, модулях, плагинах и других полезных вещах связанных с Joomla? Не пропусти ничего полезного, подпишись на новости блога Nauca: