A WP Modal Popup with Cookie Integration bővítmény segítségével létrehozhatunk 1 db tetszőleges tartalmú felugró ablakot a honlapunkon.

A bővítményt a Vezérlőpult > Bővítmények  menüpontban tudjuk bekapcsolni, ha kikeressük a WP Modal Popup with Cookie Integration plugint (a keresőmezőben a popup szóra is ki fog jönni).


A plugin használata / opciók:

A plugin bekapcsolás után az admin felület bal oldali menüsávjában lesz elérhető WP PopUp néven.

Általános beállítások (general settings)

  • Enable plugin: a popup megjelenés ki/bekapcsolása
  • Main Heading: a popup főcíme
  • Sub Heading: a popup alcíme
  • Popup Content: a popup szöveges/képes tartalma.
  • Popup Design: „Simple” opciót kell kiválasztani
  • Popup Delay: hány másodperccel később jelenjen meg a popup az oldal betöltése után. Alapértelmezett és javasolt 0.
  • Popup Disappear: hány másodperc múlva tűnjön el automatikusan a popup. Alapértelmezett és javasolt 0.
  • Popup Expiry Time: hány napig ne lássa a felhasználó a poput-ot, ha már látta egyszer. Alapértelmezett 0 (minden oldalbetöltéskor) – javasolt nagyobb mint 0 – információ függő.
  • Hide Close Button: jobb felső bezárás gomb elrejtése. Bekapcsolása (tehát a gomb elrejtése) csak akkor javasolt, ha rakunk kézi bezárógombot (lsd. lejjebb) vagy van beállítva Popup Disappear
  • Close on Esc: a popup bezárható az ESC billentyűvel. Alapértelmezett és javasolt állapot: bekapcsolva hagyni

Megjelenés (apparence settings)

  • Popup Height and Width: a popup maximális szélessége és magassága. Tartalomfüggő. Javasolt: 540×540 – ha ettől szélesebb kell, akkor tetszőlegesen lehet állítani (akár százalékban is). Ha magasabb szintén, viszont a kisméretű mobilokon (pl.: iPhone 5) való normál megjelenítéshez, a magasság nem lehet nagyobb mint 540px. A plugin ekkor overflow-s sávot kap, és kényelmesen görgethető lesz.
  • Popup Background Color: a popup háttere, lehetőleg fehér (#ffffff) legyen
  • Popup Fonts Color: a popup betűszíne, lehetőleg fekete (#000000) legyen, de mindenképp olvasható legyen a választott háttérszínen
  • Popup Border Width: a popup kerete, 0 ha nincs keret
  • Popup Border Radius: ha van keret, akkor a rádiusza. Javasolt max.: 5
  • Popup Border Color: ha van keret, akkor a színe. Javasolt: #1f4287 (SE kék)

Saját bezárás gomb (opcionális):

Lehetőség van saját bezárás gomb hozzáadására.

A Popup Content részbe kell megadni a saját link gombunkat az alábbiak szerint:
Fontos, hogy a Popup Content szerkesztődoboz HTML nézetben legyen a gomb beillesztéskor.

<a class="btn btn-block btn-primary text-white wp-popup-plugin-close" style="cursor: pointer;">Teljes width</a>
<a class="btn btn-sm btn-primary text-white wp-popup-plugin-close" style="cursor: pointer;">Kisebb</a>
<a class="btn btn btn-primary text-white wp-popup-plugin-close" style="cursor: pointer;">Nagyobb</a>
<a class="btn btn-sm float-left btn-primary text-white wp-popup-plugin-close" style="cursor: pointer;">Kisebb bal</a>
<a class="btn btn-sm float-right btn-primary text-white wp-popup-plugin-close" style="cursor: pointer;">Kisebb jobb</a>

Az Teljes widthKisebbNagyobb stb. helyére írhatjuk a saját gomb szövegünk.