WordPress плагині: Бейнені Lightbox ішінде Elementor көмегімен ашыңыз

Элементор түймесі. Бейне Lightbox

Біз салынған клиент бар веб-сайтты қабылдадық Elementor, WordPress үшін керемет апарып тастау редакторы плагині, бұл күрделі, әдемі макеттерді оңай жауап беретін ... бағдарламалаусыз немесе қысқа кодтарды түсінудің қажеті жоқ.

Elementor-дің кейбір шектеулері бар, олардың бірін мен клиент сайтында жұмыс істей бастадым. Олар Lightbox ішіндегі бейнені ашатын батырманы алғысы келді ... Elementor ұсынбайтын нәрсе. Ойнату батырмасы бар немесе онсыз кескінді пайдаланып, мәселені шешуге болады ... бірақ Elementor-да тамаша батырма элементі бар. Мен оларды қораптан тыс ұсынбағанына таңмын.

Бақытымызға орай, бұл үшін плагин бар!

Elementor үшін қажетті қондырмалар

Бақытымызға орай, Elementor үшін нарықта бірнеше керемет қондырмалар бар. Сіз плагин әзірлеушісін таңдағанда өте мұқият болуыңыз керек. WordPress сайтының Elementor-да болуы Elementor-ға тәуелділікті тудырады. Содан кейін, басқа сатушының құрастырған қондырмасының болуы тағы бір тәуелділікті тудырады. Плагинді әзірлеушіде көптеген қондырғылардың болуын және WordPress пен Elementor нұсқалары жаңартылған кезде плагиндерді қолдау және жақсарту үшін тиісті кірісті қамтамасыз ету сіздің WordPress сайтыңыздың жетістігі үшін өте маңызды.

Бір керемет плагин - бұл Elementor үшін қажетті қондырмалар. 800,000 XNUMX-нан астам қондырғы бар плагин нарықтағы Elementor үшін ең танымал элемент қондырмасы болуы мүмкін. Бұл плагиннің басты ерекшелігі - Elementor-мен жасалған WordPress веб-сайтыңызға лайтбоксты оңай қосу және конфигурациялау мүмкіндігі.

Elementor Lightbox батырмасы

Elementor үшін қондырманың ақылы нұсқасын орнатқаннан кейін, қосыңыз Lighbox & Modal элементті Elementor элементтерінде көру мүмкіндігі. Содан кейін оны іздеп, өз парағыңызға оңай апара аласыз:

lighbox модальды

Содан кейін сіз элементтің жұп параметрлерін өзгерткіңіз келеді:

  • Параметрлер> Триггерді орнатыңыз Батырмасын басыңыз
  • Параметрлер> Түрін орнатыңыз түйме
  • Параметрлер> тармағын таңдаңыз Түйме мәтін
  • Мазмұн> Түрін орнатыңыз Бет / бейне / картаға сілтеме
  • Мазмұнды орнатыңыз> Бет / бейне / карта URL мекенжайын беріңіз бейне URL мекенжайына

Одан кейін қажет болған кезде жарық жәшігі мен батырма сәндеуін реттей аласыз. Бұл қосымша және Elementor арасындағы қиындықсыз тәжірибе.

элемент немесе lightbox батырмасы

Бұл мүмкіндік төлеуге тұрарлық болғанымен, Elementor үшін Essential қосымшалары ақысыз және ақылы нұсқада қамтылған басқа көптеген мүмкіндіктерге ие. Ескерту: Lightbox функциясы ақылы нұсқада.

Элементорға арналған қосымша қондырмалар: бос элементтер

Тегін нұсқада қосуға болатын бірнеше негізгі элементтер бар:

  • Ақпараттық қорап - Ақпараттық терезе түріндегі негізгі ақпаратты Icon On Top қосу арқылы көрсетіңіз және анимациялық эффектілерді қосыңыз.
  • Жетілдірілген баян - мазмұнды көрсету, ауыстыру белгісін қосу, аккордеон бөлімін қажетті мәтінмен толтыру және оны аудиторияға интерактивті етіп көрсету.
  • Woo өнім торы - WooCommerce өнімдерін кез-келген жерде көрсетіңіз және тауарларды санаттар, тегтер немесе атрибуттар бойынша көрсетіңіз. Оны макетке әсерлі ету үшін оны оңай орналастырыңыз.
  • Флип-бокс - Мазмұнды тышқанның апаруында солға / оңға аудару анимациясымен әдемі көрсетіңіз.
  • Қосымша қойындылар - инсталляцияға аудиторияны тарту үшін интерактивті түрде интерактивті түрде ішкі қойындылар дизайнын қолдайтын бейнені көрсету.
  • Баға кестесі - сіздің болашақ сатып алушыларыңыздан көбірек сатылым алу үшін мінсіз сәндеуі бар өнім бағасының тиімді кестесін құрыңыз.
  • Аккордеон - EA Image Accordion көмегімен суреттеріңізді таңқаларлық hover және click эффектілерімен ерекшелеңіз. 
  • Пост-тор - тордың орналасуында бірнеше блог жазбаларын көрсету. Сіз орналасу параметрлерінен таңдаулы орналасуды таңдап, оған анимация қосып, оны келушілер үшін интерактивті етіп көрсете аласыз.
  • Әрекетке шақыру - «Әрекетке шақыру» мазмұнын стилімен өңдеңіз, оны келушілерді қажетті әрекетке бағыттау үшін байланыстырыңыз.
  • Кері санақ - Әр түрлі стильдерден таймер құрастырыңыз және жасаңыз.
  • Post Timeline - блог жазбаларын, парақтарын немесе таңдамалы жазбаларын керемет тік орналасуда көрсету. Сіз көрермендердің қызығушылығын ояту үшін посттардың таңдаулы санын орнатуға, таңғажайып эффектілерді, суреттер қабаттасуын, батырманы және басқаларын қосуға болады.
  • Фильтрленетін галерея - суреттерді бөлек санаттармен, тор мәнерлерімен көрсетіңіз және ерекше көріністі қамтамасыз ету үшін жалпы дизайнды реттеңіз.

