No Image

Шаблон для слабовидящих joomla 3

СОДЕРЖАНИЕ
0 просмотров
11 марта 2020

Автор: Эдуард Бунаков · Опубликовано 11 апреля 2017 · Обновлено 23 февраля 2019

Joomla модуль для слабовидящих, это продолжение серии уроков по созданию версии сайта для слабовидящих разными способами и для разных движков (cms).

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

Теперь немного конкретизируем и рассмотрим вариант установки модуля для слабовидящих на joomla-сайт.

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

Joomla модуль для слабовидящих B-Accessibility

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

  1. изменение размера шрифта
  2. регулировка контрастности
  3. навигация с помощью клавиатуры
  4. массовое подчеркивание ссылок
  5. изменение размера любых тегов добавленных администратором сайта

реализованы в данном расширении.
Найти и скачать модуль B-Accessibility можно на официальном сайте joomla.org .

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

Пропустим моменты скачать и установить, а разберем сразу внутренние параметры.

Основные настройки модуля для слабовидящих B-Accessibility

  1. Боковая панель инструментов — отвечает за расположение панели инструментов с настройками для слабовидящих. Возможность показать панель слева


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

2. Позицию иконки можно показать сверху или снизу. Имеется ввиду позицию по отношению к самому модулю, который появляется при нажатии на саму иконку.

3. Затем идет настройка размера самой иконки.

4. html теги для изменения размеров шрифта. На скриншоте выше, красной стрелкой отмечены дополнительные теги, которые должны будут изменяться, если на то будет необходимость. По умолчанию их меньше и добавлять можно по своему усмотрению.

5. И последняя настройка — это значение уменьшения или увеличения шрифта. Начальное значение установлено в 2px. Другими словами- при каждом нажатии на увеличение/уменьшение, значение будет меняться по 2 пикселя в каждую сторону.

Читайте также:  Toshiba satellite a300 14s

Что касается показывать или нет заголовок модуля, то вариант индивидуальный. При невозможности выбора позиции (все заняты или их мало), выбрать необходимо позицию debug, она имеется в каждом шаблоне joomla.

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

Настройка шрифта Awesome модуля для слабовидящих B-Accessibility

Во многих современных шаблонах joomla предустановлена возможность использования специальных иконок и самыми популярными являются иконки сервиса awesome. К слову сказать, все эти иконки редактируются как обыкновенный шрифт.

Вот и данный модуль не является исключением.

По умолчанию все настройки установлены в положении «да». Можно оставить так, но если данные параметры работать не будут, или они не подходят по каким-то причинам, можно их отключить, но в этом случае вместо иконки будет отображаться текст из языковой константы.

Настройка сообщения модуля B-Accessibility

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

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

Joomla модуль для слабовидящих замена иконки на шрифт

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

Влезать в html код нет смысла, в joomla есть отличная возможность, переопределение констант (расширения/менеджер языков/переопределение констант).

Все необходимые параметры показаны на скриншоте.

В правой части страницы, в поле поиска, добавляем слово которое необходимо изменить, выбираем значение и жмем «Найти».

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

Читайте также:  Файнал кат монтаж видео

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

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

Joomla модуль для слабовидящих B-Accessibility имеет свои стили и чтобы отредактировать нужные, необходимо открыть файл со стилями в любом редакторе.

http://ваш_сайт/modules/
mod_baccessibility/
asset/css/style.css

Я увеличил только размер шрифта в строке 59 (font-size: 18px) и в строке 87 поменял отступ чтобы не было прилипания (right: -75px;).

Все изменения в стилях будут идентичны как для текста, так и для иконки.

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

В продолжение первой статьи. Эта статья будет полезна тем, кто является счастливым обладателем сайта на CMS Joomla! Итак, для того, чтобы создать версию сайта для слабовидящих на CMS Joomla! необходимо:

1. Скачать архив по ссылке Accessibility_unzip_first.zip. В архиве находится:

  • template switcher – плагин для возможности переключения шаблонов от Ilhom A. 666;
  • accessibility – версия шаблона для слабовидящих от Ilhom A. 666.

2. Установить шаблон и плагин. Плагин template switcher необходимо включить. И, у вас уже, практически, все работает)

3. Добавьте в свой шаблон HTML код: Версия для слабовидящих тут уж я не советчик, но можно воспользоваться самым простым способом – добавить модуль "HTML-код" в одну из верхних позиций сайта. Вы видите из ссылки, что принцип работы прост – в переменной template отправляется название шаблона, который нужно включить. Теперь пользователь сможет включить шаблон по имени accessibility, который специально адаптирован для слабовидящих людей и имеет специальную панель для дополнительных настроек:

Читайте также:  Hp elitebook revolve 810

4. В оригинале архива почему-то не добавлена возможность обратного переключения (догадываюсь почему), но я уже добавил ссылку для переключения на стандартный шаблон "protostar". Ваша задача открыть файл /templates/accessibility/index.php и в 64 строке исправить название шаблона с protostar на ваш protostar"> .

5. В новом шаблоне у вас не будут отображаться многие (все) модули, продублируйте те модули, которые вам нужны в версии сайта для слабовидящих и выберите необходимые позиции в шаблоне accessibility.

Наслаждаемся, думаю, что все описано кратко и понятно, по просьбам в комментариях могу снять видео (5 минут займет).

Оригинал архива шаблона и плагина можно скачать здесь

Шаблон Joomla для слабовидящих – ST Special

Шаблон позволяет реализовать версию для слабовидящих на любом сайте, работающем под управлением CMS Joomla 3, без редактирования основного шаблона.

Цветовых схем три – черно-белая, бело-черная и темно-синим по голубому. Имеется возможность включать и отключать изображения на сайте, изменять размер шрифта, регулировать межстрочный интервал. Размер шрифта может масштабироваться от 100% до 200%.

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

  • Установочный архив с шаблоном.
  • Модуль «Кнопка перехода на версию для слабовидящих».
  • Плагин переключения шаблонов.
  • Набор изображений для кнопки в формате PNG.

Настройка версии для слабовидящих:

  • Установите шаблон, в настройках укажите название основного стиля, назначенного по умолчанию.
  • Установите модуль, настройте внешний вид и размеры кнопки. В поле Стиль шаблона для переключения должен быть указан st-special. Опубликуйте модуль в подходящей позиции вашего шаблона Joomla.
  • Проверьте работоспособность ссылок для перехода на версию для слабовидящих и обратно.
  • Установите и активируйте плагин. Никаких дополнительных настроек не требуется.
  • Шаблон имеет собственные позиции для размещения модулей. После установки продублируйте необходимые модули и опубликуйте в соответствующих позициях шаблона

СОБЛЮДАЙТЕ ТЕХНИКУ БЕЗОПАСНОСТИ! Делайте резервную копию прежде, чем вносить серьезные изменения на сайт.

Комментировать
0 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
Adblock detector