Drupal Русскоязычное сообщество
Предлагаю к ознакомлению базовый примитив для создания собственной темы в Drupal 8.
Иметь свою тему хорошо и полезно.
Создание своей стартовой темы у вас не займёт много времени, основное время у вас уйдёт на написание стилей css.
Пусть наша тема будет иметь название light, тем более она будет точно соответствовать этому имени, так как в сущности будет иметь каркас темы, а дальнейшие расширения вы сможете применить в случае необходимости позже. Для старта нам её вполне хватит.
Создаем папку light
На картинке наглядно видно дерево темы
В папке light находятся файлы light.info.yml, light.libraries.yml,
light.theme, html.html.twig, favicon.ico, logo.svg
и директории css, js, images, templates.
Где брать шаблоны? Как и в Drupal 7 в восьмёрке шаблоны страниц лежат в папке system/templates Найти её можно по пути
/ core / modules / system / templates
Скопируем в свою тему оттуда шаблоны page.html.twig и шаблон html.html.twig
Для темизации шаблона ноды возьмём шаблон node.html.twig в папке модуля node по пути
/ core / modules / node / templates
Скопируйте эти шаблоны: html.html.twig в папку light, а шаблоны page.html.twig и node.html.twig в папку light/templates В дальнейшем, если вам нужно будет переопределить каки-нибудь шаблоны, то ищите их в папке модулей
по пути / core / modules
и копируйте себе в тему.
В папке css создайте файл стилей syle.css для оформления стилей темы.
В папке js создайте файл script.js для js кода в вашей темы.
Итак.
Мы создали директории темы, файлы yml и скопировали шаблоны.
Заполним файлы yml.
В файле идет описание темы, удаление файлов css стилей ядра,чтобы они не мешали вашей вёрстке, подключение библиотек, в которых прописаны пути для стилей и js- кода и описание регионов темы.
Если вам нужно добавить свой регион в тему, то в файле info темы в секции регионов вы прописываете свой регион
И в файле page.html.twig прописываете свой регион в любом месте разметки, где вам необходимо
Шаблонизатор произведёт проверку на наличие контента в регионе
И если вы в админке вывели блок в этот регион, то он его выведет в поток браузеру для отображения.
Обратите внимание вот на что. Это важно!
Ниже описания этого атрибута:
В нём пишут некоторые переопределения, ради которых не охота пистать модули. Он выполняет ту же роль как файл template.php в семёрке На этом собственно и всё. logo.svg и favicon.ico вы сможете сделать сами))
Папку с темой нужно положить в директорию themes по пути
Drupal Русскоязычное сообщество
Макет сайта интегрирован в программную оболочку под управлением Drupal 7. Используемые модули сайта: bueditor, colorbox, globalredirect, menu position, metatag, pathauto, popup, token, transliteration, views, webform, xmlsitemap, multiupload imagefield widget, плюс модули самого ядра Drupal.
Комментарии
показывает в данный момент
главную переделать ибо выглядит как говно а так могет быть
В примере сайты довольна красиво, чисто отрисованы, но не логичны по своей структуре.
Хм. Не сайты. Однако.
Спасибо всем отписавшимся в топике, рад был выслушать каждое мнение, каким бы оно не было противоречивым.
Как минимум шрифт:
От совокупности параметров шрифта(всех) и фона, на котором этот шрифт находится при чтении болят глаза(если честно, не осилил ни строчки). Меню в блоке смотрится немного нелепо из-за разницы в размерах шрифта между меню и содержимым
Как минимум шрифт: От совокупности параметров шрифта(всех) и фона, на котором этот шрифт находится при чтении болят глаза(если честно, не осилил ни строчки). Меню в блоке смотрится немного нелепо из-за разницы в размерах шрифта между меню и содержимым
За работу по подбору бренда и цветовой гаммы сайта вложено больше 1000 зеленых
мать. за такое 1к. Нехило дерут
Сидит психолог, предлагает варианты, компоновку, цветовую гамму.
А мне лично дизайн нравится. На вкус и цвет же все фломастеры разные поэтому зачем доказывать что лучше а что хуже. Чееку сказал в какой цветовой гамме сделать он и сделал. Имхо получилось красиво.
Пока принято решение оставить дизайн сайта без изменений. В ближайшие пару месяцев пройдет тестирование конверсии, а там посмотрим что да как.
В конце концов, если разработчик будет еще и дизайн думать, то что будут делать дизайнеры и психологи?
что тут поделать, если там кроме унылого дизайна пощупанькать больше нечего))))
только что бы они еще раз поняли что:
нынче в дизайнера/психолога может поиграть любой нуб, а принимающая сторона радостно прикрывшись шелухой менеджеров готова оплатить тот бред который ей насыпают, убедив дизайнера/психолога фактом оплаты что он не зря существует))))
причем чем дороже это будет, тем радостней
а потом сие дружно насыпать паблику
у Брейгеля есть картина «слепые»
она весьма точно иллюстрирует обсуждаемую ситуацию.
а на вопрос «что будут делать дизайнеры и психологи?»
ответ дан устами лит. персонажа проф. Преображенского,
в монологе про разруху.
подходит на все сто))))
ЗЫ Надеюсь со временем пополнить когорту разработчиков)
На сайте разработчиков надо спрашивать именно технические моменты, а не моменты дизайна. Вот из-за того что сайты делают разработчики (а не разработчики + дизайнеры) в нете полно ужасного говна.
Блин люди, какого хера вы не учитесь прежде чем что-то делать и тем более выставлять свое творение на показ? Есть же куча информации. Сатина например почитали бы и послушали а не неизвестного психолоха.
А вообще для меня это новость, что в Минске у нас кто-то платит психологам дважды папицот, чисто для того, чтобы продумать цвета и «компоновку». Либо вам на уши повесили, либо это клинический случай.
Наших на сайт за 1000$ развести целое дело, а тут за подобное..
Около 5% пользователей сайта обращаются через эту форму. Как правило люди оставляют контакты если попали на сайт в вечернее время, или в выходные дни.
Трекер
Стили терминов таксономии
Достать поле Block Reference из Field Collection и вывести в шаблоне
Ищем программиста: разработка сайта каталога с личным кабинетом
Связать магазин и продукт
Как cейчас сделать ajax блок корзины в Commerce?
recapcha в модальном окне
Meta tags (quick) во Views
Автообновление конкретного блока(div)
Вывод поля термин таксономии програмно
Как проводить аудит сайта: руководство для начинающих
Новые материалы
Достать поле Block Reference из Field Collection и вывести в шаблоне
Стили терминов таксономии
Связать магазин и продукт
recapcha в модальном окне
Ищем программиста: разработка сайта каталога с личным кабинетом
Как проводить аудит сайта: руководство для начинающих
Вывод поля термин таксономии програмно
Taxonomy + rules связь правил с термином таксономии drupal 7
Drupal 8/9 давай скоростью (mysql 8 \ mariadb 10.3)
Как написать запрос в БД в модуле друпал 7?
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Drupal Русскоязычное сообщество
На drupal очень много готовых шаблонов, наверно уже больше чем на joomla. Давайте поставим какое-нибудь оформление на наш сайт. Для этого в друпале уже есть папка themes, куда мы будем устанавливать темы оформления для нашего сайта.
Для того, чтобы скачать тему для друпала, нам нужно зайти на drupal.org в раздел Download и там выбрать ссылку на выбор тем:
Давайте возьмем New Themes (новые темы оформления). Теперь отсортируем темы по drupal 8.x, для этого выберем версию нашего друпала (Core compatibility):
Например мне понравилась тема Themage, вы можете скачать любую другую тему, только проверьте, что номер версии ядра совпадает с Вашим:
Скачиваем тему и скидываем ее в папку themes:
Теперь мы можем включить нашу тему оформления, заходим Manage > Оформление > Enable and set as default:
Теперь у нас есть новая тема на сайте:
Темы Конструкторы
Темы на друпале не всегда статичные, иногда можно менять цвета, шрифты, загружать фоновые изображения. Таких тем много, обычно в описание к теме указывается, что может тема оформления.
Omega
Тема омега скорее полуготовая тема, которую можно поднастроить. В помощь к теме прилагается модуль omega tools для ее настройке:
https://drupal.org/project/omega_tools
Fusion
Fusion вместе с модулем Fusion accelerator позволит настроить много из внешнего вида темы оформления:
Zero point
Неплохая тема с преднастроенными цветовыми схемами
Adaptive theme
Также имеет различные настройки, но скорее подойдет для тех, кто знаком с css и хочет сделать свою тему.
Модуль Skinr
Позволяет настроить внешний вид блоков, форм, views, panels через админку, не зная css. Он может быть установлен на любой друпал к любой теме.
Все популярные темы на друпал вы можете найти по ссылке ниже: