Как изменить размер шрифта в Click WordPress с помощью JavaScript

Вы когда-нибудь сталкивались с сайтом или блогом, который позволяет вашим посетителям изменять размер шрифта кнопки +/- на боковой панели? Как правило, вы никогда не должны добавлять эту функцию, потому что все основные браузеры имеют кнопки увеличения / уменьшения, но все еще есть пользователи, которые не знакомы с этой функцией масштабирования. В этой статье мы покажем вам, как дать пользователям возможность изменять размер шрифта в WordPress с помощью простой функции JavaScript и небольшого количества HTML.

Давайте сначала добавим этот скрипт в ваш верхний или нижний колонтитул:

Затем просто добавьте этот код в любое место вашей темы (большинство людей помещают его в боковую панель)

Увеличить текст | Уменьшить текст

Вы также можете использовать изображения в виде значков +/- или других, если хотите. Чтобы все это было возможно, вам нужно будет указать размер шрифта вашего HTML-элемента.

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

Это означает, что в элементе с id = “content” изменяется только размер шрифта.

Ищете живой пример? Взгляните на блог Эрика Венделина.

Источник: Дэвид Уолш