Кнопки изменения размера текста

Обратил внимание на то, что некоторые дети при чтении статей увеличивают масштаб сайта, т.к. плохо видят. Правда не все знают как это делается (Ctrl++ — увеличить, Ctrl+ — уменьшить). Для удобства решил добавить такие кнопки на страницы сайта (изменяется только шрифт статьи, масштаб остальных элементов остается прежним).

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

  1. Для начала нужно «обернуть» тело заметки в класс resize, в моем шаблоне это файл single.php:
  2. Добавляем в этот же файл ссылки изменения масштаба:
    или вариант без «выкрутасов» 🙂
  3. Создаем файл resize.js со следующим содержимым:
  4. В файл functions.php темы добавляем следующий код:
  5. На этом все 😉 (оригинал статьи)


Оставить комментарий