Шаблон Joomla Beez. Часть 2

Настройка вывода меню на странице.

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

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

 

Настройка отображения меню

Меню навигации может также выводиться как до контента, так и после него. Настройки колонки задаются с помощью каскадных таблиц. Например в одной из строк файла настроек шаблона beez_20 можно найти такой код: $navposition = $this->params->get('navposition');
Здесь в переменную присваивается значение выбранное а разделе администрирования. Оно может принимать значение left  или center. Первое определяет положение до основной полосы, второе – после нее.

Язык Javascript и WAI ARIA

WAI ARIA это спецификация направленная для облегчения восприятия веб-сервисов людьми с ограниченными возможностями. Она облегчает проектирование интерфейсов сайтов. Использование данной спецификации избавляет от проблемы фокусировки на контенте. Ранее при использовании языка разметки HTML фокусировка была возможна только на таких объектах как кнопки, поля ввода и ссылки. С приходом HTML5 эти ограничения были сняты.
Используя функциональные метки WAI ARIA значительно упрощается ориентирование на страницах портала. Они описывают назначение некоторых объектов на странице. Назначения можно добавить с помощью сценария на языке JS.
Шаблоны на базе шаблона Beez поддерживают функцию сворачивания и отображения некоторых областей на странице.
Для организации этой функции необходимо разместить модуль в колонку дополнительной информации. Эти колонки нумеруются position-3, -6, -8. Строка с текстом «скрыть информацию» будет выводиться в зависимости от расположения колонки навигации.

Сворачиваемая колонка

При нажатии на текст «скрыть» его значение будет изменено на «показать информацию».

Работа с модулями

Модули на странице можно выводить в виде слайдеров, т.е. на странице будет отображаться только заголовок модуля и кнопка «+» для разворачивания содержимого модуля. Для реализации этой функции используется код: <jdoc:include type="modules" name="position-8" style="beezHide" headerLevel="3"
state="0" />
Режим слайдера задается установкой атрибута style.

Слайдер

Доступность вкладок

Вкладки в шаблоне

Для организации доступности вкладок используется код: <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="1" /> который означает, что модули имеющие отношение к позиции-5 будут выводиться во вкладках.

Настройки шрифта

На страницах созданных Beez в правом верхнем углу расположены ссылки позволяющие производить настройку размеров символов в шрифте. Эта функция описывается файлом по адресу корневая_папка_joomla/templates/ название_шаблона/JavaScript/md_stylechanger.js. Использование этой функции позволяет людям с ограниченными возможностями по зрению увеличивать размер шрифта прямо на странице, не используя функции интернет-браузеров.