Elementor үшін негізгі қондырмаларды жүктеңіз

Элементорға арналған негізгі қондырмалар: ақылы элементтер

Ақылы нұсқамен сіз Elementor-ге негізделген тақырыпта шынымен максималды мүмкіндіктерді қамтамасыз ететін көптеген элементтер аласыз.

  • Lightbox & Modal - бейнелерді, суреттерді немесе басқа мазмұнды қалқымалы тереземен көрсетіңіз. Қажетті триггер әрекеттерін орнатуға, анимация қосуға және максималды тарту үшін орналасуды орнатуға болады.
  • Кескінді салыстыру - сіздің әлеуетті сатып алушыларыңызға екі өнім суретін салыстыруға мүмкіндік беру (Ескі мен Жаңаға қарсы) таңғажайып түрде
  • Логотип Carousel - өзіңіздің қалауыңыз бойынша карусель эффектісін таңдап, логотипті қосыңыз және барлық клиенттеріңізді немесе серіктестеріңізді әдемі етіп көрсету үшін шығыс мәнерін жасаңыз.
  • Parallax әсерлері - сіздің қонақтарыңызға сіздің сайтты тінтуірдің апару әрекетін біріктіретін көп қабатты параллакс әсерімен танысуына мүмкіндік беру.
  • промо - Келушілердің назарын аудару үшін тартымды тақырыпты, ішкі мазмұнды, тышқанның мазмұнын және әдемі суреттерді қосыңыз.
  • Мазмұнды ауыстыру - Мазмұныңызға келушілердің назарын аудару үшін қалайтын айырмашылықтарды көрсететін апаратын эффект қосыңыз.
  • Google картасыs - Карта элементін конфигурациялаңыз, маркерлердің белгішелерін қосыңыз және оны келушілер үшін интерактивті етіп жасаңыз.
  • Бөлшектердің әсері - сіздің веб-сайтыңызға ерекшелену үшін оның шығармашылық бөлімдерін қосыңыз.
  • Интерактивті карталар - мазмұнды блоктарға ішкі айналдыру және апару эффектілері сияқты жетілдірілген мүмкіндіктерді қосыңыз.
  • Қорғалған мазмұн - мазмұнды парольмен немесе пайдаланушы рөлімен шектеу.
  • Пошта блогы - өзіңіздің блог жазбаларыңызды қазіргі заманғы CSS Flex күшінің көмегімен әртүрлі стильдермен көрсетіңіз. Сіз макет таңдауға, анимация қосуға, белгішені қосуға және бәрін стильдеуіңізге болады, соның ішінде апару эффектілері.
  • Қосымша кеңестер - мазмұнның үстінен және астынан кеңестер қосыңыз.
  • Бір бетті шарлау - Elementor көмегімен бірнеше рет басу арқылы бір парақты веб-сайт құру.
  • Testimonial Slider - бір мазмұн аймағында бірнеше шолуды әдемі көрсететін интерактивті пікірлер тақтасын құру.
  • Instagram - өзіңіздің сайтыңызға кірушілердің назарын аударып, өз сайтыңызға Instagram парағын көрсетіп, Instagram-ға көбірек жазылушыларды шақырыңыз.
  • Кескін нүктесі - пайдаланушы байланысты мәтінді табу үшін ыстық нүктелерді баса алатындай етіп, қолданбалы кеңестермен кескін аймағының ыстық нүктелерін қосыңыз.

Мен үшін плагин бар опция - бұл сайт ішіндегі осы элементтердің әрқайсысын қосу немесе өшіру мүмкіндігі. Бұл сіздің сайтыңызға қосылатын әр мүмкіндіктің сценарийінің үстеме ақысын шектейді.

Elementor үшін негізгі қондырмаларды жүктеңіз

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.