Убудова WordPress: Адкрыйце відэа ў лайтбоксе з Elementor

Кнопка Elementor Open Video Lightbox

Мы прынялі сайт з кліентам, які быў створаны факір, фантастычны убудова для рэдагавання перацягвання для WordPress, які ператварае, як лёгка ствараць складаныя, прыгожыя макеты, якія рэагуюць ... без праграмавання і неабходнасці разумець шорткоды.

Elementor мае некаторыя абмежаванні, адно з якіх я сутыкнуўся з працай на кліенцкім сайце. Яны проста хацелі кнопку, якая адкрывае відэа ў лайтбоксе ... тое, што Elementor не прапануе. Вы маглі б абысці праблему, выкарыстоўваючы малюнак з кнопкай прайгравання ці без ... але Elementor мае выдатны элемент кнопкі. Я здзіўлены, што яны не прапанавалі гэта нестандартна.

На шчасце, для гэтага ёсць убудова!

Асноўныя дапаўненні для Elementor

На шчасце, на рынку ёсць некалькі выдатных дапаўненняў для Elementor. Аднак вы павінны быць вельмі асцярожнымі пры выбары распрацоўшчыка убудоў. Наяўнасць сайта WordPress, заснаванага на Elementor, стварае залежнасць ад Elementor. Затым наяўнасць надбудовы, пабудаванай іншым пастаўшчыком, стварае яшчэ адну залежнасць. Для поспеху вашага сайта WordPress вельмі важна пераканацца, што распрацоўшчык убудоў мае мноства установак і звязаны з гэтым даход для падтрымання і ўдасканалення убудоў па меры абнаўлення версій WordPress і Elementor.

Адзін фантастычны убудова - Асноўныя дапаўненні для Elementor. З больш чым 800,000 XNUMX установак убудова можа стаць самым папулярным дадатковым убудовай элемента для Elementor на рынку. Ключавой асаблівасцю гэтага плагіна з'яўляецца магчымасць лёгка дадаваць і наладжваць лайтбокс для вашага сайта WordPress, пабудаванага на базе Elementor.

Кнопка Elementor Lightbox

Пасля ўсталёўкі платнай версіі ўбудовы Essential Add-Ons для Elementor уключыце Lighbox & Modal функцыя для прагляду элемента ў вашых элементах Elementor. Тады вы можаце лёгка шукаць і перацягваць яго на сваю старонку:

элемент альбо lighbox мадальны

Тады вам захочацца змяніць параметры элемента:

  • Усталюйце Налады> Трыгер Кнопка Націсніце
  • Усталюйце Налады> Тып Кнопка
  • Усталюйце Налады> Тэкст кнопкі
  • Усталюйце Змест> Тып Спасылка на старонку / відэа / карту
  • Усталюйце Змест> Укажыце URL старонкі / відэа / карты на ваш URL відэа

Затым вы можаце наладзіць стыль лайтбокса і кнопак пры неабходнасці. Гэта дасканалы досвед паміж гэтым дапаўненнем і Elementor.

кнопка элемента альбо лайтбокса

Хоць за гэтую функцыю варта было плаціць, убудова Essential Add-Ons for Elementor мае масу іншых функцый, уключаных як у бясплатную, так і ў платную версію. Заўвага: Функцыянальнасць Lightbox ёсць у платнай версіі.

Асноўныя дапаўненні для Elementor: Free Elements

Бясплатная версія мае некалькі асноўных элементаў, якія можна дадаць:

  • Інфармацыйная скрынка - Паказаць ключавую інфармацыю з тыпам Info Box, дадаўшы Icon On Top і дадаўшы анімацыйныя эфекты.
  • Удасканалены акардэон - адлюстраваць змест, уключыць значок пераключэння, запоўніць раздзел акардэона патрэбным тэкстам і зрабіць яго інтэрактыўным для аўдыторыі.
  • Ву Сетка прадукту - Прадэманструйце прадукты WooCommerce дзе заўгодна і адлюструйце прадукты па катэгорыях, тэгах або атрыбутах. Лёгка дадайце эфект навядзення на макет, каб зрабіць яго надзвычайным.
  • Фліп-бокс - Выдатна прадэманструйце змест пры дапамозе анімацыі налева / направа пры навядзенні мышы.
  • Пашыраныя ўкладкі - адлюстроўваць ключавую інфармацыю ў інтэрактыўным парадку, які падтрымлівае зроблены на заказ дызайн укладзеных укладак, каб прыцягнуць аўдыторыю ў асобніку.
  • Кошт паслуг - стварыце эфектыўную табліцу цэн на прадукцыю з ідэальным стылем, каб атрымаць больш продажаў ад вашых будучых пакупнікоў.
  • Малюнак Акардэон - Выдзеліце выявы дзівоснымі эфектамі навядзення і націску, выкарыстоўваючы EA Image Accordion. 
  • Паведамленне Сетка - адлюстроўваць некалькі паведамленняў у блогу ў сетцы. Вы можаце выбраць патрэбны макет з налад макета, дадаць да яго анімацыю і зрабіць інтэрактыўным для наведвальнікаў.
  • Заклік да дзеяння - Стварыце стыль зместу, колеру і звяжыце яго, каб накіраваць наведвальнікаў на патрэбнае дзеянне.
  • Зваротны адлік - Стварэнне і дызайн таймера з выбару розных стыляў.
  • Графік публікацыі - адлюстроўваць паведамленні ў блогу, старонкі альбо ўласныя паведамленні ў узрушаючай вертыкальнай раскладцы. Вы можаце ўсталяваць патрэбную колькасць паведамленняў, дадаць дзіўныя эфекты, накладанне малюнка, кнопку і шмат іншага, каб перацягнуць цікавасць аўдыторыі.
  • Фільтруемая галерэя - адлюстроўвайце выявы з асобнымі катэгорыямі, стылямі сеткі і наладжвайце агульны дызайн, каб забяспечыць незвычайны выгляд.

