Előugró ablak létrehozása és megjelenítése bejegyzéscímkével a WordPressben

Szeretnél bejegyzéscímkénként egy felugró ablakot létrehozni és megjeleníteni a WordPressben? Tehát olvassa tovább ezt a cikket.

Biztosak vagyunk benne, hogy már ismeri a weboldal böngészésekor megjelenő kis ablakot. Nos, ezt felugró ablaknak vagy előugró ablaknak hívják. A felugró ablakok különböző méretben és a képernyőn megjelenő pozíciókban jelenhetnek meg a webhelyen.

A WordPressben számos beépülő modul található az előugró ablakok létrehozásához, például az Elementor Pro, a JetPopup, a Brizy Pro és még sok más.

Fontos megjegyezni, hogy a felugró ablakok nem lehetnek bosszantóak a webhely látogatói számára. Ezért a lehető legegyszerűbb és vonzóbb felugró ablakot hozzon létre.

Tartalomjegyzék

Néhány WordPress beépülő modul előugró ablakok létrehozásához

Elementor Pro

Elementor A Pro egy Elementor bővítmény több száz prémium funkcióval. Hatékony professzionális eszközöket kínál, amelyek felgyorsítják a munkafolyamatot és a tervezést. Elementor A Pro teljes ellenőrzést biztosít webhelye elrendezése és kialakítása felett. Ebben az esetben szabadon testreszabhatja a felugró ablak kialakítását.

használat Elementor Pro felugró ablak létrehozása postacímke segítségével nagyon egyszerű és könnyen használható. Könnyedén, nagyon pontosan meghatározhatja a felugró ablak megjelenítési feltételeit.

A Crocoblock JetPopup egy kiterjesztése Elementor. Megvásárolhatja önálló beépülő modulként, vagy más Crocoblock bővítményekkel egy csomagban. A JetPopup felugró ablak létrehozásának előnye, hogy számos nagyszerű funkcióval rendelkezik.

Játszhatsz a felugró ablak triggereivel.
Létrehozhat animációkat a felugró ablakhoz.
Számos előugró sablon áll rendelkezésre.

Olvassa el: 22 legjobb prémium kiegészítő az Elementorhoz

Brizy Pro

A felugró ablak készítője Brizy Pro két lehetőséget kínál. Az első a kattintással aktiválható felugró ablak, a második pedig az automatikus triggerek és feltételek.

Megnyitás kattintásra: A felugró ablak egyszerűen az oldal elemeire kattintva aktiválható.
Automatikus triggerek és feltételek: Beállíthat olyan látogatói műveleteket, amelyek meghatározzák, hogy mikor jelenjenek meg az előugró ablakok.

Amint korábban említettük, számos lehetőség közül választhat egy felugró ablak létrehozására a WordPressben. Ebben az oktatóanyagban bemutatjuk, hogyan hozhat létre és jeleníthet meg egy felugró ablakot bejegyzésenként a verzió használatával Elementor Pro, ezért győződjön meg róla, hogy már van egy.

Az első dolog, hogy hozzon létre egy új előugró sablont. Új előugró sablon létrehozásához nyissa meg a következőt: Sablonok > Előugró ablakok a WordPress irányítópultján, és kattintson a gombra Új hozzáadása.

Ezután adja hozzá a felugró ablak nevét, és kattintson a gombra Hozza létre a modellt.

A rendszer átirányítja a sablonkönyvtárba, ahol a könyvtár ablakából választhat sablont, vagy megtervezheti saját Popup sablonját. A könyvtárból származó sablon használatához kattintson a gombra helyezze.

De ebben az oktatóanyagban a felbukkanó sablont a semmiből fogjuk létrehozni. Kattintson az ikonra X a sablonkönyvtár bezárásához.

Néhány módosítást kell végrehajtanunk a Popup beállításokban, mielőtt elkezdené létrehozni a Popup sablont. Megtalálhatja webhelyének legjobb beállításait. Ebben az oktatóanyagban megmutatjuk az Ön által választott előugró beállításokat.

Kattintson a fogaskerék ikonra a bal alsó sarokban. A Felbukkanó beállításokban módosítsa a Largeur a nézet szélességének 90%-ában (VW) Et a pozíció en Közép-Alsó.

Ezután tervezze meg a felugró sablont. Adjon hozzá egy új szakaszt, és válassza ki az 5 oszlopos szerkezetet. A szakasz beállításainál állítsa be a Largeur 950-en. Játszhat a beállításokkal.

Például ugorhat a lapra Stílus a háttér beállításához lépjen a lapra fejlett a margó testreszabásához és még sok máshoz.

Most térjünk vissza az oszlopokhoz. A bal oldali oszlopban állítsa a szélességet 33%-ra, a másik négynél pedig 16%-ra.

A bal oldali oszlopban felveszünk egy Cím widgetet némi szöveggel. Hozzáadhat szöveget, amely meghívja webhelye látogatóit az aktuális tartalomhoz kapcsolódó egyéb tartalom megtekintésére, vagy bármilyen más, az Ön által választott szöveget.

A jobb oldalon egy Kép widgetet adunk hozzá. Hozzáadhat képeket a bejegyzések bélyegképeiből/kiemelt képeiből, vagy manuálisan is feltöltheti azokat.

Most a szerkezet készen áll. Menj vissza Felbukkanó beállítások a belépési, kilépési és margóanimációk testreszabásához. Ebben az oktatóanyagban a bemenetet a következőre állítjuk be Elhalványul és a kimenet bekapcsolva Kivilágosítást. Ezután lépjen a lapra fejlett és állítsa a margót 30-ra (a hivatkozások közös értéke).

Most, hogy a terv elkészült, kattintson a gombra Publier megjelenítési feltételek és triggerek beállításához. A megjelenítési feltétel meghatározásához kattintson a gombra FELTÉTEL HOZZÁADÁSA és válassza ki a kívánt lehetőséget a legördülő listából.

Mivel a Popup by post címkét szeretné megjeleníteni, a következő megjelenítési feltételeket állíthatja be (lásd az animációt).

Kattintson a Tovább gombra. A lapon kiváltó, állítsa a triggert állásba A Scrollon állásba fordítva a kapcsolót igen. Határozza meg a Irány sur Bas és Largeur több mint 95%. Mert azt szeretnénk, hogy a Popup megjelenjen, amikor a látogatók cikkünk végére érnek.

Ebben az oktatóanyagban nem fogjuk meghatározni Speciális szabályok. Szóval kattints MENTÉS ÉS BEZÁRÁS. Nos, most végeztünk.

Lássuk, hogyan néz ki.

Itt most fejezte be a felugró ablakot. Tekintse meg kapcsolódó cikkeinket is:

Töltse le az Elementor Pro-t

Oszd meg ezt a cikket:

Mikhos Gartner

Mikhos Gartner digitális eszközök szakértője, aki SAAS-eszközöket vásárol, tesztel és értékel kisvállalkozások számára. A technológiai területen szerzett több éves tapasztalatára támaszkodva éles áttekintést ad. Tartalmát széles körben fogyasztják, havonta több millió felhasználót szolgálnak ki.