Хотите создать интерактивное изображение для своего WordPress блог ?
Интерактивное изображение позволяет выделять, связывать и анимировать определенные области изображения.
В этом уроке мы покажем вам, как создавать интерактивные изображения на WordPress.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог в 7 шага et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Что такое интерактивное изображение?
Интерактивное изображение включает области точек доступа, выделения, ссылки, цвета и т. Д.
Сделайте свой блог более плавным и эффективным, попробовав эти 6 WordPress плагины сжатия изображений для вашего блога
Это отличается от простого изображения, которое вы загружаете в WordPress. Интерактивные изображения привлекают внимание и привлекают внимание пользователей. Вы можете добавлять описание к различным частям изображения, добавлять ссылки на страницы, выделять разделы и т. Д.
На этом изображении вы можете увидеть описание фруктов рядом с указателем мыши над различными полосами. Вы можете использовать эти интерактивные изображения для увеличения взаимодействия с пользователем и увеличения времени на сайте.
Откройте для себя Как использовать FOMO в WordPress для улучшения конверсий
Давайте посмотрим, как можно привлечь внимание посетителей с помощью интерактивных изображений.
Как создать интерактивные изображения в WordPress
Первое, что нужно сделать, это установить и активировать плагин. Обратить внимание. Для получения дополнительной информации см. Наше пошаговое руководство по способ установить плагин WordPress.
После активации вы увидите новый пользовательский тип сообщения на панели инструментов WordPress. Вы должны пойти в Привлечь внимание »Добавить новый создать интерактивное изображение.
Начните с добавления заголовка для этого нового интерактивного изображения, чтобы его было легко запомнить. На этой странице вы можете создать интерактивный дизайн на новых или уже загруженных изображениях. Вы можете добавить новое изображение, щелкнув значок загрузки изображения, или выбрать изображение из медиатеки WordPress.
Идите дальше, обнаружив эти Премиальные плагины 9 для WordPress для оптимизации вашей медиатеки
Затем нужно нажать на кнопку публиковать .
После публикации плагин позволяет редактировать изображение и выделять определенные области, добавлять цвета, ссылки, рисовать горячие точки и т. Д. Вы можете перейти к разделу Зоны горячих точек и разверните интерактивную область, чтобы просмотреть изображение.
Просто переместите курсор мыши и нарисуйте интерактивные области на изображении. Вы можете легко выбрать области точки доступа и развернуть их, чтобы создать выбор.
После рисования области горячей точки нужно прокрутить вниз Действие и выберите действие для выделенной области на изображении. Если вы выберете Показать больше информации, вы можете просто добавить описание, поясняющее область точки доступа на картинке. Вы также можете добавить ссылку на выбранную область, используя опцию " Перейти по URL".
учиться Как сделать резервную копию и восстановить свой блог с Snapshot Pro
Вы также можете управлять общими настройками и стилем выделения для ссылки действия, текста действия, фона и т. Д. Эти настройки могут помочь вам сделать ваше изображение более интерактивным.
Затем нужно нажать на кнопку Обновление и скопировать короткий код чтобы добавить его в свой пост или страницу WordPress.
Плагин позволяет создавать столько интерактивных изображений, сколько вы хотите, используя ранее загруженные или новые изображения.
Импорт и экспорт интерактивных изображений
Если вы работаете на нескольких веб-сайтах и хотите импортировать / экспортировать интерактивные изображения, плагин Draw Caution должен быть установлен на обоих веб-сайтах.
На первом сайте вы должны посетить Обратить внимание »импорт / экспорт и отметьте изображения, которые хотите экспортировать. Затем нажмите на кнопку Сгенерируйте код экспорта и скопируйте код.
После этого вам нужно перейти на второй веб-сайт и убедиться, что вы активировали плагин Draw Caution. Тогда вы должны пойти в Обратить внимание »импорт / экспорт на панели инструментов и вставьте код в поле импорта.
Идите вперед и нажмите кнопку Импорт и ваши изображения будут импортированы.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Блокировщик контента Opt-In
Opt-In Content Locker — это Плагин Wordpress, что позволяет заблокировать важный контент в вашем блоге и показывать его только подписчикам.
Все, что вам нужно сделать, это окружить заблокированный контент короткими кодами [optinlocker]… [/ optinlocker]. Если люди хотят просмотреть этот контент, они должны указать свое имя / адрес электронной почты. После отправки весь заблокированный контент станет видимым.
Его основными характеристиками являются: инструмент мнадежно и безопасно, Vблокирование важного контента,поддержка MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy и MyMail, поддержка шорткоды, export данных в формате CSV, возможность перевода на несколько языков, fпростота установки, электронная почтаПоддержка клиентов xcellent, eт другие.
скачать | Демонстрация | веб-хостинг
2. Нажмите, чтобы Чат WhatsApp
Le Плагин Wordpress Click to WhatsApp Chat позволяет клиентам WordPress легко связаться с владельцем веб-сайта или службой поддержки клиентов, используя свою учетную запись WhatsApp.
Просто нажмите на учетную запись WhatsApp, и она будет направлена непосредственно на мобильную учетную запись WhatsApp с сообщением по умолчанию. И если клиент находится на настольном компьютере или ноутбуке, он будет перенаправлен в WhatsApp Web.
Этот плагин требует номер WhatsApp, а также время и день, которые владелец веб-сайта или группа поддержки будут использовать для обсуждения. Кнопку чата можно добавить на страницу сведений о продукте WooCommerce, которая напрямую связана с этим продуктом.
скачать | Демонстрация | веб-хостинг
3. Был ли этот полезный
Было ли это полезно? Плагин Wordpress используется для продвижения комментариев ваших читателей. Следует отметить, что если положительный комментарий мотивирует вас работать лучше, то отрицательный комментарий, с другой стороны, помогает вам найти пробелы и улучшить свой блог; делая его более полезным для других посетителей.
Этот плагин уникален тем, что просит посетителей ответить на вопрос, почему они не находят сообщение полезным, когда они нажимают опцию «НЕТ». Аналогичным образом, он спрашивает посетителей, что им больше всего нравится, когда они нажимают на опцию «ДА».
Кроме того, вы можете перейти на страницу / список статей, где вы увидите раздел «Да / Нет», который позволяет вам быстро просмотреть статистику и, наконец, получить полный обзор качества ваших статей и ваших страниц.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Блог ... что это? Определение и объяснение
- Как добавить эффект параллакса на любую тему WordPress
- Как отображать WordPress публикации в макет сетки
- Как добавить WooCommerce магазин на Facebook
Заключение
Вот ! Вот и все, что касается этого урока, я надеюсь, он позволяет вам создавать интерактивные изображения. Не стесняйся поделиться с друзьями в ваших любимых социальных сетях.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
И если у вас есть какие-либо предложения или замечания, оставьте их в нашем разделе Комментарии.
...
