Как добавить текст прокрутки в WordPress с элементом

Прокрутка текста может быть отличным способом привлечь внимание ваших посетителей. Это может помочь вам выделить важные обновления, объявления или предложения, которые вы не хотите, чтобы люди пропустили. Кроме того, это может сделать ваш контент более привлекательным, поэтому люди любят его читать.

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

Elementor-один из самых удобных плагинов Builder Builder, с которыми вы можете сделать это легко на своем сайте. В этом сообщении мы рассмотрим пошаговое руководство о том, как добавить текст прокрутки в WordPress Elementor. Начните!

Что такое прокрутка текста в WordPress?

Прокрутка текста в WordPress - это кусок текста, который перемещается по экрану, горизонтально или вертикально. Он часто используется, чтобы показать объявления, обновления или другие важные сообщения таким образом, чтобы привлечь внимание. Возможно, вы видели, как он использовался на новостных веб -сайтах или в магазинах электронной коммерции, чтобы выделить продажи, сроки или заголовки.

Текст продолжает двигаться, поэтому пользователи замечают его, даже если они не прокручивают страницу. В WordPress текст прокрутки можно добавить с помощью плагинов, тем или строителей страниц, таких как Elementor. Вам не нужно писать какой -либо код, чтобы создать этот эффект. Вы можете просто использовать его встроенные инструменты или дополнения для разработки прокрутки.

Узнайте, как добавить анимированный текст в WordPress.

Примеры использования текста прокрутки в WordPress

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

• Отображение новостей или обновлений

Если вы запускаете новостной веб-сайт или блог, который делится чувствительным к во времени контента, текст прокрутки идеально подходит для демонстрации новостей. Он также может выделить обновления, такие как недавно опубликованные сообщения или трендовые темы.

• Выделение предложений или скидок

Интернет-магазины могут использовать текст прокрутки для продвижения специальных продаж, кодов купонов или сделок с ограниченным временем. Движущее сообщение в верхней части домашней страницы или страницы продукта может увеличить внимание.

• Объявление событий или вебинаров

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

• Показывая экстренные уведомления или оповещения

Для таких веб -сайтов, как школы, больницы или государственные порталы, текст прокрутки полезен для отображения экстренных обновлений, закрытия уведомлений или перерывов услуг.

• Показ отзывов или отзывы клиента

Вы также можете использовать текст прокрутки, чтобы показать отзывы клиентов или отзывы плавным, анимированным образом. Это может помочь укрепить доверие при сохранении места на веб -странице.

• Обмен социальными сетями или контактной информацией

Добавьте текст прокрутки, чтобы показать свой номер WhatsApp, поддержку электронной почты или ссылки на социальные сети. Это облегчает посетителям заметить и связаться с вами.

Исследуйте, как добавить кнопки обмена социальными сетями в WordPress.

Как добавить текст прокрутки в WordPress с элементом

Как уже говорилось, вы можете добавить текст прокрутки в WordPress, используя встроенные инструменты и дополнения Elementor . HappyAddons - это отличный аддон, который вы можете использовать в этом отношении.

У HappyAddons есть отличная коллекция виджетов и функций, чтобы дополнить плагин Core Elementor, чтобы он дальше. Если вы когда -нибудь обнаружите, что основной плагин Elementor недостаточно для удовлетворения ваших потребностей в дизайне, HappyAddons может помочь вам преодолеть этот разрыв.

У HappyAddons есть виджет текстового прокрутки , с помощью которого вы можете легко спроектировать и добавить текст прокрутки на свой веб -сайт WordPress без особого стресса. Самое главное, что виджет текстового прокрутки совершенно бесплатно . Таким образом, вам нужны только бесплатные версии Elementor и HappyAddons для сегодняшнего проекта.

Когда эти плагины будут готовы на вашем сайте, выполните шаги, описанные ниже.

Шаг 01: Откройте страницу с помощью Canvas Elementor

Откройте страницу с холстом Elementor. Вы можете создать новый с нуля или просто импортировать шаблон.

Шаг 02: Создайте новый раздел, чтобы добавить виджет текстового прокрутки

Создайте новый раздел, чтобы добавить виджет текстового прокрутки, нажав значок Plus (+) в желаемом положении.

Выберите структуру столбца для нового раздела. Мы выбираем структуру с одним столбцом для учебного пособия.

Как только пространство для нового раздела будет создано, перетащите и оставьте виджет текстового прокрутки в разделе.

Виджет текстового прокрутки будет мгновенно добавлен на холст

Шаг 03: Выберите тип прокрутки

В виджете есть четыре типа прокрутки. Они есть:

• Вертикальная линия
• Горизонтальная линия
• Вертикальная линейная маска
• Горизонтальная линейная маска

Давайте посмотрим в видео ниже, как каждый из этих типов ведет себя при выборе.

Давайте выберите горизонтальную маску линии для учебника.

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

Шаг 04: Стилизовать виджет текстового свитца

Приходите на вкладку «Стиль». Вы получите эти параметры на вкладке - выравнивание, цвет текста, типография, текстовый ход, фон, маскирование непрозрачности и линейные заполнения.

Сделайте необходимые стилизации самостоятельно, используя эти параметры, доступные под вкладкой.

Вы можете видеть, что мы добавили необходимые стилизации в виджет. Мы изменили его цвет текста, цвет фона, типографику, текстовый ход и т. Д.

Таким образом, вы можете использовать виджет текстового прокрутки и создавать привлекательный контент, как хотите.

Шаг 05: Добавьте больше текста прокрутки на свою веб -страницу

Точно так же вы можете добавить много разделов прокрутки текста на своем веб -сайте, изменив их типы. Для вдохновения посмотрите видеоклипы, прикрепленные ниже.

Вертикальная линия

Горизонтальная линия

Вертикальная линейная маска

Горизонтальная линейная маска

Надеюсь, что после изучения всего урока вы поняли, как легко создать текст прокрутки. Теперь ваша очередь создать привлекательный прокручивающий текст в WordPress с элементом и HappyAddons.

Часто задаваемые вопросы при прокрутке текста в WordPress

В этом разделе мы ответили на несколько часто задаваемых вопросов, обычно встречающихся на Google, онлайн -форумах и социальных сетях.

Последние мысли!

Добавление текста прокрутки на ваш сайт WordPress может быть небольшим изменением, но это может оказать большое влияние. Мало того, что он может привлечь пользователей к вашим важным сообщениям, но также может отображать ваши сообщения в стиле. Когда Elementor и HappyAddons находятся под рукой, вам не нужно быть экспертом по кодированию, чтобы создать это.

Надеюсь, мы сделали все возможное, чтобы объяснить учебник самым простым способом, чтобы вы могли понять процесс сверху вниз. Однако, если вы не любите читать длинные сообщения в блоге, не беспокойтесь! У нас есть видеоурок, готовый на YouTube по этой теме.

Посмотрите учебник из видео YouTube, встроенного ниже. Если у вас есть какие -либо вопросы, упомяните их в поле для комментариев ниже. Мы ответим на ваши вопросы в самое быстрое время.