Здравствуйте, уважаемые читатели wmbn.ru! Сегодня хотелось бы поговорить о первом бесплатном шаблоне Drupal, который будет представлен на данном блоге — шаблон Mayo. По умолчанию в Drupal уже установлен шаблон Bartik, из которого можно при желании сделать свой, уникальный и отличный от стандартного шаблон. Но не думаю, что тот, кто недавно начал пользоваться Drupal или вообще любой другой системой сумеет сразу понять код шаблона и изменить его под свои нужды. Ладно с WordPress — там по сути мало чего можно изменить и при этом можно создать свой шаблон. Но с Drupal дела обстоят немного иначе — обилие функционала, различные регионы, блоки вывода информации… все это требует знание кода и я не мало времени убил, чтобы понять принцип работы шаблона.

Шаблон MAYO для Drupal

Под изменение попал первый бесплатный шаблон, который я установил на Drupal — это естественно Mayo. Сначала просто настраивал его, затем принялся к изучению составляющих файлов, затем их структуре и последующему редактированию. Но запись не будет о том, как редактировать шаблон, об этом позже. А сейчас же хотелось бы просто рассказать, провести обзор бесплатного шаблона Mayo.

Загрузка, установка и обзор шаблона Mayo в Drupal

Скачать архив шаблона Mayo можно с официального сайта Drupal в разделе Themes. После загрузки архива, распаковываем его в папку sites/all/themes, далее заходим в админскую часть Drupal и в меню Оформление включаем данный шаблон. Сначала шаблон не будет показан, так как он не используется по умолчанию, следовательно внизу, где расположена миниатюра шаблона, в окне Оформление, сделайте его используемым по умолчанию.

бесплатный шаблон MAYO для Drupal

Приведу немного описания из сайта Drupal — шаблон MAYO это аббревиатура от MAke Your Own, то есть создай самого себя если перевести дословно. Второй, шуточный вариант использования сокращения для шаблона MAYO — MAYOnnaise (майонез). Шаблон создан для того, чтобы пользователи, установившие его на свой сайт по управлением CMS Drupal могли с легкостью настроить многие параметры темы. От вас не потребуется каких-либо знаний HTML или CSS, или того хуже PHP — все можно настроить, используя стандартные настройки темы и функционал Drupal.

А теперь о самом шаблоне — стандартная расцветка оранжевого цвета. Шапка оформлена в горизонтальном градиенте, переходящая на салатовый цвет. Там же и установлена стандартная форма поиска, однако для ее использования потребуется настроить права доступа для блока Search.

Ниже идет меню, которое так же установлен в качестве блока, но при этом изменить его получится только используя инструмент для редактирования типов меню в Drupal. Далее по стандарту идет правый сайдбар, основная часть и подвал сайта — в общем ничего удивительного.

Просмотр регионов шаблона MAYO для Drupal

Давайте рассмотрим список регионов шаблона Mayo, в которые можно установить блоки Drupal:

  • Menu bar — меню;
  • Submenu bar — дополнительное меню шаблона;
  • Banner top — верхняя часть основного контента для расположения в него своего баннера;
  • Top first, second, third, fourth column — регионы для расположения различной дополнительной информации. Можно использовать как кнопки, как блок новостей, полезные ссылки — в общем что угодно, только для начала нужно создать свой блок или использовать готовый в Drupal для шаблона;
  • Колонка первая и вторая — правый и левый сайдбар. Обычно используется для установки блоков для входа или категории. Для зарегистрированных пользователей можно поставить как навигационное меню, которое используется в Drupal в качестве быстрых ссылок;
  • Стандартные регионы шаблона Drupal — Документы, Справка и четыре Bottom column;
  • Banner bottom — аналогичное назначение, как и для Banner Top;
  • В части подвала расположены четыре штампа — можно использовать для различных целей. Часто видел на сайтах-порталах такое размещение, как в одном блоке дублированное вертикальное меню, затем новости, счетчики и подписка на RSS (значок) или другие проекты портала;
  • Нижняя колонка больше предназначена для копирайта или установки RSS канала сайта;

Настройка и функционал шаблона Mayo для Drupal

Приступим к просмотру настроек шаблона Mayo — присутствуют как стандартные настройки для шаблона Drupal, так и собственные. Прежде всего я говорил (точнее как указано в описании шаблона на сайте Drupal) от вас не потребуется знание Css, чтобы сделать поверхностное изменение шаблона — все сводится к управлению вида из панели администратора (окна с палитрой).

