Easy Textillate
Меня очень часто спрашивают (10 раз только за последний месяц), как я на этом сайте реализовал анимацию фразы "Рекомендую также статьи" в конце страницы с записью. И мне уже надоело отвечать на этот вопрос, давая ссылку на скрипт textillate.js. Проблема состоит в том, что большинство спрашивающих люди начинающие и самостоятельно подключить и должным образом настроить необходимые скрипты не могут. Поэтому, собственно, я и решил написать плагин Easy Textillate, который позволяет добавлять анимацию любому тексту простейшим шорткодом, сгенерированным на странице настроек плагина.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку easy-textillate в /wp-content/plugins/.
3 Заходим в админку сайта на вкладку "Плагины" и активируем плагин.
Сгенерировать шорткод анимации вы можете на странице "Настройки\Easy Textillate". Плагин, естественно, переведен на русский язык, поэтому особых проблем у вас возникнуть не должно. Вот так выглядит создание шорткода:
Названия функций анимации не переведены (так как они используются в js-скрипте), но это не проблема – вы легко методом "тыка" поймете, какая функция за что отвечает. Тем более, что вы все равно без предпросмотра не обойдетесь. Единственное – должен пояснить по поводу типа анимации, так как он не сразу становится очевидным. Этот тип указывает, в каком порядке должны анимироваться отдельные символы в строке. Просто запомните, sequence это слева направо, reverse это справа налево, sync это все символы сразу, а shuffle это случайный порядок символов. Впрочем, через 10 минут вам эти пояснения перестанут быть нужны, так как предпросмотр весьма удобен.
Создали нужный шорткод? Кликайте на кнопку "Копировать в буфер" и этот шорткод окажется в буфере обмена. Теперь его можно вставить куда угодно – в записи, страницы, виджеты. Даже в заголовки записей и виджетов. Правда, предупрежу – шорткод в заголовке виджета это действительно красиво и привлекает внимание посетителей, но вот использовать шорткод в заголовке записей не рекомендую, так как этот заголовок может использоваться в куче мест (в title атрибуте страницы, в списке последних записей и т.д.). Используйте шорткоды в заголовках записей только в подходящей для этого теме, да и то только при использовании SEO-плагинов.
При желании сгенерированный шорткод можно подправить дополнительными командами, которые позволят вам более тонко настроить анимацию:
Я тут даже не буду ничего дополнительно пояснять, все и так понятно. Не нужно повторение анимации? Тогда вставляйте в шорткод команду loop='false' и анимация повторяться не будет. Не нравится слишком быстрое повторение? Поменяйте цифру в команде minDisplayTime='2000' (в миллисекундах).
Эффекты анимации очень красивы. Но прошу – не переусердствуйте. Потому что это выглядит так красиво, что сразу возникает желание понатыкать эту анимацию, куда только можно и нельзя. В результате ваш сайт станет похож на творение школьника из конца 90-х – когда на сайте все бегает, прыгает, дергается и крутится. Здесь главное – умеренность, не забывайте этого.
Если есть вопросы – пишите в комментариях, я вам обязательно отвечу.
Easy Textillate
Автор плагина: Flector
Рассматриваемая версия: 1.00 от 13.06.2015
Текущая версия: 2.02 от 18.09.2024
Совместимость с версией WordPress: 3.3 и выше
Активных установок плагина: 2 000+
Скачать плагин версии 2.02 (всего скачено 26 636 раз)
Понравился пост? Подпишись на обновления по RSS или Twitter !
Обалденные блины на праздник необычные рецепты выпечки блинов Обалденные блины на праздник необычные рецепты выпечки блинов. www.youtube.com |
#41,
Здравствуйте. Поставил Ваш плагин, активировал, настроил, получил код, вставил в запись - слова отображаются, а эффекта нет. Что посоветуете??
#42,
если в настройках плагина анимация работает, то значит проблема в теме. либо она подрубает сама jquery (от гугла или еще откуда), либо тема слишком старая и в ней нет обязательных вызовов функций (wp_head() и тд).
#43,
Спасибо за ваше творчество, всё работает. Классный плагин. Давно не заходил к вам..., опять восторг!
#44,
Добрый день. Очень нравиться этот плагин. Но почему-то работает только на главной. На других внутренних страницах не работает. Не могу понять, с чем может быть конфликт.
#45,
пробовали все остальные плагины отключить?
#46,
Приветствую! У меня два вопроса.
Для чего PHP код и куда его вставлять?
Вставил шорт код в шапку сайта, не работает, в сайд баре всё норм. Почему?
С уважением, Максим!
#47,
в шаблоны темы. если надо вывести где-нибудь постоянно, а не в контенте страницы. почему у вас не работает в шапке я не знаю, возможно куда-то не туда вставили.
#48,
Приветствую Вас, Flector!
Вопрос по моему не в тему, но все таки осмелюсь спросить.
На рис: https://itmages.ru/image/view/6354178/02269e06
стрелками указанном месте как такую анимацию устроить? Каким плагином организуется?
Спасибо.
#49,
этим же и делается. в чем у вас проблема?
#50,
В статьях знаю как "это" использовать, а в виджете не знаю (до Вас не знал) как это использовать.
Ладно, попытаюсь сам разобраться. Спасибо за "накол" (:))))))!
#51,
абсолютно точно так же - копируем шорткод - вставляем. все.
#52,
Нет у меня так не работает. Видно, моя тема не отзывчива на такие выкрутасы в сайдбаре.
#53,
Здравствуйте. Поставил плагин. все работает. Спасибо. А подскажите как вы сделали кнопки RSS и Twitter такими чтоб крутились?
#54,
Добрый день, подскажите как выровнять текст по центру ('text-align=center' не работает) и изменить размер шрифта в мобильной версии?
#55,
иНТЕРЕСНО!