12. Новая тема на сайте

12.07.2013

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

Почему я отказался от Zen? Для первого раза она оказалась сложнее, чем я смог осилить. Zen - универсальная тема, имеющая массу возможностей. Это, конечно, здорово, но очень распыляет внимание. Это оказалось губительно, так как я с начала процесса не представлял себе конечный результат, поэтому двигался хаотически. От первоначальных набросков на бумаге - эскизов будущей темы - в конечном итоге не осталось ничего. Намучившись со "всем богатством выбора" я бросил Zen, выбрал основные шаблоны из модуля System, и по учебнику начал строить из самого простого.

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

Как-то мне попался на глаза рисунок Леонардо да Винчи "Витрувианский человек". Я его, конечно, и раньше видел, но в этот момент мне показалось хорошей идеей сделать из него шапку и подвал сайта. Сам рисунок весьма символичен - этакий сплав человека и науки. Выбрав преимущественно чёрно-белую гамму для своей темы, я обесцветил рисунок. С одной стороны, мне действительно нравится монохромная строгость, с другой - я не настолько разбираюсь в колористике, чтобы легко экспериментировать с сочетаниями цветов. Таким образом я подсознательно упростил себе работу.

Дальнейшее своё развитие тема получила от ежедневно созерцаемой мной на экране моего десктопа Ubuntu. Внезапно мне захотелось сделать у себя на сайте подобие Launcher-а из Unity, только в чёрно-белом варианте. Задача, поначалу казавшаяся вполне тривиальной, оказалась довольно заковыристой. Дело в том, что верстать сайт с помощью таблиц мне казалось неправильным (ну, уж несовременным как минимум), а сделать несколько колонок одинаковой высоты оказалось проблематично. Выручил меня веб-разработчик Сергей Чикуёнок, статья которого описывала способ организации такой вёрстки с помощью  <div>. Вообще, у Сергея очень информативный сайт, много и полезного, и интересного.

Для своей темы я использовал opensource-ный набор иконок Iconic, очень, на мой взгляд, симпатичный. Они пошли и на "кнопки Launcher-а", и на маленькие элементы оформления, вроде значков просмотров и комментариев. Набор хорош ещё и тем, что существует в разных цветовых гаммах, для меня гамма grey_dark подошла как родная, без изменений.

В течении долгого времени я определялся с видом главной страницы. Тот компромисс, который теперь можно видеть по адресу freetechno.info, реализован таким образом. Вся главная страница - набор вьюсов. Самый верхний, с именем front, возвращает анонс последнего опубликованного на сайте материала, будь то статья или запись блога. Страница /front является главной страницей по умолчанию ("Конфигурация" - "О сайте"). Далее идут два вьюса, возвращающие 7 предыдущих материалов и 3 последних комментария. С помощью css они выводятся рядом друг с другом на одном уровне. За ними ещё 3 блока, в каждом по три последних материала. Это новости из раздела "Рука на пульсе", статьи и последние известия с фронта "Внутреннего мира". Кнопки бокового лаунчера тоже ведут на вьюсы-страницы, но здесь уже более тематическое разделение - "Open Source", "CMF Drupal" и т.п.

Далее была темизация отдельных элементов темы. Тут тоже всё происходило без чёткого плана, по принципу "нравится - не нравится". Мне очень помогла подборка видеоуроков по темизации от Ивана Абраменко. Было много чего, о чём сейчас уже вряд ли и вспомню. Отдельная история - темизация пэйджера, ей я, пожалуй, посвящу отдельный пост. Конечный результат этих трудов мой внутренний голос счёл возможным представить их, наконец, публично. Хотя внутри самой темы ещё много работы. У меня один разросшийся файл стилей, который неплохо бы разбить на части для удобства и "причесать". Управление иконками в меню неплохо бы организовать внутри друпаловской админки... Да и много ещё чего! Одним словом, пока она не готова к тому, чтобы предлагать её другим.

Как бы там ни было, но моей теме freetechno2 пришёл срок родиться на свет. Как она будет дальше развиваться и прогрессировать - покажет время. Но пока могу себя поздравить и наметить ближайшие планы по её совершенствованию.



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