Содержание

Создание своего шаблона для Drupal 7 на конкретном примере. Часть 1.

Сегодня хочу затронуть такую тему как создание собственного шаблона для Drupal 7, на конкретном примере. Этому делу, будет посвящено несколько уроков, которые я думаю помогут вам разобраться в принципах построения своего шаблона. Для опытных пользователей данной системы, допил свёрстанного дизайна под Drupal не составляет особого труда, но вот для новичков – тема сложновата и усложняется она ещё и тем, что в рунете практически нет какого либо описания построения шаблона, — есть какие то обобщённые данные, я попытаюсь устранить данный пробел своими статьями. Итак приступим:

Для начала нам необходимы исходные данные, а именно свёрстанный (HTML и CSS) шаблон. В просторах интернета их достаточно много. Я же вам предлагаю взять мои исходники, которые будут использоваться в примерах, скачать его можно вот отсюда, а выглядеть он будет вот так:

Как мы видим, структура совершенно простая. Давайте откроем папку с исходными файлами и посмотрим из чего состоит наш с вами дизайн:

Набор файлов скуден честно говоря, внутри находится индексный файл (index.html), стили (style.css), и папка с картинками (images). Теперь приступим к созданию, для начала нам нужно создать папку с названием вашего шаблона (название берём из головы) в директории вашего сайта, я назову его «modeldrupal», а именно идём по пути

sites/all/themes/название_вашего_шаблона

Внутри папки создаём файл

Название_вашего_шаблона.info

В этом файле у вас будет храниться вся необходимая информация о данном шаблоне, которая необходима для Drupal.

И пишем вот такую структуру:

name = modelDrupal
description = new themes for drupal modelDrupal
package = Core
version = VERSION
core = 7.x
stylesheets[all][] = style.css

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

И видим, что для полного отображения нам не хватает скриншота темы, поэтому сделаем скриншот свёрстанного дизайна и поместим его в корень нашего с вами шаблона, название ему необходимо дать как:

screenshot.png

Расширение файла может мыть как «png» так и «jpg», в моём случае это – png. Обновляем страницу и смотрим что у нас из этого получилось:

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

index.html и повешенные на него стили, для этого копируем папку с картинками, index.html и style.css в корень нашего шаблона, на деле должно выглядеть вот так:

Если вы читали мои предыдущие статьи по темизации, то вы наверняка знаете, что за каркас страницы в Drupal 7 отвечает файл

page.tpl.php

Поэтому, переименуем файл index.html в page.tpl.php. И теперь, если мы активируем наш шаблон в админке и поставим его по умолчанию, то вывод любой странице на сайте будет именно такой как в нашем дизайне. Давайте посмотрим как выглядит сайт после выше перечисленных манипуляций:

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

page.tpl.php

И в начало URL каждого изображения подставляем вот такую конструкцию, изображений у нас всего 4

/sites/all/themes/modaldrupal/

Сохраняем и смотрим, какие изменения произошли у нас на сайте:

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

Именование шаблонов 7

block—[region|[module|—delta]].tpl.php

Базовый шаблон: block.tpl.php

Используется для формирования блоков определённого региона и модуля.

  • block—module—delta.tpl.php
  • block—module.tpl.php
  • block—region.tpl.php

module — название модуля.
delta — внутренний ID назначенный блоку модулем.
region — имеет эффект для обозначенного региона.

Например, шаблон block—block—1.tpl.php будет использоваться для первого самостоятельно добавленного через интерфейс сайта на странице «Структура — Блоки» блока, потому что он создан модулем block и его ID=1. Параметр region будет действовать для определённых регионов, например шаблон для региона sidebar_first будет называться block—sidebar_first.tpl.php.

Если блок создан пользовательским модулем с названием custom и его дельта my-block, то его шаблон будет называться block—custom—my-block.tpl.php.

Ещё один пример для видов. Если блок создан модулем Views с системным названием front_news и его ID block_1, то шаблон для него будет называться block—views—front-news-block-1.tpl.php (отметьте, что знак подчёркивания в ID или названии вида нужно заменить дефисом).