Загрузіце асноўныя дапаўненні для Elementor

Асноўныя дапаўненні для Elementor: платныя элементы

З платнай версіяй вы атрымліваеце яшчэ масу элементаў, якія сапраўды прадастаўляюць максімальныя магчымасці ў вашай тэме на аснове Elementor.

  • Лайтбокс і мадальны - дэманструйце вашыя відэа, выявы ці іншы кантэнт усплываючым акном. Вы можаце ўсталяваць патрэбныя дзеянні трыгера, дадаць анімацыю і ўсталяваць макет, каб павялічыць узаемадзеянне.
  • Параўнанне малюнкаў - дайце магчымасць вашым патэнцыяльным пакупнікам параўноўваць дзве выявы прадукту (Стары супраць Новага) дзіўным чынам.
  • Карусель з лагатыпам - выберыце эфект каруселі па жаданні, дадайце лагатып і стылюйце выснову, каб прыгожа адлюстраваць усіх вашых кліентаў або партнёраў.
  • Эфекты паралакса - дазвольце наведвальнікам выпрабаваць ваш сайт з дапамогай шматслаёвага эфекту паралакс, які нават уключае ў сябе ўзаемадзеянне пры навядзенні мышы.
  • Рэкламны - Дадайце прывабны загаловак, унутраны змест, змест мышы і прыгожыя выявы, каб прыцягнуць увагу наведвальніка.
  • Пераключэнне змесціва - Дадайце да змесціва эфект навядзення, які падкрэслівае адрозненні, на якіх вы хочаце засяродзіць увагу наведвальнікаў.
  • Google Maps - Наладзьце элемент карты, дадайце значкі маркераў і зрабіце яго інтэрактыўным для наведвальнікаў.
  • Эфект часціц - дадайце на свой сайт творчыя раздзелы, каб ён вылучаўся.
  • Інтэрактыўныя карты - дадайце да вашых блокаў кантэнту пашыраныя магчымасці, такія як унутраная пракрутка і эфекты навядзення.
  • абароненае змесціва - абмежаваць змест паролем альбо роляй карыстальніка.
  • Паведамленне Блок - дэманструйце паведамленні ў сваім блогу з мноствам унікальных стыляў, выкарыстоўваючы сілу сучаснага CSS Flex. Вы можаце выбраць макет, дадаць анімацыю, дадаць значок і стылізаваць усё, уключаючы эфекты навядзення.
  • Пашыраная падказка - дадаць падказкі вышэй і ніжэй зместу.
  • Навігацыя па адной старонцы - стварыць вэб-сайт з адной старонкай усяго за некалькі клікаў з дапамогай Elementor.
  • Водгук паўзунок - стварыць інтэрактыўную дошку водгукаў, якая выдатна дэманструе некалькі аглядаў у адной вобласці змесціва.
  • Instagram - прыцягнуць увагу наведвальніка вашага сайта і прыцягнуць больш прыхільнікаў Instagram, адлюстраваўшы на сваім сайце стужку Instagram.
  • Выява кропка доступу - дадаць гарачыя кропкі вобласці малюнкаў з дапамогай падказак, каб карыстальнік мог націснуць на гарачыя кропкі, каб раскрыць адпаведны тэкст.

Варыянт з убудовай, які я вельмі цаню, - гэта магчымасць уключыць або адключыць кожны з гэтых элементаў на сайце. Гэта абмяжоўвае накладныя выдаткі на сцэнарыі кожнай функцыі, якія дадаюцца на ваш сайт.

Загрузіце асноўныя дапаўненні для Elementor

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.