Искате ли да създадете интерактивно изображение за вашия WordPress блог?
Интерактивното изображение ви позволява да маркирате, свързвате и анимирате определени области от вашето изображение.
В този урок ще ви покажем как да създавате интерактивни изображения в WordPress.
Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Какво е интерактивно изображение?
Интерактивното изображение включва области от точки за достъп, акценти, връзки, цветове и т.н.
Направете своя блог по-гладък и по-ефективен, като ги изпробвате 6 WordPress плъгини за компресиране на изображения за вашия блог
Това е различно от обикновено изображение, което качвате в WordPress. Интерактивните изображения привличат вниманието и привличат вниманието на потребителите. Можете да добавяте описание към различни части на изображение, да добавяте връзки към страници, да откроявате раздели и много други.
На това изображение можете да видите описанието на плодовете до мишката над различните ленти. Можете да използвате тези интерактивни изображения, за да увеличите ангажираността на потребителите и времето на уебсайта.
Discover Как да използвате FOMO в WordPress за по-добри реализации
Нека да разгледаме как можете да привлечете вниманието на посетителите си с интерактивни изображения.
Как да създадете интерактивни изображения в WordPress
Първото нещо, което трябва да направите, е да инсталирате и активирате приставката Привлечете вниманието. За повече подробности вижте нашето ръководство стъпка по стъпка начин за инсталиране на приставка за WordPress.
След активирането ще видите нов персонализиран тип публикация на таблото за управление на WordPress. Трябва да отидете на Насочете вниманието »Добавяне на ново за да създадете интерактивно изображение.
Започнете с добавяне на заглавие за това ново интерактивно изображение, за да можете лесно да го запомните. На тази страница можете да създадете интерактивен дизайн върху нови или вече качени изображения. Можете да добавите ново изображение, като щракнете върху иконата за качване на изображение, или можете да изберете изображение от вашата медийна библиотека на WordPress.
Отидете по-нататък, като ги откриете 9 premium WordPress приставки за оптимизиране на вашата медийна библиотека
След това трябва да щракнете върху бутона публикувам .
След публикуването, приставката ви позволява да редактирате изображението и да маркирате конкретни области, да добавяте цветове, връзки, да рисувате зони за горещи точки и др. Можете да превъртите до раздела Hotspot зони и разгънете кликващата област, за да визуализирате изображението.
Просто преместете мишката и нарисувайте върху изображението области, върху които може да се кликва. Можете лесно да изберете областите на точката за достъп и да ги разширите, за да създадете селекция.
След като изчертаете зоната на горещата точка, трябва да превъртите надолу действие и изберете действие за избраната област на изображението. Ако решите Покажи повече информация, можете просто да добавите описание, за да обясните зоната на точката за достъп на снимката. Можете също да добавите връзка към избраната област, като използвате опцията " Отидете на url".
уча Как да архивирате и възстановите блога си с Snapshot Pro
Можете също така да управлявате общите настройки и да подчертавате стила за връзка за действие, текст за действие, фон и др. Тези настройки могат да ви помогнат да направите изображението си по-интерактивно.
След това трябва да щракнете върху бутона Актуализация и копирайте Кратък за да го добавите към вашата публикация или страница в WordPress.
Приставката ви позволява да създавате толкова интерактивни изображения, колкото искате, като използвате предварително качените или нови изображения.
Импортира и експортира интерактивни изображения
Ако работите на множество уебсайтове и искате да импортирате / експортирате интерактивни изображения, плъгинът Draw Caution трябва да бъде инсталиран и на двата уебсайта.
На първия уебсайт трябва да посетите Обърнете внимание »Импорт / Експорт и проверете изображенията, които искате да експортирате. След това кликнете върху бутона Генерирайте кода за експортиране и копирайте кода.
След това трябва да отидете на втория уебсайт и да се уверите, че сте активирали приставката Draw Caution. След това трябва да отидете на Обърнете внимание »Импорт / Експорт на таблото и поставете кода в полето за импортиране.
Продължете и кликнете върху бутона внос и вашите изображения ще бъдат импортирани.
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Заключване на съдържанието
Opt-In Content Locker е плъгин за WordPress, който ви позволява да заключите важно съдържание в блога си и да го показвате само на абонати.
Всичко, което трябва да направите, е да съраунд заключено съдържание с къси кодове [optinlocker] ... [/ optinlocker]. Ако хората искат да видят това съдържание, те трябва да изпратят своето име / имейл. След подаване цялото заключено съдържание ще стане видимо.
Основните му характеристики са: инструмент mбезопасно и сигурно, vблокира важно съдържаниеподдръжка на MailChimp, AWeber, GetResponse, iContact, Монитор на кампаниите, Mad Mimi, Benchmark, Sendy и MyMail, поддръжка за къси кодове, дxport на данни в CSV формат, възможност за превод на няколко езика, fлесен за инсталиране, eОтлична поддръжка на клиентите, напрдруги.
Изтегляне | демонстрация | уеб хостинг
2. Кликнете върху чата в WhatsApp
Плъгинът WordPress Click to WhatsApp Chat позволява на WordPress клиентите лесно да се свързват със собственика на уебсайта или поддръжката на клиенти, използвайки своя акаунт в WhatsApp.
Просто кликнете върху акаунта на WhatsApp и той ще бъде насочен директно към мобилния акаунт в WhatsApp с съобщение по подразбиране. И ако клиентът е на десктоп или лаптоп, той ще бъде пренасочен към WhatsApp Web.
Тази приставка изисква номера и часа и деня на WhatsApp, които собственикът на уебсайта или екипът за поддръжка ще използват за обсъждане. Бутонът за чат може да се добави към страницата с подробности за продукта на WooCommerce, която е пряко свързана с този продукт.
Изтегляне | демонстрация | уеб хостинг
3. Беше ли това полезно
„Беше ли това полезно“ е плъгин за WordPress, който се използва за възнаграждаване на коментарите на вашите читатели. Струва си да се отбележи, че докато положителният коментар ви мотивира да се справяте по-добре, отрицателният коментар ви помага да откриете пропуските и да подобрите блога си, правейки го по-полезен за другите посетители.
Тази приставка е уникална, защото изисква от посетителите да отговорят на въпроса защо не намират публикация за полезна, когато кликнат върху опцията „НЕ“. По същия начин той пита посетителите какво им харесва най-много, когато кликнат върху опцията „ДА“.
Освен това можете да отидете на списъка със страници / статии, където ще видите раздел Да / Не, който ви позволява бързо да видите статистиката и накрая да имате пълен преглед на качеството на вашите статии и вашите страници.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
- Блог ... какво е това? Определение и обяснение
- Как да добавите паралакс ефект върху всеки WordPress тема
- Как да показвате своите WordPress публикации в оформлението мрежа
- Как да добавите WooCommerce магазин на Facebook
Заключение
Тук ! Това е всичко за този урок, надявам се, че ви позволява да създавате интерактивни изображения. Не се колебайте споделяйте с приятелите си в любимите си социални мрежи.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
И ако имате някакви предложения или забележки, оставете ги в нашия раздел Връзка.
...