Палитра настроек цвета шаблона MAYO для Drupal

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

Для настройки основного фона используются поля

  • Base Background — задний фон шаблона;
  • Page Back — основной фон страницы;

К шапке сайта относятся поля настройки:

  • Header left и right — такое сочетание позволяет создать градиент для шапки сайта;
  • Header border — рамка шапки шаблона;

К основной части настройки шаблона можно отнести поля:

  • Текст и ссылки — цвет основного текста и цвет ссылок сайта;
  • Highlight color — используется для выделения пункта меню, для этого используется псевдокласс в Css, однако в настройках шаблона Mayo это предусмотрено;
  • Page title background и text — цвета фона заголовка и текста;
  • Menu devider — границы меню;
  • Node background, borders, devider — используется для настройки внешнего вида документа (фон, границы. рамка);
  • Table Header и Even row позволяют настроить внешний вид таблицы в Drupal. В WordPress это делается с помощью HTML и Css либо плагина WP-Table Reloaded;
  • Sidebar — все параметры, которые относятся к настройке вида боковых колонок шаблона;
  • Footer — все что относится к подвалу сайта;
  • Title & Slogan — не понимаю зачем его поместили в самый конец настройки, данное поле позволяет изменять цвет Заголовка сайта и слогана;

Внизу можно увидеть все выставленные настройки в предварительном просмотре. Ниже расположены стандартные настройки Drupal, которые применяются для всех шаблонов, включая Mayo.

Расширенные настройки объектов в шаблоне Mayo

Кроме вышеперечисленных настроек, у шаблона Mayo есть так же и свои.

Расширенные настройки цвета MAYO

В блоке Font Settings изменяются настройки шрифта шаблона:

  • Base font size — базовый размер шрифта для сайта, скорее всего применим к созданным документам;
  • Base font family — тоже самое, только указываем гарнитуру шрифта шаблона;
  • Heading font family — настройка гарнитуры для заголовков (теги h1, h2, h3 и прочие);

В Layout settings находятся параметры для изменения положения некоторых отдельных частей шаблона на странице сайта:

  • Base vetical margin — устанавливает положение блока относительно других частей сайта;
  • Page Width и Margin — ширина основного контента страницы и его положение;
  • layou style — возможность применить стиль как ко всему сайту, так и к отдельным главным частям шаблона;

Sidebars Layout Settings — настраивается положение первой и второй колонки шаблона Mayo:

  • Layout Style — выбираем положение колонок (по отдельности, оба расположить слева или справа);
  • Sidebar First и Second Width — ширина правого и левого сайдбара;

В блоке Style Settings настраивается внешний вид блока и меню. Так же можно установить свои параметры для заголовка в блоке Advanced header settings:

  • Add search form и font resizing — добавить в шапку шаблона форму поиска и возможность изменения шрифта сайта;
  • Header height и border — устанавливаем высоту шапки и размер его рамки;
  • Logo и Site name left и top margin — расположение логотипа и названия сайта в шапке шаблона;
  • Тоже самое для Search form;

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

На этом запись можно закончить, как видите настроек у шаблона Mayo множество, причем они дополняются еще и системными настройками Drupal. Те, кто знаком с WordPress знают, что для большинства тем там нет таких гибких настроек (исключая Emescale) и такие элементы как сайдбар, заголовок порой приходится редактировать вручную, изменяя при этом исходный код. Для Drupal шаблонов тоже можно изменить код, причем сделать это так, что можно изменить положение всех регионов сайта, а так же добавить свои. Но об этом позже, так что кому интересно советую подписаться на обновления сайта.

 Для тех, кому интересно можете почитать статью — Как создать файл Robots.txt?

Комментариев: 7

    1. writer

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

      1. West Blogger

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

        Еще легче, выделить основные варианты дизайна кода, и потом их скомпоновывать вместе.

        1. Orcinus Orca

          Так я и не говорю, что надо с нуля. Просто интересно было копался ли человек в самом коде и насколько реально начать штамповать свои собственные шаблоны.

  1. Александр

    Вообще большинство блоггеров допускают ошибки при выборе темы. Вот заходишь на некоторые блоги, и думаешь «зачем я сюда зашел?» Так все напичкано, что информативности и функциональности просто ноль. Чем проще блог — тем лучше для людей.

    1. writer

      Для WordPress может быть, но Drupal как блоговый движок слишком функциональный. Он больше для порталов и крупных проектов, где как раз много чего, однако и навигация там на высшем уровне, хотя кому как

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>