Создание своей темы в backdrop cms

Вс, 10/07/2016 - 07:52

​​​​Темы в backdrop создаются почти точно так же как и в drupal 7, за исключением некоторых приятных моментов.

Разработчики backdrop создали модуль layout, который генерирует шаблоны страниц и размножать шаблоны page.tpl.php в папке templates темы для кастомизации не обязательно.

Вот страница макетов

backdrop screen

Как видите макеты предоставлены на любой вкус. Выбирайте любой и в путь.

Стоп!

А где же тема?

Создаём тему

Назовём её light

Создаём директорию light

В директории light создаём файл light.info следующего содержания

name = Light
description = The started theme for Backdrop CMS.
version = BACKDROP_VERSION

type = theme
backdrop = 1.x
stylesheets[all][] = css/style.css
scripts[] = js/script.js

project = backdrop
version = 1
timestamp = 100000000

Почти как в drupal 7 ))

Ой, вы не увидели регионы как это было  в семерке.

Здесь это в принципе и не нужно.

Выше было упоминание за layout. Это его заслуга.

Далее как обычно в семерке вы создаете папки css, js, images, templates

В папке css располагаете файлы css

В папке js файлы js

В папке templates шаблоны.

Вам могут пригодиться шаблоны node.tpl.php и comment.tpl.php. Можно скопировать их из ядра backdrop.

Если нужно различное html отображение для тизера и полной ноды, то в node.tpl.php можно прописать проверку

<?php if($teaser): ?>

разметка тизера ноды

<?php endif; ?>

 <?php if(!$teaser): ?>

разметка полной ноды

<?php endif; ?>

Добавление кастомных блоков в регионы в backdrop реализованы немного иначе. Страницы отображения блоков здесь нет. Они отображаются в настройках layout

backdrop screen

backdrop screen

Вы расставляете блоки в макете как вам нужно, добавляете нужную html разметку в макете через добавление custom block и останется только прописать стили css.

Благодаря плагину в браузере firefox firebug

backdrop screen

писать стили будет удобно.

Вы можете пойти другим путём и выбрать одну из тем, предоставляемых backdrop и изменять её

backdrop screen

Но со своей темой будет всё же проще.

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

Оригинал заметки http://mihail.space/post/sozdanie-temy-v-backdrop-cms

UPD:
Шаблон нужного layout можно найти по пути
/core/layouts/
К примеру, в данный момент я использую шаблон Moscone
moscone

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

Для того, чтобы перенести блок html в нужное мне место я скопировал шаблон в свою тему, который можно найти по адресу

/core/layouts/moscone

Таким образом файл шаблона layout--moscone.tpl.php оказался в папке templates моей темы.
Это точно такой же файл как page.tpl.php в Drupal 7, поэтому те, кто перешел на backdrop cms с семёрки не испытают никаких неудобств в правке шаблона

4 Спасибо

Комментарии

Аватар пользователя bumble
6 months 2 недели назад bumble #

Пока закладки не появились, подпишусь комментом :))
Интересная тема - Backdrop CMS.

ЗЫ - Автору благодарность!

1 Спасибо
Аватар пользователя Studio VIZA
4 months 3 недели назад Studio VIZA #
bumble написал:
Интересная тема

Подскажите новичку, а как скачать эту тему?

0 Спасибо