Да ли желите да креирате и прикажете један искачући прозор по ознаци поста у ВордПресс-у? Зато наставите да читате овај чланак.
Сигурни смо да сте већ упознати са малим прозором који се појављује када прегледате веб локацију. Па, то се зове попуп или попуп. Искачући прозори се могу појавити у различитим величинама и позицијама на екрану на веб локацији.
У ВордПресс-у постоји много додатака за креирање искачућих прозора, као што су Елементор Про, ЈетПопуп, Бризи Про и још много тога.
Важно је запамтити да искачући прозори не би требало да сметају посетиоцима ваше веб странице. Стога, направите искачући прозор што једноставнији и атрактивнији.
Садржај
Неки ВордПресс додаци за креирање искачућих прозора
Елементор Про
Elementor Про је Елементор проширење са стотинама врхунских функција. Даје вам моћне професионалне алате који убрзавају ваш радни ток и дизајн. Elementor Про вам даје потпуну контролу над изгледом и дизајном ваше веб странице. У овом случају, можете слободно прилагодити дизајн вашег искачућег прозора.
Корисник Елементор Про креирање искачућег прозора по ознаци је веома једноставно и лако за коришћење. Можете лако да дефинишете услове приказа вашег искачућег прозора на веома прецизан начин.
ЈетПопуп
Цроцоблоцк-ов ЈетПопуп је проширење за Elementor. Можете га купити као самостални додатак или га купити у пакету са другим Цроцоблоцк додацима. Предност коришћења ЈетПопуп-а за креирање искачућег прозора је у томе што долази са много сјајних функција.
- Можете се играти са окидачима искачућег прозора.
- Можете креирати анимације за искачући прозор.
- Доступан је велики број искачућих шаблона.
Прочитајте такође: 22 најбоља премиум додатка за Елементор
Бризи Про
Креатор искачућих прозора за Бризи Про нуди вам две опције. Први је искачући прозор који се активира кликом, а други су аутоматски покретачи и услови.
- Отварање на клик: Ваш искачући прозор се може покренути једноставним кликом на елементе ваше странице.
- Аутоматски покретачи и услови: Можете да конфигуришете радње посетилаца које ће одредити када ће се искачући прозори приказати.
Како да креирате и прикажете искачући прозор помоћу ознаке за објављивање у ВордПресс-у помоћу Елементора
Као што је раније поменуто, имате неколико опција за креирање искачућег прозора у ВордПресс-у. У овом водичу ћемо вам показати како да креирате и прикажете искачући прозор по ознаци поста користећи верзију Елементор Про, па се уверите да га већ имате.
Корак 1: Креирајте искачући шаблон
Прва ствар коју треба да урадите је да креирате нови искачући шаблон. Да бисте креирали нови искачући шаблон, идите на Шаблони > Искачући прозори на вашој ВордПресс контролној табли и кликните на дугме Додај нови.
Затим додајте назив искачућег прозора и кликните на дугме КРЕИРАЈТЕ МОДЕЛ.
Бићете преусмерени на библиотеку шаблона, можете изабрати шаблон из прозора библиотеке или дизајнирати сопствени искачући шаблон. Да бисте користили шаблон из библиотеке, само кликните на дугме Инсерер.
Али у овом водичу ћемо креирати искачући шаблон од нуле. Кликните на икону X да бисте затворили библиотеку шаблона.
Корак 2: Подесите поставке искачућих прозора
Морамо да извршимо нека подешавања у подешавањима искачућег прозора пре него што почнемо да креирамо искачући шаблон. Можете пронаћи најбоља подешавања за своју веб локацију. У овом водичу ћемо вам показати подешавања искачућих прозора по вашем избору.
Кликните на икону зупчаника у доњем левом углу. У подешавањима искачућег прозора промените Ларгеур у 90% ширине приказа (VW) Ет положај en Центер-Боттом.
Корак 3: Дизајнирајте искачући прозор
Затим дизајнирајте свој искачући шаблон. Додајте нови одељак и изаберите структуру од 5 колона. У подешавањима одељка подесите Ларгеур на 950. Можете се играти са својим подешавањима.
На пример, можете отићи на картицу стил да бисте поставили позадину, идите на картицу напредан да прилагодите маргину и још много тога.
Сада се вратимо на ваше колумне. У левој колони подесите ширину на 33%, а за остале четири на 16%.
У левој колони ћемо додати виџет за наслов са неким текстом. Можете додати текст који позива посетиоце ваше веб локације да погледају други садржај који је релевантан за тренутни садржај или било који други текст по вашем избору.
Са десне стране ћемо додати виџет за слику. Можете додати слике са сличица/истакнутих слика постова или их отпремити ручно.
Сада је структура спремна. Врати се на Попуп Сеттингс да прилагодите анимације улаза, излаза и маргина. У овом водичу, поставили смо унос на Фаде довн а излаз укључен Фаде уп. Затим идите на картицу напредан и поставите маргину на 30 (уобичајена вредност за везе).
Корак 4: Објавите искачући прозор
Сада када је дизајн спреман, кликните на дугме ПУБЛИСХ за постављање услова приказа и покретача. Да бисте дефинисали стање приказа, кликните на дугме ДОДАЈТЕ УСЛОВЕ и изаберите своју опцију са падајуће листе.
Како желите да прикажете искачући прозор по објави, можете да подесите следеће услове приказа (погледајте анимацију).
Кликните на Нект. У картици Триггерс, поставите окидач на Он Сцролл окрећући прекидач на да. Дефинишите Лидерство на бас и Ларгеур преко 95%. Зато што желимо да се искачући прозор појави када посетиоци стигну до краја нашег чланка.
У овом туторијалу нећемо дефинисати Напредна правила. Дакле, кликните на СНИМИ И ЗАТВОРИ. Па, сада смо готови.
Да видимо како то изгледа.
Овде сте управо завршили свој искачући прозор. Погледајте и наше сродне чланке:
- 6 практичних ЦСС исечака за Елементор-ов виџет постова
- Како да направите страницу са листингом помоћу Елементор Лооп Буилдер-а
- Како додати радно време на своју Елементор веб локацију
- Како додати прелом реда у текст дугмета Елементор
- Како направити и уредити подножје у Елементору
- Како додати маску слике у Елементор
- Елементор или Бризи: Који је најбољи креатор ВордПресс страница?
Повезани чланци
- 22 најбоља премиум додатка за Елементор
- Елементор против Беавер Буилдер-а: Детаљно поређење градитеља страница
- Елементор преглед 2024: Искуство са Елементор-ом (предности, мане, карактеристике и више)
- Како направити интерактивни круг у Елементору
- Како направити Елементор веб локацију супер брзо: Комплетан водич
- Како да мигрирате локацију на Елементор Цлоуд
- 5 најбољих додатака за Инстаграм феед за Елементор [Наши најбољи избори]
- Како користити напредну хармонику у Елементору