Название модуля является регистрозависимым, поэтому, если модуль называется MyModule, то шаблон для него должен именоваться как block—MyModule.tpl.php.

comment—node-[type].tpl.php

Базовый шаблон: comment.tpl.php

Используется для формирования комментариев документов определённого типа.

Например, для комментариев добавленных к типу документов article шаблон будет именоваться comment—node-article.tpl.php.

comment-wrapper—node-[type].tpl.php

Базовый шаблон: comment-wrapper.tpl.php

Используется для формирования обёрток комментариев документов определённого типа.

field—[type|name[—content-type]|content-type].tpl.php

Базовый шаблон: field.tpl.php

Друпал будет использовать самый определённый шаблон, просматривая приведённый ниже список сверху вниз:

  • field—field-name—content-type.tpl.php
  • field—content-type.tpl.php
  • field—field-name.tpl.php
  • field—field-type.tpl.php

Отметьте: знак подчёркивания из системного названия поля заменяется в названии шаблона знаком дефиса. Не забывайте включать field- в пользовательские имена полей, например: field—field-phone.tpl.php.

forums—[[container|topic]—forumID].tpl.php

Базовый шаблон: forums.tpl.php

Используется для формирования форумов, контейнеров и тем форумов.

Для контейнеров:

  • forums—containers—forumID.tpl.php
  • forums—forumID.tpl.php
  • forums—containers.tpl.php

Для тем форумов (обсуждений, дискуссий):

  • forums—topics—forumID.tpl.php
  • forums—forumID.tpl.php
  • forums—topics.tpl.php

html.tpl.php

