Версия сайта для слабовидящих на jQuery и плагин WordPress
23 сентября 2019 JavaScript jQuery
Сегодня я расскажу как можно легко и совершенно бесплатно создать версию для слабовидящих практически для любого сайта. Это решение подойдет и для сайтов государственных организаций, так как полностью соответствует ГОСТ.
Наша версия сайта для слабовидящих будет с удобным меню и уметь изменять размер шрифта, межстрочный и межбуквенный интервалы, отключать изображения и делать их черно-белыми, изменять фон страницы и даже озвучивать текст с помощью синтеза речи.
Все это возможно благодаря бесплатному плагину Button visually impaired за что огромное спасибо разработчикам за такой классный плагин!
Как сделать версию для слабовидящих на сайте с помощью плагина jQuery
Этот вариант подойдёт для любого сайта. Идем на сайт Button visually impaired и скачиваем файлы плагина по прямой ссылке или из репозитория на GitHub.
Копируем содержимое папки dist к себе на сайт.
Подключаем файлы стилей плагина как обычно между тегами <head></head>
<link rel="stylesheet" href="/css/bvi.min.css" type="text/css"> <link rel="stylesheet" href="/css/bvi-font.min.css" type="text/css">
И файлы JS скриптов перед закрывающим тегом </body>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="/js/responsivevoice.min.js"></script> <script src="/js/js.cookie.js"></script> <script src="/js/bvi-init.js"></script> <script src="/js/bvi.min.js"></script>
Не поверите, но это практически все! Осталось только разместить кнопку для включения в любом месте сайта. И можно проверять работу плагина. Здесь есть информация об университете востребованных профессий https://expertali.ru/
<a href="#" title="Версия сайта для слабовидящих"><i></i> Версия сайта для слабовидящих</a>
При включении получаем следующий результат.
Версия для слабовидящих WordPress
Тут ещё проще! Устанавливаем плагин.
И размещаем кнопку включения в любом месте сайта с помощью шорткода [bvi text="Версия для слабовидящих"]
или [bvi]
Озвучивание текста
При включении плагина выбранные опции озвучиваются используя синтез речи. Но это ещё не все. Вы можете озвучить любой текст сайта с помощью голосового помощника. Для этого задайте у тега с текстом класс bvi-voice
<div>Текст который нужно озвучить</div>
Как вернуть старую версию библиотеки jquery? — Вопрос от Вячеслав Рогожкин
- Вопросы
- Горячие
- Пользователи
- Вход/Регистрация
>
Категории вопросов
Задать вопрос +
Основное
- Вопросы новичков (16561)
- Платные услуги (2141)
- Вопросы по uKit (82)
Контент-модули
- Интернет-магазин (1436)
- Редактор страниц (236)
- Новости сайта (500)
- Каталоги (809)
- Блог (дневник) (113)
- Объявления (295)
- Фотоальбомы (433)
- Видео (255)
- Тесты (60)
- Форум (578)
Продвижение сайта
- Монетизация сайта (220)
- Раскрутка сайта (2457)
Управление сайтом
- Работа с аккаунтом (5341)
- Поиск по сайту (427)
- Меню сайта (1767)
- Домен для сайта (1535)
- Дизайн сайта (13480)
- Безопасность сайта (1485)
- Доп.
функции (1308)
Доп. модули
- SEO-модуль (225)
- Опросы (63)
- Гостевая книга (99)
- Пользователи (433)
- Статистика сайта (198)
- Соц.
постинг (213)
- Мини-чат (91)
Вебмастеру
- JavaScript и пр. (645)
- PHP и API на uCoz (236)
- SMS сервисы (10)
- Вопросы по Narod.
- Софт для вебмастера (39)
- Вопросы
- Вопросы новичков
- Как вернуть старую версию.
..
голоса: +2
Лучший ответ
Системно никак. Зачем Вам возвращать эту версию? Можно отключить системные библиотеки и заменить на свои при необходимости. Как это сделать описано тут http://forum.ucoz.ru/forum/38-37184-1#992730
| Автор: webanet
Выбор ответа лучшим |
голоса: +2
В общих настройках старую библиотеку выбрать не получится, придется прописывать вручную:
http://s4.ucoz.net/src/jquery-1.6.1.js http://s4.ucoz.net/src/jquery-1.3.2.js
…
Контроль версий для jQuery — плагин WordPress
- Детали
- отзывов
- Монтаж
- Развитие
Опора
Контроль версий для jQuery — один из самых простых способов контролировать версию jQuery, используемую на вашем веб-сайте. Если вы просто хотите запустить стабильный веб-сайт WordPress или если вы разработчик и хотите проверить совместимость своего веб-сайта с различными версиями jQuery, плагин всегда будет иметь для вас последнюю минимизированную версию jQuery. По умолчанию файлы будут загружены из быстрой CDN jQuery, но у вас также будет возможность выбрать cdnjs, Google CDN или jsDelivr.
Обратите внимание, что никакие файлы не заменяются, поэтому деактивация этого плагина возвращает ваш сайт в исходное состояние.
Понравился плагин?
Если вам нравится плагин, пожалуйста, просмотрите его! Мы высоко ценим каждый отзыв, но если вы хотите что-то предложить, отправьте электронное письмо по адресу [email protected].
- Загрузите
контроль версий для jquery
в каталог/wp-content/plugins/
- Активируйте плагин через меню «Плагины» в WordPress
- Устройтесь поудобнее и наслаждайтесь или выберите нужную версию jQuery
Благодаря этому плагину удалось потушить несколько пожаров. Спасибо.
Я унаследовал старый сайт с темой, которая никогда не обновлялась. В последнее время начали глючить некоторые функции. (в частности, выпадающая навигация) После долгих поисков я подумал о том, как jQuery может конфликтовать. Этот плагин сразу же решил проблему, и сайт снова заработал и работает без сбоев. Мне явно нужно обновить тему и перенести все настройки, но пока это было спасением! Спасибо.
Это фантастический плагин. Делает почти все, что я хочу с этим. Единственное, что я бы посоветовал добавить, — это выбрать, из какой CDN вы хотите извлечь файлы jQuery (jQuery, cdnjs/CloudFlare, Google, bootcdn и т. д.).
Причина, по которой я говорю это, заключается в том, что b/c jQuery.com не имеет http/2, в то время как cdnjs имеет, и Google, как мне кажется, будет использовать gQUIC. Кроме того, было бы неплохо, если бы вам нужно было только тонкое, а не целое и т. д. Другая причина заключается в том, что один CDN может быть немного быстрее в одной конкретной области по сравнению с другой (например, если вы получаете большую часть своего трафика из определенной области.. , например, скажем, вы представляете малый бизнес в Миннесоте, США… или, может быть, вы представляете бизнес, который работает только с людьми в Германии — и поэтому большая часть вашего трафика находится там?).
Этот плагин только что спас проблему jQuery моей темы! Этот плагин прост и эффективен
Отличный плагин! Использовал на нескольких сайтах!
Абсолютно отлично, он работает на всех моих сайтах! До этого пробовал другой плагин, вообще не работает. Шикарная работа, большое спасибо.
Прочитать все 6 отзывов
«Контроль версий для jQuery» — это программа с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.
Авторы
- Леандер Иверсен
3.3.4
- Исправлена ошибка, из-за которой подключаемый модуль не мог получить номер версии по умолчанию для jQuery Core и jQuery Migrate.
3.3.3
- Исправлена ошибка, из-за которой подключаемый модуль не мог установить предпочтительную версию jQuery Core и jQuery Migrate.
3.3.2
- Исправлена ошибка, из-за которой подключаемый модуль не мог получить номер версии по умолчанию для jQuery Core и jQuery Migrate.
3.3.1
- Исправлена ошибка, которая могла привести к фатальной ошибке при просмотре страницы настроек.
3.3
- Добавлена версия jQuery Core 3.6.3.
3.2
- Добавлена поддержка CDN для jQuery Migrate, что означает, что он будет загружаться из предпочтительного CDN, если выбранная версия размещена.
3.1
- jsDelivr добавлен в список предпочтительных CDN. Если выбранная версия не размещена у этого провайдера, по умолчанию будет использоваться CDN jQuery.
- Добавлена версия jQuery Core 3.6.2.
3.0.3
- Исправлена ошибка, из-за которой неправильная версия jQuery Migrate отображалась как выбранная версия на странице настроек.
3.0.2
- Исправлена ошибка, которая могла привести к ошибке, если настройки остались нетронутыми после установки плагина.
3.0.1
- Исправлена ошибка, из-за которой ключ массива vcfj_core_disable мог быть неопределенным.
3.0
- Добавлена поддержка установки cdnjs и Google в качестве предпочтительного CDN. Если выбранная версия не размещена у этих провайдеров, она вернется к jQuery CDN.
- Добавлена поддержка отключения jQuery Core.
- Поддержка PHP 5.6 прекращена. Чтобы продолжить использование плагина, обновите PHP до версии 7.4 или выше.
2.1
- Добавлена версия jQuery Core 3.6.1.
- Добавлена версия jQuery Migrate 3.4.0.
- Поддержка WordPress 4 прекращена. Чтобы продолжить использование плагина, обновите WordPress до версии 5.0 или выше.
2.0.3
- Добавлена версия jQuery Core 3.6.0.
- Добавлен jQuery Migrate версии 3.3.2.
2.0.2
- Мелкие улучшения.
2.0.1
- Добавлена возможность отключить миграцию jQuery.
2.0
- Полностью переписан плагин для облегчения будущих функций.
- Добавлены последние версии jQuery Core и jQuery Migrate.
1.0.8
- Добавлены версии jQuery Core 3.3.0 и 3.3.1.
- Мелкие корректировки.
1.0.7
- Мелкие доработки.
- Поддержка WordPress 4.9.
1.0.6
- Добавлена версия jQuery Migrate 3.0.1.
1.0.5
- Исправлена ошибка, из-за которой jQuery Core и jQuery Migrate удалялись из очереди при входе в административную область.
1.0.4
- Добавлены предварительные версии jQuery Core версии 3.2.2 и jQuery Migrate версии 3.0.1 на случай, если вы захотите протестировать свой веб-сайт с будущими версиями jQuery. Плагин по-прежнему по умолчанию использует последнюю стабильную версию jQuery.
1.0.3
- Добавлены версии jQuery Core 3.2.0 и 3.2.1.
1.0.2
- Исправлен способ запроса страницы «Настройки». Спасибо Ивайло Драганову за внимание!
- Мелкие корректировки.
1.0.1
- Добавлена версия jQuery Core 3.1.1.
- Плагин теперь поддерживает норвежский язык.
1.0
- Первый выпуск
Мета
- Версия: 3.3.4
- Последнее обновление: 2 месяца назад
- Активные установки: 4000+
- Версия WordPress: 5.0 или выше
- Протестировано до: 6.1.1
- Версия PHP: 7.4 или выше
- Языки:
- Теги:
corejavascriptjquerymigrateupdate
- Расширенный вид
Служба поддержки
Проблемы, решенные за последние два месяца:
3 из 3
Посмотреть форум поддержки
Введение · Bootstrap
- Быстрый старт
- УСБ
- JS
- Стартовый шаблон
- Важные глобальные переменные
- Тип документа HTML5
- Отзывчивый метатег
- Размер коробки
- Перезагрузка
- Сообщество
Начните с Bootstrap, самого популярного в мире фреймворка для создания адаптивных мобильных сайтов, с jsDelivr и шаблоном стартовой страницы.
Быстрый старт
Хотите быстро добавить Bootstrap в свой проект? Используйте jsDelivr, бесплатно предоставляемый ребятами из jsDelivr. Используете менеджер пакетов или вам нужно загрузить исходные файлы? Перейдите на страницу загрузок.
УСБ
Скопируйте и вставьте таблицу стилей
в свой
перед всеми остальными таблицами стилей, чтобы загрузить наш CSS.
JS
Для работы многих наших компонентов требуется использование JavaScript. В частности, для них требуются jQuery, Popper.js и наши собственные плагины JavaScript. Поместите следующие
в конец ваших страниц,прямо перед закрывающим тегом
, чтобы включить их. Первым должен быть jQuery, затем Popper.js, а затем наши плагины JavaScript.
Мы используем тонкую сборку jQuery, но также поддерживается и полная версия.