]]>eTXT]]>


]]>]]>

Как создать вкладки в drupal

Рассмотрим создание вкладок в друпал на примере виджетов для социальных сетей.

Прочитайте в предыдущей статье о том, как настроить социальные виджеты для фейсбука, вконтакте и твиттера.

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

Затем с помощью модуля Quick Tabs создадим блок с вкладками. Модуль сам добавит настроенный вами блок на страницу admin/structure/block.

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

Практика.

 

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

Для этого идем на страницу admin/structure/block:

 

Создание блоков в друпал

Шаг второй. Настраиваем вкладки.

Скачать модуль друпал Quick Tabs ]]>https://www.drupal.org/project/quicktabs]]>

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

 

Этот модуль использует jQuery, благодаря чему переключение моментально. Вы можете воспользоваться 9 стилями, которые входят в его сборку.

Для информации:

Accordion - названия закладок располагаются построчно сверху вниз и разворачиваются при клике. 

QuickTabs - обычные вкладки, располагающиеся вертикально или горизонтально. Выбрав тип QuickTabs, можете выбрать стиль оформления и режим использования Ajax.

 

Идем admin/structure/quicktabs и создаем вкладку.

Придумываем заголовок. Выбираем тип рендеринга из трех вариантов: quicktabaccordion и ui_tabs

Создание социального виджета в друпал

Настройка вкладок

В скрине видно, что содержание можно выбрать любое. Мы выбираем созданные блоки виджетов для соц. сетей.

 

Далее идем на страницу управления блоками /admin/structure/block.

Находим блок с только что созданным заголовком и выводим его в нужный регион.

Виджеты соц. сетей

Посмотрите на результат в боковом меню этого сайта:

Результат виджета

Таким образом можно спрятать лишнее и освободить место в сайдбаре для более полезного. Что я и сделала со счетчиками.

Есть идеи? Поделитесь в комментариях!

 

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

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
To prevent automated spam submissions leave this field empty.
CAPTCHA
Действительно ли вы человек?

Навигатор по интернету

Узнать простую, но эффективную систему для наращивания трафика. Плюс эта книга с правами перепродажи. 

Узнать подробнее!

Создание сайта

Сделать веб-сайт по приемлемым ценамЗаказать создание сайта под ключ. Цена: недорого.





Если вам понравилась статья, вы можете ]]>подписаться на RSS]]> или E-mail рассылку. Для получения обновлений по электронной почте, введите ваш e-mail адрес в эту форму:

Введите Ваш email:

Подпишись с ]]>FeedBurner]]>

Другие сервисы почтовых рассылок