Как добавить опцию изменения размера текста для посетителей в WordPress

Вы наверняка замечали на некоторых популярных сайтах кнопки изменения размера шрифта. Целью этих кнопок является предоставление быстрого способа регулировки размера шрифта для посетителей с плохим зрением без нарушения структуры внешнего вида сайта. Несмотря на то, что в браузерах есть встроенная функция масштабирования (с помощью нажатия CTRL и +), она всё же увеличивает размер каждого элемента страницы, а не только текста. В сегодняшней статье мы покажем вам как добавить регулятор размера шрифта для посетителей сайта на WordPress.

resizeable-text-option[1]

Первым делом вам необходимо установить и активировать плагин Accessibility Widget на своем сайте. После активации просто перейдите в раздел Внешний вид » Виджеты и перетяните Accessibility Widget в сайдбар.

accessibility-widget-settings[1]

Можно также задать заголовок виджету. Далее вам нужно выбрать, какие HTML элементы или CSS классы будут затрагиваться виджетом. По-умолчанию, это body, абзацы, элементы списков и ячейки таблиц. Эти опции должны подойти для большинства сайтов.

Виджет позволяет задавать до четырех размеров увеличения/уменьшения элементов. Стандартными являются 90%, 100%, 110%, и 120%. Вы можете самостоятельно указать размеры шрифта, уменьшив или увеличив их. После окончания настройки, кликните на кнопку Save для сохранения настроек виджета.

Теперь можете перейти на свой сайт, чтобы увидеть работу виджета. Вот таким образом виджет должен отобразиться на вашем сайте:

change-font-size-widget[1]

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

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Этот CSS код добавит границы вокруг текста регулятор, сделает его жирным и добавит небольшой отступ.

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

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

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (3 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Иннокентий

    Подскажите плииз. а как сохранить результат?

    • ADv

      Сохранить — только изменять размер шрифта в CSS.
      Здесь же смысл немного в другом: подстроил под себя, прочитал, закрыл сайт..

Scroll To Top