Една от ексклузивните целеви страници, които мнозина предоставят на своите абонати по време на периода на Кибер понеделник, е целевата страница за издания на страхотен софтуер. Това оформление включва страхотни илюстрации и уникална употреба на разделители, които ще удивят читателите. посетители.
Как да получите целевата страница за изключителен софтуер за издаване на Cyber Monday
Преди да влезете в тази употреба, трябва да се запознаете с изключителната целева страница в Cyber Monday, която можете да получите, като станете нов член на Elegant Themes, надстроите съществуващия си акаунт или вече сте доживотен член. с нас. Ако вече сте доживотен член, можете да влезете в нашата зона за членове и да изтеглите всички наши изключителни страници тук. Всички останали потребители ще трябва да използват бутона по-долу за закупуване или надграждане, преди да могат да завършат останалата част от нашия урок.
Вече сте член на живота? Можете да изтеглите пакета сега, няма нужда да участвате в сделката за Кибер понеделник!
Как да създадете контекстно видео демо за Divi
След като изтеглите целевата страница на новата версия на софтуера от областта на нашите членове, можете да продължите да четете следното.
В случая на използване на този урок ще ви покажем как да създадете видео демонстрация с едно натискане на бутон. Видеоклипът, който се появява при щракване, ще изглежда страхотно на настолен компютър и малки екрани. Това е чудесен подход, ако не искате да включите видеоклип директно на страницата си, а предпочитате да създадете взаимодействие с посетители.
изследване
Преди да се потопим в урока, нека да разгледаме крайния резултат в различни размери на екрана.
бюро
подвижен
Нека да започнем!
Използвайте безплатната приставка за видеоклипове PopUp
Инсталирайте и активирайте приставката
Първото нещо, което трябва да направите, е да изтеглите плъгин безплатно Video PopUp . Можете да намерите тази приставка, като отидете на вашия WordPress уебсайт > Плъгини > Добавяне на нов > Търсене за „Изскачащ видео прозорец“. След като намерите този плъгин, инсталирайте го. След като приключите, не забравяйте да активирате приставката.
Настройки на приставките
Продължете, като отидете на общите настройки на този плъгин и активирате двете опции в горната част.
Добавете нова страница, като използвате целевата страница на версията на софтуера
Добавете нова страница и активирайте използването на Visual Builder
Време е да започнете да прилагате нещата на практика! Добавете нова страница, дайте й заглавие и незабавно активирайте Visual Builder.
Изтеглете оформление на софтуерна версия от запазени оформления
Отидете на „Вашите запазени оформления“ и изтеглете целевата страница, която сте качили.
Добавете текстов модул под модула Blurb на бутона за възпроизвеждане
Както можете да видите, страницата вече има бутон за възпроизвеждане, който ще ни помогне да постигнем желания резултат. Но за да работи това, трябва да пресъздадем дизайна в модула Blurb с помощта на текстов модул. Добавете нов текстов модул точно под модула Blurb.
Добавете изображение в областта на съдържанието
След като добавите текстовия модул, продължете и добавете изображението на бутона за възпроизвеждане в областта на съдържанието на вашия текстов модул, като щракнете върху " Добавете медия И изберете бутона за възпроизвеждане на вашата медийна библиотека.
Добавете копие в областта на съдържанието
Продължете, като добавите копие точно под изображението.
Текстови настройки
За да накараме модула да съответства на оформлението, ние ще активираме централната ориентация на текста в настройките на текста на модула.
Настройки за текстови връзки по подразбиране
И съответно ще променим параметрите на текста на връзката:
- Линк Шрифт: Кабина
- Тегло на шрифта на връзката: удебелен
- Линк Цвят на текста: rgba (162,176,193,0.7)
- Размер на текста на връзката: 17px
- Височина на линията на връзката: 1.6em
Задръжте курсора на мишката върху настройките на текста
Променете цвета на текста на курсора на мишката.
- Цвят на текста на връзката: # a2b0c1
разстояние
Накрая също добавете отрицателен горен марж на текстовия модул.
- Топ Марлинг: -20vw
Добавете контекстуално четене към съдържанието на текстовия модул
Превключете към текстовия редактор
За да създадем изскачащ прозорец при щракване, ще трябва да добавим персонализирана връзка към съдържанието на текстовия модул. Върнете се в областта на съдържанието на текстовия модул и изберете режим Текстов редактор.
Добавете връзка към цялото съдържание
Свържете мястото си със съдържание към изскачащия прозорец, като добавите връзка към изображението и копието. Не забравяйте да замените URL адреса на връзката със своя.
<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a> |
Извадете модула Blurb от бутона за възпроизвеждане
Сега, когато създадохме текстов мод, който изглежда точно по същия начин като мода Blurb, можем да премахнем мода Blurb, който е съществувал преди и това е! Можете да приложите този метод към всеки тип оформление, което използвате, но това наистина е чудесна добавена стойност за целевата страница на версията на софтуера.
Заключителни мисли
Както можете да видите, добавянето на изскачащ прозорец на Divi с помощта на приставката Video Popup е доста просто. Това ще ви позволи да представяте видеоклипове на вашия блог без да е необходимо автоматично да го интегрирате в съдържанието.
