WordPress жүйесінде әрбір жазба тегін бір қалқымалы терезе жасап, көрсеткіңіз келе ме? Сондықтан осы мақаланы оқуды жалғастырыңыз.
Веб-сайтты шолу кезінде пайда болатын шағын тереземен бұрыннан таныс екеніңізге сенімдіміз. Бұл қалқымалы терезе немесе қалқымалы терезе деп аталады. Қалқымалы терезелер веб-сайтта әртүрлі өлшемдерде және экранда пайда болуы мүмкін.
WordPress-те қалқымалы терезелерді жасауға арналған көптеген плагиндер бар, мысалы, Elementor Pro, JetPopup, Brizy Pro және т.б.
Есте сақтау маңызды нәрсе - қалқымалы терезелер веб-сайтқа келушілерді тітіркендірмеуі керек. Сондықтан мүмкіндігінше қарапайым және тартымды қалқымалы терезе жасаңыз.
Мазмұны
Қалқымалы терезелерді жасауға арналған кейбір WordPress плагиндері
Elementor Pro
Elementor Pro - жүздеген премиум мүмкіндіктері бар Elementor кеңейтімі. Ол сізге жұмыс процесі мен дизайнды жылдамдататын қуатты кәсіби құралдарды береді. Elementor Pro сізге веб-сайтыңыздың орналасуы мен дизайнын толық бақылауға мүмкіндік береді. Бұл жағдайда қалқымалы терезенің дизайнын еркін теңшеуге болады.
Пайдаланушы Elementor Pro Пошта тегі бойынша қалқымалы терезе жасау өте қарапайым және пайдалану оңай. Қалқымалы терезені көрсету шарттарын өте дәл түрде оңай анықтауға болады.
JetPopup
Crocoblock's JetPopup кеңейтімі болып табылады Elementor. Сіз оны дербес плагин ретінде сатып ала аласыз немесе басқа Crocoblock плагиндерімен бірге пакетте сатып ала аласыз. Қалқымалы терезені жасау үшін JetPopup қолданбасының артықшылығы оның көптеген керемет мүмкіндіктермен қамтамасыз етілуінде.
- Қалқымалы терезе триггерлерімен ойнауға болады.
- Қалқымалы терезе үшін анимациялар жасауға болады.
- Қалқымалы үлгілердің үлкен саны қол жетімді.
Сондай-ақ оқыңыз: Elementor үшін 22 ең жақсы премиум қосымшалар
Brizy Pro
қалқымалы терезе құрастырушы Brizy Pro сізге екі нұсқаны ұсынады. Біріншісі - басу арқылы белсендірілген қалқымалы терезе, екіншісі - автоматты триггерлер мен шарттар.
- Басу арқылы ашу: қалқымалы терезені жай ғана бетіңіздің элементтерін басу арқылы іске қосуға болады.
- Автоматты триггерлер мен шарттар: қалқымалы терезелер қашан көрсетілетінін анықтайтын келушілердің әрекеттерін конфигурациялауға болады.
Elementor көмегімен WordPress-те пошта тегі бойынша қалқымалы терезені қалай жасауға және көрсетуге болады
Жоғарыда айтылғандай, сізде WordPress-те қалқымалы терезе жасаудың бірнеше нұсқасы бар. Бұл оқулықта біз нұсқаны пайдаланып әр пост тегін қалқымалы терезені қалай жасау және көрсету керектігін көрсетеміз Elementor Pro, сондықтан сізде бар екеніне көз жеткізіңіз.
1-қадам: қалқымалы терезе үлгісін жасаңыз
Ең алдымен, жаңа қалқымалы терезе үлгісін жасау керек. Жаңа қалқымалы терезе үлгісін жасау үшін өтіңіз Үлгілер > Қалқымалы терезелер WordPress бақылау тақтасында және түймені басыңыз Жаңасын қосыңыз.
Содан кейін қалқымалы терезенің атын қосып, түймені басыңыз МОДЕЛЬ ЖАСАҢЫЗ.
Сіз үлгілер кітапханасына бағытталасыз, кітапхана терезесінен үлгіні таңдай аласыз немесе өзіңіздің қалқымалы терезе үлгісін жасай аласыз. Кітапханадағы үлгіні пайдалану үшін түймені басыңыз қондыру.
Бірақ бұл оқулықта біз қалқымалы терезе үлгісін нөлден бастаймыз. белгішесін басыңыз X үлгілер кітапханасын жабу үшін.
2-қадам: Қалқымалы терезе параметрлерін реттеңіз
Қалқымалы терезе үлгісін жасауды бастамас бұрын қалқымалы терезе параметрлерінде кейбір түзетулер енгізуіміз керек. Сайтыңыз үшін ең жақсы параметрлерді таба аласыз. Бұл оқулықта біз сізге таңдаған қалқымалы терезе параметрлерін көрсетеміз.
Төменгі сол жақ бұрыштағы беріліс белгішесін басыңыз. Қалқымалы терезе параметрлерінде параметрін өзгертіңіз ені көрініс енінің 90% (VW) Және Қызметі en Ортасы-төменгі.
3-қадам: Қалқымалы терезені құрастырыңыз
Содан кейін қалқымалы терезе үлгісін жасаңыз. Жаңа бөлімді қосып, 5 баған құрылымын таңдаңыз. Бөлім параметрлерінде параметрін орнатыңыз ені 950. Параметрлермен ойнауға болады.
Мысалы, қойындыға өтуге болады стиль фонды орнату үшін қойындыға өтіңіз озат маржаны теңшеу және т.б.
Енді бағандарыңызға қайта оралыңыз. Сол жақ бағанда енді 33%, ал қалған төртеуі үшін 16% етіп орнатыңыз.
Сол жақ бағанға мәтіні бар тақырып виджетін қосамыз. Веб-сайтқа келушілерді ағымдағы мазмұнға қатысты басқа мазмұнды немесе өзіңіз таңдаған кез келген басқа мәтінді көруге шақыратын мәтінді қосуға болады.
Оң жақта сурет виджетін қосамыз. Жазбалардың нобайларынан/таңдаулы кескіндерінен кескіндерді қосуға немесе оларды қолмен жүктеп салуға болады.
Қазір құрылым дайын. дегенге оралыңыз Қалқымалы терезе параметрлері енгізу, шығу және шеткі анимацияларды теңшеу үшін. Бұл оқулықта біз енгізуді орнаттық Өшіру және шығыс қосулы Өшіру. Содан кейін қойындыға өтіңіз озат және маржаны 30 мәніне орнатыңыз (сілтемелер үшін ортақ мән).
4-қадам: Қалқымалы терезені жариялау
Енді дизайн дайын, түймені басыңыз PUBLISH көрсету шарттарын және триггерлерді орнату үшін. Дисплей жағдайын анықтау үшін түймені басыңыз ШАРТ ҚОСУ және ашылмалы тізімнен опцияңызды таңдаңыз.
Пошта бойынша қалқымалы терезе тегін көрсеткіңіз келсе, келесі көрсету шарттарын орнатуға болады (анимацияны қараңыз).
Келесі түймесін басыңыз. Қойындыда триггерлер, триггерді күйіне қойыңыз Айналдыру бойынша ауыстырып-қосқышты ауыстырыңыз иә. анықтаңыз бағыт Sur Bas ET ла ені 95%-дан жоғары. Өйткені біз келушілер мақаламыздың соңына жеткенде қалқымалы терезенің пайда болуын қалаймыз.
Бұл оқулықта біз анықтама бермейміз Жетілдірілген ережелер. Сондықтан басыңыз САҚТАУ ЖӘНЕ ЖАБУ. Ал, енді біттік.
Оның қалай көрінетінін көрейік.
Мұнда сіз қалқымалы терезені аяқтадыңыз. Сондай-ақ біздің қатысты мақалаларымызды қараңыз:
- Elementor хабарламалары виджетіне арналған 6 ыңғайлы CSS үзінділері
- Elementor Loop Builder көмегімен листинг бетін қалай жасауға болады
- Elementor веб-сайтында жұмыс уақытын қалай қосуға болады
- Элементор түймесі мәтінінде жол үзілімін қалай қосуға болады
- Elementor бағдарламасында төменгі колонтитулды қалай жасауға және өңдеуге болады
- Elementor бағдарламасында кескін маскасын қалай қосуға болады
- Elementor немесе Brizy: қайсысы ең жақсы WordPress бет құрастырушысы?
Қатысты мақалалар
- Elementor үшін 22 ең жақсы премиум қосымшалар
- Elementor және Beaver Builder: Бет құрастырушылардың егжей-тегжейлі салыстыруы
- Elementor шолуы 2024: Elementor тәжірибесі (артықшылықтары, кемшіліктері, мүмкіндіктері және т.б.)
- Elementor бағдарламасында интерактивті шеңберді қалай құруға болады
- Elementor веб-сайтын қалай тез жасауға болады: толық оқу құралы
- Сайтты Elementor Cloud-қа қалай тасымалдауға болады
- Elementor үшін Instagram арнасының 5 ең жақсы плагиндері [Біздің ең жақсы таңдауларымыз]
- Elementor бағдарламасында кеңейтілген аккордеонды қалай пайдалануға болады