Vai programmā WordPress vēlaties izveidot un parādīt vienu uznirstošo logu katrai ziņas tagam? Tāpēc turpiniet lasīt šo rakstu.
Mēs esam pārliecināti, ka jūs jau esat iepazinies ar mazo logu, kas tiek parādīts, pārlūkojot vietni. Nu, to sauc par uznirstošo logu vai uznirstošo logu. Uznirstošie logi vietnē var parādīties dažādos izmēros un pozīcijās ekrānā.
Programmā WordPress ir daudz spraudņu uznirstošo logu izveidei, piemēram, Elementor Pro, JetPopup, Brizy Pro un citi.
Svarīgi atcerēties, ka uznirstošie logi nedrīkst kaitināt jūsu vietnes apmeklētājus. Tāpēc izveidojiet uznirstošo logu pēc iespējas vienkāršāku un pievilcīgāku.
Saturs
Daži WordPress spraudņi, lai izveidotu uznirstošos logus
Elementor Pro
Elementor Pro ir Elementor paplašinājums ar simtiem augstākās kvalitātes funkciju. Tas nodrošina jaudīgus profesionālus rīkus, kas paātrina jūsu darbplūsmu un dizainu. Elementor Pro sniedz jums pilnīgu kontroli pār jūsu vietnes izkārtojumu un dizainu. Šajā gadījumā jūs varat brīvi pielāgot uznirstošā loga dizainu.
lietošana Elementor Pro izveidot uznirstošo logu, izmantojot pasta tagu, ir ļoti vienkārši un ērti lietojams. Jūs varat viegli definēt uznirstošā loga parādīšanas nosacījumus ļoti precīzā veidā.
JetPopup
Crocoblock's JetPopup ir paplašinājums Elementor. Varat to iegādāties kā atsevišķu spraudni vai iegādāties komplektā ar citiem Crocoblock spraudņiem. JetPopup izmantošanas priekšrocība uznirstošā loga izveidošanai ir tā, ka tajā ir daudz lielisku funkciju.
- Varat spēlēties ar uznirstošo logu aktivizētājiem.
- Uznirstošajam logam varat izveidot animācijas.
- Ir pieejams liels skaits uznirstošo veidņu.
Lasīt arī: 22 labākie Elementor Premium papildinājumi
Brizy Pro
Uznirstošo logu veidotājs Brizy Pro piedāvā divas iespējas. Pirmais ir ar klikšķi aktivizēts uznirstošais logs, bet otrais ir automātiskie aktivizētāji un nosacījumi.
- Atvēršana, noklikšķinot: uznirstošo logu var aktivizēt, vienkārši noklikšķinot uz jūsu lapas elementiem.
- Automātiski aktivizētāji un nosacījumi: varat konfigurēt apmeklētāju darbības, kas noteiks, kad tiek parādīti uznirstošie logi.
Kā izveidot un parādīt uznirstošo logu, izmantojot pasta tagu programmā WordPress, izmantojot Elementor
Kā minēts iepriekš, jums ir vairākas iespējas programmā WordPress izveidot uznirstošo logu. Šajā apmācībā mēs parādīsim, kā izveidot un parādīt uznirstošo logu katrai ziņas tagam, izmantojot versiju Elementor Pro, tāpēc pārliecinieties, vai jums tāds jau ir.
1. darbība. Izveidojiet uznirstošo veidni
Pirmais, kas jādara, ir izveidot jaunu uznirstošo veidni. Lai izveidotu jaunu uznirstošo veidni, dodieties uz Veidnes > Uznirstošie logi savā WordPress informācijas panelī un noklikšķiniet uz pogas Pievieno jaunu.
Pēc tam pievienojiet uznirstošā loga nosaukumu un noklikšķiniet uz pogas IZVEIDOT MODELI.
Jūs tiksit novirzīts uz veidņu bibliotēku, jūs varat izvēlēties veidni bibliotēkas logā vai izveidot savu uznirstošo veidni. Lai izmantotu veidni no bibliotēkas, vienkārši noklikšķiniet uz pogas ievietot.
Bet šajā apmācībā mēs no jauna izveidosim uznirstošo veidni. Noklikšķiniet uz ikonas X lai aizvērtu veidņu bibliotēku.
2. darbība. Pielāgojiet uznirstošo logu iestatījumus
Pirms sākam izveidot uznirstošo logu veidni, uznirstošo logu iestatījumos ir jāveic daži pielāgojumi. Varat atrast savai vietnei labākos iestatījumus. Šajā apmācībā mēs parādīsim jūsu izvēlētos uznirstošo logu iestatījumus.
Noklikšķiniet uz zobrata ikonas apakšējā kreisajā stūrī. Uznirstošo logu iestatījumos mainiet Platums 90% no skata platuma (VW) Et amats en Centrs-apakšā.
3. darbība: noformējiet uznirstošo logu
Pēc tam izveidojiet savu uznirstošo veidni. Pievienojiet jaunu sadaļu un atlasiet 5 kolonnu struktūru. Sadaļas iestatījumos iestatiet Platums uz 950. Varat spēlēt ar saviem iestatījumiem.
Piemēram, varat pāriet uz cilni Stils lai iestatītu fonu, dodieties uz cilni uzlabots lai pielāgotu rezervi un daudz ko citu.
Tagad atgriezieties pie kolonnām. Kreisajā kolonnā iestatiet platumu uz 33%, bet pārējām četrām — uz 16%.
Kreisajā kolonnā mēs pievienosim logrīku Title ar tekstu. Varat pievienot tekstu, kas aicina vietnes apmeklētājus apskatīt citu saturu, kas atbilst pašreizējam saturam, vai jebkuru citu tekstu pēc jūsu izvēles.
Labajā pusē mēs pievienosim attēla logrīku. Varat pievienot attēlus no ziņu sīktēliem/piedāvātiem attēliem vai augšupielādēt tos manuāli.
Tagad struktūra ir gatava. Atgriezties uz Uznirstošie iestatījumi lai pielāgotu ievades, izejas un piemales animācijas. Šajā apmācībā mēs iestatījām ievadi uz Izbalināt un izvade ieslēgta Pazust. Pēc tam dodieties uz cilni uzlabots un iestatiet rezervi uz 30 (kopējā vērtība saitēm).
4. darbība. Publicējiet uznirstošo logu
Tagad, kad dizains ir gatavs, noklikšķiniet uz pogas publicēt lai iestatītu displeja nosacījumus un aktivizētājus. Lai definētu displeja nosacījumu, noklikšķiniet uz pogas PIEVIENOT NOSACĪJUMU un nolaižamajā sarakstā atlasiet savu opciju.
Tā kā vēlaties parādīt uznirstošo logu, izmantojot ziņu, varat iestatīt šādus parādīšanas nosacījumus (skatiet animāciju).
Noklikšķiniet uz Tālāk. Cilnē trigeri, iestatiet sprūdu uz Uz ritināšanas pārslēdzot slēdzi uz Jā. Definējiet Vadība sur Bas un Platums vairāk nekā 95%. Jo mēs vēlamies, lai uznirstošais logs tiktu parādīts, kad apmeklētāji sasniedz mūsu raksta beigas.
Šajā apmācībā mēs to nedefinēsim Papildu noteikumi. Tātad noklikšķiniet uz SAGLABĀT UN AIZVERIET. Nu, tagad mēs esam pabeiguši.
Paskatīsimies, kā tas izskatās.
Šeit jūs tikko pabeidzāt savu uznirstošo logu. Skatiet arī mūsu saistītos rakstus:
- 6 ērti CSS fragmenti Elementor ziņu logrīkam
- Kā izveidot saraksta lapu, izmantojot Elementor Loop Builder
- Kā pievienot darba laiku savā Elementor vietnē
- Kā pievienot rindiņas pārtraukumu Elementor pogas tekstā
- Kā izveidot un rediģēt kājeni programmā Elementor
- Kā pievienot attēla masku Elementor
- Elementor vai Brizy: kurš ir labākais WordPress lapu veidotājs?
Saistītie raksti
- 22 labākie Elementor Premium papildinājumi
- Elementor vs Beaver Builder: detalizēts lapu veidotāju salīdzinājums
- Elementor apskats 2024: pieredze darbā ar Elementor (priekšrocības, mīnusi, funkcijas un daudz kas cits)
- Kā izveidot interaktīvu loku Elementor
- Kā izveidot Elementor vietni īpaši ātri: pilnīga apmācība
- Vietnes migrēšana uz Elementor Cloud
- 5 labākie Elementor Instagram plūsmas spraudņi [Mūsu labākā izvēle]
- Kā lietot uzlaboto akordeonu programmā Elementor