Базовый шаблон: html.tpl.php

  • html—[internal|view/path[.tpl.php
  • html—node—id.tpl.php

maintenance-page—[offline].tpl.php

Базовый шаблон: maintenance-page.tpl.php

Используется для формирования страницы, при неудачном обращении к базе данных. Удобен для вывода страницы без сообщений об ошибках.

node—[type|nodeid].tpl.php

Базовый шаблон: node.tpl.php

Используется для формирования области содержания документов определённого типа.

  • node—nodeID.tpl.php
  • node—type.tpl.php
  • node.tpl.php

page—[front|internal/path].tpl.php

Базовый шаблон: page.tpl.php

Основан на внутреннем адресе страницы, не путайте с альтернативным адресом. Не забывайте, что первая страница сайта может быть определена на странице Управление → Конфигурация → Система — Информация о сайте. Путь, который установлен на этой странице всегда вызовет page—front.tpl.php.

Если вы находитесь на странице example.com/node/1/edit, то шаблоны будут искаться в следующей последовательности:

  • page—node—edit.tpl.php
  • page—node—1.tpl.php
  • page—node.tpl.php
  • page.tpl.php

poll-results—[block].tpl.php

Базовый шаблон: poll-results.tpl.php

poll-vote—[block].tpl.php

Базовый шаблон: poll-vote.tpl.php

В отличие от предыдущего, действие распространяется не на результаты опроса, а на форму голосования.

poll-bar—[block].tpl.php

Базовый шаблон: poll-bar.tpl.php

Также как poll-vote—[block].tpl.php, но используется для формирования отдельных строк (полосок, баров).

profile-wrapper—[field].tpl.php

Базовый шаблон: profile-wrapper.tpl.php

Используется для общей страницы со списком участников. Для просмотра определённых полей, например страницы drupal.org/profile/country/Russia используйте шаблон profile-wrapper—country.tpl.php.

region—[region].tpl.php

Базовый шаблон: region.tpl.php

Шаблон используется когда в регионе страницы есть содержание. Названия регионов определяются в файл .info.

search-results—[searchType].tpl.php

Базовый шаблон: search-results.tpl.php

Обёртка для результатов поиска. Зависит от того, что ищется, страницы документов или страницы пользователей.

Примеры:

Для страницы example.com/search/node/Search+Term будет использоваться шаблон search-results—node.tpl.php.
Для страницы example.com/search/user/Bob будет использоваться шаблон search-results—user.tpl.php.

search-result—[searchType].tpl.php

Базовый шаблон: search-result.tpl.php

В отличие от предыдущего, действие распространяется на отдельный результат поиска.

taxonomy-term—[vocabulary-machine-name|tid].tpl.php

Базовый шаблон: taxonomy-term.tpl.php

  • taxonomy-term—TID.tpl.php
  • taxonomy-term—vocabulary-machine-name.tpl.php
  • taxonomy-term.tpl.php

Отметьте: знак подчёркивания в системном названии словаря заменяется знаком дефиса.

Добавление page.tpl.php зависит от типа содержания. В Друпале 7 это можно сделать используя функцию [СИСТЕМНОЕ-НАЗВАНИЕ-ТЕМЫ]_preprocess_page в файле template.php.

function [СИСТЕМНОЕ-НАЗВАНИЕ-ТЕМЫ]_preprocess_page(&$variables) {
  if (isset($variables['node']->type)) {
   // If the content type's machine name is "my_machine_name" the file
   // name will be "page--my-machine-name.tpl.php".
   $variables['theme_hook_suggestions'][] = 'page__' . $variables['node']->type;
   }
}

Drupal – Создание темы 7

Темизация Drupal 7

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

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

  • HTML и CSS
  • JavaScript и jQuery (если вы будете делать тему с поддержкой этих скриптов)
  • PHP (это не является необходимым, но во многих ситуациях знание PHP поможет вам лучше понимать о чём идёт речь)
  • Терминологии Друпала

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


Это руководство содержит информацию о работе с темами в Друпале 7. Стандартные темы и их шаблоны в Друпале 7 размещены в своих папках и подпапках общей папки themes, для дополнительных тем используется папка DRUPAL_ROOT/sites/all/themes.


Для изменения существующий темы, создайте в папке sites/all/themes папку для новой темы и скопируйте в неё все файлы той темы которую нужно изменить.

Системное название темы соответствует названию .info-файла. Например, если файл называется drop.info, то Друпал будет считать, что системное название темы это drop.

Когда создаётся новая тема, её системное название не должно совпадать с системным названием другого проекта, так как названия модулей и тем используются в названиях функций, а использование функций с одинаковыми названиями может вызвать конфликты.


Друпал 5 и более ранние версии в качестве системного названия использовали название папки темы, а не название файла.

Движок PHPTemplate

Стандартным движком тем в Друпале 7 является PHPTemplate. Он написан Adrian Rossouw и использует в качестве шаблонов файлы something.tpl.php, которые позволяют управлять функциями theme_something(). Документацию по функциям оформления можно найти в Drupal API. Каждый файл состоит из HTML-скелета с включением PHP-сниппетов, которые генерируют необходимую информацию.


Даже если вы не знаете PHP, то всё равно сможете создавать свои темы, так как в них используются простые сниппеты, которые можно просто скопировать в свои шаблоны из других тем.

Логика условий и предобработка данных (template.php)

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

Этот файл должен начинаться с отрывающего PHP-тега <?php, а закрывающий тег рекомендуется опустить.

Структура генерируемой страницы

  • Страница — на странице находятся регионы
  • Регион — в регионах размещаются блоки
  • Блок — в блоках показываются данные

Иллюстрация ниже показывает структуру страницы в Друпале и файлы, которые используются в типичной теме и подтеме.

Стандартные файлы темы

.info-файл: определение темы

Всё, что нужно Друпалу для того, чтобы увидеть тему, это .info-файл. Если нужно, здесь могут быть определены метаданные, стили, скрипты, регионы и другие параметры.


В Друпале 5 .info-файлы использовались только в модулях. .info-файлы для тем были введены в Друпале 6.

.tpl.php-файлы: шаблоны выводимых данных

Файлы шаблонов используются для HTML-разметки и переменных PHP. Каждый .tpl.php-файл обрабатывает вывод определённой части данных темы, а в некоторых ситуациях он может служить обёрткой для нескольких .tpl.php-файлов (например profile-wrapper.tpl.php). Эти файлы не являются обязательными и если в вашей теме их нет, то будут использоваться стандартные шаблоны.

Воздержитесь от использования в этих файлах сложной логики. В большинстве случаев это должны быть только элементы HTML задающие скелет страницы и переменные PHP выводящие данные в этих элементах (используйте для предобработки файл template.php).

Эти файлы должен начинаться с отрывающего PHP-тега <?php, а закрывающий тег рекомендуется опустить.

.css-файлы: стили оформления

.js-файлы: скрипты взаимодействия

Базовая темы и её подтемы

Подтемы ведут себя как и любая другая тема, единственное отличие заключается в том, что они наследуют ресурсы своей базовой темы. Для создания подтемы в .info-файле подтемы нужна запись base theme, которая определяет базовую тему, от которой будут наследоваться ресурсы.


Друпал 5 и ранние версии требовали размещения подтемы внутри папки базовой темы. Сейчас это не так. Друпал 7 использует реестр тем, данные о темах берутся из него и подтема не обязательно должна располагаться в папке базовой темы.

Рекомендации по созданию темы

При создании темы и использовании темы, учитывайте следующие моменты:

  • Сделайте для темы логотип и скриншота. Скриншот показывается на странице «Оформление» и помогает визуально отличать темы друг от друга
  • Если вы используете на сайте стандартную тему, но хотите внести в неё небольшие изменения, создайте на её базе подтему в папке дополнительных тем. Прямое изменение стандартных тем не рекомендуется, потому что они используются в процессе установки и обновления (собственные переменные могут быть несовместимы с ядром) и они могут быть случайно вами перезаписаны при обновлении сайта
  • Чтобы использовать в теме дополнительные возможности помимо логотипа, поиска, миссии и так далее, используйте файл theme-settings.php, данные которого будут показываться на странице настройки темы
  • Для использования в теме возможностей модуля Color, в папке темы нужна папка color вместе с файлом color.inc и другими дополнительными файлами

функциональные возможности, качественные бесплатные темы для Drupal

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

Выбираем тему, подходящую для сайта

Сверстать сайт с нуля — это объёмная задача для опытного специалиста. А выбрать тему, которая максимально точно отображает видение вебмастера, и затем откорректировать её — задание, с которым справится почти любой человек.

Нельзя строго разделить темы на хорошие и плохие. Есть шаблоны, подходящие для вашего проекта, и те, что смотрятся неуместно. Перед выбором темы определитесь, какие элементы должны быть на ваших страницах. Можно даже набросать карандашом примерный внешний вид основных страниц. Будет ли у них картинка в шапке? Где расположено основное меню? Как структурирован подвал? Обращайте как можно меньше внимания на картинки и цвета — всё это легко переделать, а вот с макетом разобраться будет сложнее. Каждую тему оценивайте, исходя из её структуры, «скелета» — а цветовую схему вы легко измените сами. С другой стороны, переделывать красивый шаблон под свои нужды, которым он совсем не соответствует — работа тяжёлая и неблагодарная, которая не стоит потраченного времени.


Определяемся с функционалом

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

Как выбрать тему

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


Нужна ли «резиновая» вёрстка

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

15-20 лет назад «резиновая» (она же адаптивная) вёрстка была редкостью. И действительно, в ней не было нужды — мобильный веб был разве что в мечтах, и у большинства пользователей мониторы поддерживали стандартное разрешение 1024х768. Так что особой потребности в адаптации содержимого под размер окна не возникало. Сейчас ситуация кардинально поменялась — у посетителей сайтов совершенно разные мониторы, около 40% людей в интернете сидят через мобильные устройства (смартфоны и планшеты) с различным разрешением. Может показаться, что «резиновые» макеты бывают только в платных шаблонах, но на многих сайтах можно скачать адаптивные темы для Drupal бесплатно.

Верстать страницу для каждого отдельного типа разрешения (коих сейчас десятки) контрпродуктивно. Чтобы сайт смотрелся красиво и гармонично и на десктопе, и на смартфоне, прибегают к адаптивной вёрстке. Её суть проста — размер и наличие элементов сайта зависит от размера окна браузера и растягивается вместе с ним. Обычно «резиновую» вёрстку делают от малого к большому — вначале верстают самую маленькую версию сайта для мобильных устройств, а потом, с увеличением разрешения, добавляют необязательные для навигации, но удобные и симпатичные элементы: колонки, меню, кнопки, оформление.


Есть ли хорошие бесплатные темы для Drupal

Открытое и активное сообщество считается одним из главных плюсов Drupal — бесплатные темы здесь не редкость. Но насколько они хороши?

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

Многие бесплатные шаблоны поставляются с пометкой Starting pack. Это означает, что тема — всего лишь заготовка, применять её к сайту без редактирования не стоит. Есть и множество относительно готовых решений, требующих минимального вмешательства. Огромное комьюнити Drupal разрабатывает и безвозмездно делится шаблонами для самых разных сайтов. Среди бесплатных тем есть:

  • интернет-магазины;
  • лэндинги;
  • сайты-визитки;
  • сайты-портфолио;
  • форумы;
  • шаблоны для информационных порталов и многое другое.

Что такое Bootstrap

Если вы уже заглянули на какой-нибудь сайт, где можно скачать шаблоны для CMS, то вы наверняка наткнулись на категорию тем «Drupal Bootstrap». Что это такое?

Bootstrap — это фреймворк-конструктор, который позволяет обогащать сайт на Drupal. Он загружает на сервер скрипты, которые отвечают за добавление таких элементов UI, как:

  • всплывающие подсказки;
  • поля ввода;
  • кнопки;
  • заголовки.

Другими словами, Bootstrap позволяет улучшить пользовательский интерфейс — расширить функциональность и усовершенствовать внешний вид. Разработчики ценят этот конструктор за широкие адаптивные возможности (Bootstrap в первую очередь приспособлен для мобильных устройств), простой и компактный код, толковую документацию по каждому элементу. Для вебмастера главный плюс Bootstrap кроется в его лёгкости — сайт на таком шаблоне грузится ощутимо быстрее.

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

Как установить тему

Порядок установки темы зависит от версии Drupal.


Drupal 7

Установка тем Drupal 7.х сводится к копированию файлов шаблона на сервер:

  1. Скачайте тему и разархивируйте её.
  2. Откройте папку с шаблоном и перейдите в директорию /sites/all/themes.
  3. Скопируйте находящуюся внутри папку с названием выбранной темы на сервер в директорию /sites/all/themes.
  4. Зайдите на панель администрирования. В меню Appearance в списке шаблонов выберите новый и нажмите Enable and set default.

  5. Мы ещё не закончили — модули шаблона не будут работать, пока вы не установите их. Для этого скопируйте директории /sites/all/libraries и /sites/all/modules из пакета шаблона на сервер.


Drupal 8

Новая версия появилась сравнительно недавно, и некоторые темы её ещё не поддерживают. Перед скачиванием и попыткой установки убедитесь, что шаблон подходит для восьмой версии CMS. На сайтах, где можно скачать бесплатно темы для Drupal, всегда есть пометки, с какими версиями шаблон стабильно работает.

Установка шаблонов в Drupal 8.х стала очень простой:

  1. Скачайте тему в формате .zip. Не распаковывайте архив.
  2. Зайдите в панель администратора и перейдите на вкладку «Оформление» (Appearance).
  3. Нажмите большую синюю кнопку «Установить новую тему» (Install new theme). 

  4. Нажмите «Обзор» и выберите скачанный архив.
  5. Нажмите «Установить».

  6. Установщик Drupal автоматически загрузит и модули, и библиотеки темы. Вручную добавлять их не нужно. Теперь осталось только перейти на вкладку «Оформление» и установить новую тему шаблоном по умолчанию.

Шаблоны для Drupal 7 | блокнот ITшника

Sahara — Чистая и отзывчивая тема для блога Drupal

Предварительный просмотр темы http://sahara.c0.pl/

Theme Tastic — Drupal 7 Тема

Предварительный просмотр темы http://themetastic.zzz.com.ua

Creatiz — Drupal 7 Тема

http://cretatiz.zzz.com.ua/node

OrdaSoft v3 — тема для Drupal

Предварительный просмотр темы http: // ordasoft.zzz.com.ua/

Omni — Современная тема для приложений Drupal


Предварительный просмотр темы http://omni.zzz.com.ua/

Подержанные автомобили v1.0 — Drupal Car Theme

Предварительный просмотр темы http://auto-shop.zzz.com.ua/

Zircon II — Тема Creativemarket Drupal

Предварительный просмотр темы http: // zircon2.zzz.com.ua

ThemeForest — Rhythm v1.2 — Многоцелевая бизнес-тема для Drupal


Предварительный просмотр темы http://rhythm.zzz.com.ua

InnoCompany — универсальная бизнес-тема для Drupal

InnoCompany — чистый минималистский дизайн, мощные возможности настройки и кастомизации,
все это новая, современная тема для drupal с адаптивной версткой.Отличное решение для сайта бизнес компании или корпоративного портала.
Предварительный просмотр темы http://innocompany.96.lt/

Sensation — премиум тема для портфолио и блога

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

Предварительный просмотр темы Sensation http: // sensation.96.lt/

CoWorker — бизнес-корпоративная тема для Drupal

CoWorker — новая, современный бизнес тема для Drupal с оригинальным и стильным дизайном.

Предварительный просмотр темы CoWorker http://coworker.esy.es/

Visia — Адаптивная страница

Visia является полностью гибкой и сетчаткой.
Он потрясающий дизайн, действительно здорово совместимость и поставляется с супер поддержку.

Предварительный просмотр темы http://visia.96.lt

Porto — Адаптивный шаблон для Drupal 7

Porto представляет собой многоцелевую тему Drupal для любого бизнеса или портфеля сайта.
Это в полной мере учитываться дизайн готов выглядеть сногсшибательно на любом устройстве.

Предварительный просмотр темы http://porto.96.lt/

Architecture — шаблон для Drupal 7 от Template Monster

Architecture — шаблон для Drupal от Template Monster.Шаблон для оформления портфолио-сайтов компаний.
Шаблон выполнен в светлых тонах и имеет двух-колоночную структуру страницы. Шаблон Architecture совместим с Drupal седьмой версии. Исходные графические файлы идут в комплекте.

Предварительный просмотр темы http://architecture.zzz.com.ua

Cenus — современный минималистский шаблон для Drupal 7.x от ThemeForest


Cenus — уникальный шаблон, предназначенное для сайта портфолио или различных проектов.Тема имеет современный и минималистский стиль.
Два цветовых стиля: светлый и черный. Работает на пользовательских библиотеках JQuery. Хотите привлечь клиентов — этот шаблон для Вас!

Предварительный просмотр темы http://cenus.zzz.com.ua/

OnePage — одностраничный шаблон для Drupal

OnePage — обеспечивает простое решение для построения одностраничных сайтов для Drupal. Предварительный просмотр темы OnePage http: // onepage.96.lt/

Drive — Бизнес тема для Drupal

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

Предварительный просмотр темы Диск http://drupal-drive.96.lt

Corporate X-2 — универсальная тема для Drupal

Corporate X — универсальный шаблон для drupal с адаптивной версткой, дополнительными настройками темы и предустановленными стилями оформления.

Предварительный просмотр темы Corporate X2 http://corporatex-x2.zzz.com.ua

Corporate X-3 — универсальная тема для Drupal

Corporate X 3— универсальный шаблон для drupal с адаптивной версткой, дополнительными настройками темы и предустановленными стилями оформления.

Предварительный просмотр темы Corporate X3 http://corporatex-x3.96.lt

Designmd 01 — Отзывчивая тема для Drupal

DESIGNMD -01 — это простая и современная управляемая Drupal 7 тема.С оперативным усилием по разработке ее легко использовать на любом устройстве, не снимать любую информацию! Может фотографами, портфолио, частными блогами и многим другим.

Предварительный просмотр темы Designmd 01 http://responsive.96.lt/

Aqua — тема в стиле минимализм

Aqua универсальная с адаптивной версткой в ​​светлом цвете оформлении в стиле минимализм.
Отличные решения для создания корпоративного портала или многофункционального бизнес сайта .

Предварительный просмотр темы Aqua http://drupal-aqua.96.lt

Inspiro B v2.1.1 — тема с адаптивной версткой

Inspiro B — красивая полноэкранная тема для Drupal с адаптивной версткой и поддержкой мобильных устройств. Шаблон отлично подойдет для создания портфолио, блога или корпоративного сайта.

Предварительный просмотр темы Inspiro B http: // inspiro-b.zzz.com.ua

Калипсо — современная тема

Kalypso является адаптивным, современным и уникальным шаблоном начальной загрузки для Drupal 7. Он использует последние фишки HTML5, CSS3 и JQuery для создания красивой и функциональной темы, идеально подходящей для любого сайта. Дизайн включает вертикальное меню навигации, различный типографику и элегантные паттерны, которые делают его поистине уникальным. Эта тема включает в себя мощные настройки, которые позволяют настроить вам сайт без необходимости редактировать исходный код.

Предварительный просмотр темы Kalypso http://kalypso.890m.com

Universefolio — универсальная тема для Drupal 7

Universefolio универсальная тема для Drupal 7 , отличный шаблон для построения
портфолио или корпоративного сайта.
Предварительный просмотр темы Universefolio http://universefolio.16mb.com/

Новинка — тема для портфолио и блога

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

Предварительный просмотр темы Новинка http://novelty.96.lt

Maxx — бизнес-корпоративная тема для Drupal

Maxx — новая, современная бизнес-тема для Drupal с оригинальным и стильным дизайном.

Предварительный просмотр темы Maxx http://maxx.zzz.com.ua/

Humble — тема для Drupal

Humble — тема для Drupal в стиле минимализм.Проста в установке и использовании.

Предварительный просмотр темы Humble http://humble.96.lt

Community — новостная журнальная тема для Drupal

Сообщество — тема для Drupal с системой сообществ, отлично подойдет
для создания журнального или новостного сайта.

Предварительный просмотр темы Сообщество http://community.pe.hu

Alcatron — уникальный бизнес-шаблон для Drupal

Alcatron — стильный и уникальный шаблон с адаптивной версткой.
Многофункциональная тема для создания бизнес-сайта с оригинальным портфолио.

Предварительный просмотр темы Alcatron http://alcatron.96.lt

Mentor — тема для Drupal

Mentor — современный бизнес, корпоративный шаблон для Drupal с адаптивной версткой в ​​стиле минимализм. Профессиональное решение для вашего бизнеса.

Предварительный просмотр темы Mentor http://mentor.96.lt/

Seven-Biz — универсальная тема для Drupal

Seven-Biz — универсальная тема с привлекательным дизайном и адаптивной версткой.
Шаблон разработан на фреймворке Zurb Foundation 4, располагает расширенным функционалом и дополнительными настройками темы.

Предварительный просмотр темы Seven-Biz http://seven-biz.96.lt

MD Official — Многоцелевая тема Drupal Themeforest

Шаблон для Drupal, построенный на основе Bootstrap сетки (HTML5 и CSS3). С 24мя доступными веб-шаблонами и разнообразными встроенными опциями для HD-фонов, в штучной упаковке кадров, слайдер, предопределенные скины и домашние варианты, вы можете вдохновить любой веб-сайт, без каких-либо навыков программирования.
Разнообразие современных и корпоративных компаний проектов с неограниченным количеством цветов, предварительный просмотр и простые Builder упростят ваши работы, просто перетащите и отпустите, и ваш сайт готов.
Кроме шаблона, официально включает 3 ползунками, 5ти страниц типа Drupal Commerce, 4 портфоулимных макета, 2 контактных страницы с поддержкой Google-карт и 5 типов блогов, чтобы вы могли построить сайт любой направленности.
В общем с данным шаблоном вы построите все что ваша душа пожелает, а для более легкого построения в шаблон включен 10 demo профилей.

Скачать бесплатно MD Official: https://yadi.sk/d/U5mFNJCVeiLWd

Обнаружение
languageAfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (упрощенный) Китайский (традиционный) CroatianCzechDanishDutchEnglishEsperantoEstonianFilipinoFinnishFrenchGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKoreanLaoLatinLatvianLithuanianMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (Бирманский) NepaliNorwegianPersianPolishPortuguesePunjabiRomanianRussianSerbianSesothoSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTeluguThaiTurkishUkrainianUrduUzbekVietnameseWelshYiddishYorubaZulu

AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (упрощенный) Китайский (традиционный) CroatianCzechDanishDutchEnglishEsperantoEstonianFilipinoFinnishFrenchGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKoreanLaoLatinLatvianLithuanianMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (бирманский) NepaliNorwegianPersianPolishPortuguesePunjabiRomanianRussianSerbianSesothoSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTeluguThaiTurkishUkrainianUrduUzbekVietnameseWelshYiddishYorubaZulu

Функция преобразования текста в речь ограничена 100 символами

.

15 красивых функциональных шаблонов для Drupal

Если честно, с системой управления сайтами Drupal я «дружу» не так хорошо как с WordPress. Мне всего пару раз приходилось с ней сталкиваться, хотя это не помешало в свое время найти парочку симпатичных блоггерскиих шаблонов для Drupal. Было это достаточно давно, да и трех макетов явно недостаточно для выбора, поэтому сегодня решил подобрать еще немного красивых и функциональных шаблонов.

Точно также как и для вордпресс на официальном сайте разработчиков есть специальный раздел для тем и шаблонов.С помощью формы поиска вы можете подобрать для своей версии Drupal.

Вот что удалось найти мне.

Корпоративный сайт

Шаблон сайт для бизнеса дабы максимально предоставить информацию о компании. Светлый и изящный дизайн.

Образование

В макете найдете много разных блоков для новостей, информации, списков, курсов и т.п.

Личный блог

Шаблон блога для Drupal со всеми элементами: сайдбаром, шапкой, лентой постов и т.п.

BlueMasters

Красивый стильный Drupal шаблон для корпоративного сайта компании.

Lexi Адаптивная тема

Легкий и просторный дизайн для небольшого сайта компании. Здесь есть много разных настроек и областей для блоков, поддержка слайдера, выпадающих меню и других HTML5 эффектов.

ТБ Палисио

Сара «Откровенное» как для бизнеса, так и для личного блога или портфолио.Есть табы, опросник, меню и много чего еще.

ТБ События

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

ТБ Метис

Данный Drupal шаблон идеально подходит для сайта про стиль и моду. Выглядит стильно.

ТБ Хаделис

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

Bluez

Макет для корпоративного сайта на Drupal с фиксированной шириной — 960px. Тема выглядит современно и легко.

ТБ Блог

Еще один шаблон для блога — светлый и простой, ничто не будет посетителей от чтения постов.

Винт с пробкой

Красивый шаблон для Drupal со множеством графики на главной странице и приятной уютной цветовой гаммой.

Омега Кикстарт

Макет имеет адаптивный дизайн под разные типы мобильных устройств.

ТБ Просто

Легкая тема для Drupal, которая включает в себя все базовые функции.

Андромеда

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

На этом пока что все. Надеюсь, представленные выше функциональные и красивые Drupal шаблоны вам пригодятся.

.
Автор записи

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

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