До того, как появился Twitter Bootstrap, был (и есть) ZURB Foundation, структура, которая позволяет добавлять красивые кнопки, блокировать сетки, индикаторы выполнения, таблицы цен и многое другое с помощью нескольких хорошо размещенных классов CSS. С помощью темы ZURB Foundation для Drupal вы можете быстро развязать все это на своем Drupal сайте.
Что такое основа ZURB Foundation?
Основа ZURB Foundation - это набор кодов CSS и Javascript для кучи вещей, которые вы, вероятно, захотите на своем веб-сайте. Это включает в себя не только кликабельные глазные конфеты, такие как вышеупомянутые кнопки, но также и поистине удивительную отзывчивую силу.
Вы используете большинство этих функций, добавляя специальные классы CSS. Например:
Вот .
И вот маленькая кнопка.
Основа ZURB Foundation полностью отделена от Drupal. Люди используют его на WordPress, Joomla и даже статических HTML-сайтах.
Что такое тема Drupal Foundation ZURB?
Фонд Drupal ZURB тема позволяет вам развязать всю эту энергию ZURBish, просто загрузив и включив тему (и, конечно же, прочитав документацию и сделав несколько дополнительных шагов).
Например, ZURB Foundation полагается на библиотеку jQuery Javascript, поэтому вам, вероятно, придется установить обновление jQuery. Проверьте, используете ли вы какие-либо другие модули, которые полагаются на jQuery. Если вы используете слишком новую версию jQuery, эти модули могут перестать работать.
Кроме того, вы, вероятно, захотите использовать эту тему в качестве базовой темы для своей собственной темы. Настройка - это то, где действительно работает Фонд ZURB.
Вам нужна эта тема для использования ZURB Foundation в Drupal?
Вы не необходимость эта тема для использования основы ZURB Foundation. В своей простейшей, эта тема просто добавляет CSS и Javascript на ваш сайт, и вы можете сделать это вручную.
Но эта тема делает это проще, и это также включает некоторую дополнительную интеграцию с Drupal.
Кроме того, вы можете добавить небольшие дополнительные модули для дальнейшей интеграции. Например, модуль ZURB Orbit позволяет создавать слайд-шоу Orbit с полями изображения. Модуль ZURB Clearing позволяет создавать интерактивные лайтбоксы с медиа-изображениями.
Примечание. Я еще не использовал эти маленькие модули, поэтому они могут быть сопряжены с опасностью. Начиная с этой записи, ZURB Clearing требует
Медиа-2.x-DEV, что может быть опасным обновлением, если вы в настоящее время используете Media 1.x. И требование для версии разработки модуля всегда должно давать одну паузу. Тем не менее, эти и другие модули ZURB заслуживают внимания.
Выберите, какую версию ZURB Foundation использовать
Перед загрузкой темы ZURB Foundation проверьте, какую версию вы должны использовать. Существуют различные основные версии среды ZURB Foundation, а основной номер версии для темы соответствует структуре, с которой он работает. Итак
7.x-3.Икс версии темы работают с Фондом 3,
7.x-4.Икс версии работают с Foundation 4, и
7.x-5.Икс Версии работают с Foundation 5.
На момент написания этой статьи последняя стабильная версия темы - 7.x-4.x, которая работает с Foundation 4. Версия 7.x-5.x все еще находится в разработке. Итак, хотя веб-сайт Foundation Foundation предполагает, что вы будете использовать Foundation 5, на данный момент вам, возможно, захочется придерживаться Foundation 4.
Также обратите внимание, что Foundation 5 имеет дополнительные требования, особенно jQuery
1.10, Фонду 4 требуется только jQuery
1.7+.
Помните, какую версию Фонда вы используете, когда читаете онлайн-документацию. Это особенно актуально, если вы не используете последнюю версию фреймворка. Смертельно легко проскользнуть в чтение документов, скажем, Foundation 5, а затем расстраиваться, когда новая функция не работает на вашем сайте Foundation 4.
Например, Фонд 5 включает в себя целый набор
Средняя классы для экранов среднего размера. В Foundation 4 они загадочно потерпят неудачу, если вы не предпримете дополнительные шаги.
Используйте SASS, Compass и «_variables.scss»!
Если вы собираетесь настроить CSS для этой темы вообще, убедитесь, что вы:
- Используйте тему ZURB Foundation в качестве базовой темы для собственной пользовательской подтемы
- Сгенерируйте эту подтему, используя
Drush команда, предоставленная темой. Как это:
drush fst your_theme_name
- Неторопливо просматривайте отличные
_variables.scss файл
_variables.scss файл создается автоматически
drush fst, Этот единственный файл содержит переменные почти что-нибудь вы можете настроить в своей теме CSS. Это потрясающе! Все в одном месте вы можете установить все: от шрифта по умолчанию до ширины экрана до границы на панировочных сухарях.
Конечно, вы всегда можете настроить и дополнительные файлы. Но
_variables.scss это прекрасное место для начала.
Обратите внимание на расширение файла:
СКС, а не
CSS, Использовать
_variables.scss, вам необходимо настроить SASS (язык расширения CSS) и Compass (фреймворк, построенный с помощью SASS). Когда вы запускаете
компас компилировать, ваш
СКС файлы превратятся в прекрасный CSS в отдельные файлы. (Я предпочитаю
часы компаса - это продолжает работать и обновлять CSS, когда вы настраиваете
СКС файлы.)
Если вы действительно не хотите беспокоиться о SASS, вы можете писать файлы CSS как обычно и перечислить их в своей теме.
.Информация файл. Но поверьте мне - крошечные инвестиции времени, чтобы учиться достаточно, чтобы скомпилировать
_variables.scss будут возвращены почти мгновенно.
Прежде чем использовать ZURB Foundation
Фонд ZURB является самым превосходным, но это не единственная интерфейсная платформа, интегрированная с Drupal. Возможно, вы захотите рассмотреть Bootstrap, аналогичную структуру, в которой также есть тема Drupal. На данный момент я сам использую ZURB Foundation, но это потому, что мои исследования показали, что легче настроить, чем Bootstrap.
Кроме того, компонент Joyride довольно милый.
И используете ли вы ZURB Foundation, Bootstrap или какую-либо другую структуру, обязательно получите эти советы по использованию фреймворка с Drupal.
