Описание
Type-WR позволяет легко реализовать популярный эффект анимации «печатная машинка» без написания единой строки JavaScript.
Просто оберните нужный текст в шорткод или используйте определенный CSS-класс и плагин последовательно отобразит текст букву за буквой, имитируя традиционную пишущую машинку.
Ключевые функции:
- Простая интеграция: Используйте шорткод [typewriter] или используйте класс ‘typewriter-type’.
- Кастомизация: Управление скоростью набора текста, наличием мигающего курсора и условиями отображения анимации.
- Легковесный: Минимальное использование JavaScript (typewr-script.js), обеспечивающее быструю загрузку страниц.
- Совместимость: Бесперебойно работает с блочным редактором (Gutenberg) и классическим редактором.
Скриншоты
Установка
Ручная установка
- Загрузите папку ‘type-wr’ в каталог ‘/wp-content/plugins/’.
- Активируйте плагин в меню «Плагины» в WordPress.
Как использовать
1. Использование шорткода:
Оберните свой контент в шорткод:
[typewr]This text will be typed out letter by letter.[/typewr]
Внутри могут быть вложенные теги. Они будут печататься один за другим.
[typewr]
<h1>This title will be printed.</h1>
<p>And this paragraph too.</p>
[/typewr]
2. Использование CSS-класса:
Если вы используете код, добавьте класс ‘typewr-type’ к любому HTML-элементу (например div, h1, h2, h3, pre, p) на вашей странице или в записи.
<div class ='typewr-type'>
<h1>This title will be printed letter by letter.</h1>
<p>This text will be typed out letter by letter.</p>
</div>
Анимацию можно добавить непосредственно в тексте.
This word will be <span class='typewr-type'>animated</span>.
Настройка
Вы можете изменить настройки в меню «Настройки»: выберите «Type-WR».
Доступные параметры настроек:
- скорость печати: Время в миллисекундах между появлением букв (по умолчанию: 50).
- курсор: Чекбокс — показывать мигающий курсор или нет (по умолчанию: true).
- trigger: Когда запускать анимацию — «При загрузке страницы» или «При появлении элемента на экране» (по умолчанию: «загрузка»).
Часто задаваемые вопросы
-
Как изменить скорость печати или наличие мигающего курсора?
-
Вы можете настроить скорость печати на странице настроек плагина (Настройки -> Type-WR).
-
Работает ли это со специальными символами?
-
Да, плагин без проблем обрабатывает стандартные символы и большинство символов UTF-8.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«Type-WR» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
«Type-WR» переведён на 1 язык. Благодарим переводчиков за их работу.
Перевести «Type-WR» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.0.0
- Первый выпуск.
- Добавлена основная функциональность ввода текста с помощью файла «typewr-script.js».
- Включены шорткод [typewr] и CSS класс «typewr-type».