Уроки

Обновление Drupal

Смотреть видео
Этот урок открывает пошаговое руководство, показывая пользователю, как модернизировать базовую установку Drupal.

Стандартные функции для создания темы

У каждого программиста, создающего шаблоны на друпал, есть свой каркас, на основе которого он создаёт последующие шаблоны. Это могут быть наброски в css, свои файлы .tpl, свой template.php, с которого удобно программисту начинать, и прочее. Сегодня я расскажу о некоторых функциях из template.php, с которыми мне очень удобно работать.

Функция, которой представилась честь открывать сегодняшную линию - функция обработки кнопок (навешивание дополнительного span-класса) для возможности создания закруглённых кнопок:

SEO вёрстка

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

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

Выпадающее праймари (секондари) горизонтальное меню

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

Итак, сначала выводим меню также как и в предыдущем уроке (в page.tpl.php):

"Умное" раскрывающееся вертикальное меню на jquery за 2 минуты

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

Допустим, у нас есть такое праймари меню:

Написать табы (закладки) собственноручно? Легко!

Одним из лучших способов экономить место на сайте являются табы. Это простой переключатель контента, который одновременно нетруден в создании - и удобен в использовании. Для этой возможности можно использовать связку модулей views + quick tabs. Однако некоторых этот результать может не устроить из-за того, что вьюзы нагружает сайт. Да и лишний код, как всегда, не потворствует SEO оптимизации.

Исчезающий/появляющийся текст в форме поиска

Почти каждый сайт имеет поиск. И само собой, дизайн поиска бывает разный. Но довольно часто встречается такой вариант, когда в форме поиска стоит текст. Вот пример:

В друпале этот текст закидывается довольно просто с помощью след. функций в template.php:

Обзор текстовых редакторов

Редакторы бывают разные. Хорошие и плохие. Визуальные и текстовые. "Лёгкие" и "тяжёлые" в плане скорости обработки и загрузки системы.

Самые популярные редакторы - это BUeditor, FCKeditor, CKeditor.

Красивое облако тэгов

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

Кнопка разной ширины с закруглёнными уголками

Одна из сложностей, с которой я столкнулся едва начав работать с друпалом - это как сделать все кнопки с закруглёнными уголками, да ещё чтобы ширина у каждой кнопки менялась в зависимости от длины слова(фразы) на ней. Стандартный хтмл друпала не позволяет это сделать, т.к. для моей задачи необходимо обернуть кнопку ещё хотя бы в 1 дополнительный класс. С помощью некоторого кода я всё-таки смог это сделать:

RSS-материал