Ugrás a fő tartalomhoz

DiviPasswords

Mi ez és milyen problémát old meg?​

A DiviPasswords egy Divi-bővítmény, amellyel jelszóval zárható bármely Divi-elem (szekció, sor, oszlop, modul – beleértve a DonDivi modulokat is). A lényege: a védett HTML-t a rendszer teljesen eltávolítja a DOM-ból, és csak akkor illeszti vissza, amikor a látogató helyes jelszót ad meg. Így a tartalom nem bukkan fel az oldal forrásában, és nem olvasható ki egyszerű vizuális eszközökkel.

Ezzel gyorsan megoldhatod azokat a helyzeteket, amikor csak egy-egy blokkot szeretnél védeni (pl. prémium letöltés, űrlap, árlista-részlet), anélkül, hogy komplett tagsági rendszert építenél.

Megjegyzés: Ne keverd össze más, hasonló nevű bővítményekkel; a DiviPasswords natív Divi-integrációt és elem-szintű beállítást használ.

Fő funkciók, érthetően​

  • Elem-szintű védelem: Bármely Section, Row, Column vagy Module jelszó mögé zárható. Így nem az egész oldal, csak a kijelölt rész lesz védett.
  • Teljes DOM-elrejtés: A védett HTML-t a rendszer nem rendereli, amíg nincs feloldás. Ez mérsékli a “forrásból kiszivárgás” kockázatát.
  • Testreszabható beléptető űrlap: Cím (alap: “RESTRICTED ACCESS”), helyőrző, gombszöveg, űrlapszín, valamint lakat ikon vagy saját kép választható, hogy passzoljon a designhoz.
  • Jelszó megjegyzése (opció): Munkamenet-süti (cookie neve: divi_passwords). A böngésző bezárásakor lejár, így jó kompromisszum a kényelem és biztonság között.
  • Natív beállítási hely: Az adott Divi elem paneljén, az Advanced > Password fülön kapcsolhatod és konfigurálhatod.
  • Jelszó-szabályok: A mező nem lehet üres; tiltott karakterek: &, <, >.

Hogyan működik?​

A bővítmény a védett elemet ideiglenesen jelszóűrlapra cseréli. Sikeres ellenőrzés után kéri le és illeszti vissza a tartalmat a DOM-ba. A folyamatot WordPress noncék védik; ha ezeket a noncékat agresszívan cache-eli a tárhelyed vagy a pluginod, hibaüzenetet láthatsz. Ilyenkor állítsd a cache élettartamát kb. 10–12 órára a noncék lejáratához igazítva.

Konkrét, gyakorlati példák​

  • Prémium letöltések: Egy gomb és a fájl-URL csak jelszó után kerül a DOM-ba.
  • Űrlapok védelme: Partneri vagy belső regisztrációs űrlapot zárolhatsz, így nem minden látogató tölti ki.
  • Prémium szekciók: Árazási oldalon “rejtett” csomagajánlat, ami csak meghívott ügyfeleknek látható.
  • E-mail aláírások, kontaktblokk: Csak bizonyos partnereknek jelenjen meg egyedi elérhetőség.

Telepítés és első lépések​

  1. Követelmény: aktív Divi Theme.
  2. Telepítés: Plugins > Add New > Upload (ZIP feltöltése), majd aktiválás.
  3. Ha DonDivin keresztül vásároltad: licenc megadása a WordPress adminban (DonDivi > Licenses).
  4. Használat:
    • Nyisd meg a védendő elemet a Divi Builderben.
    • Advanced > Password: kapcsold be a Password Protection-t.
    • Adj meg jelszót (ne használj &, <, > karaktereket).
    • Állítsd be a cím/placeholder/gombszöveg/űrlapszín mezőket, valamint ikont vagy képet.
    • Opcionálisan engedélyezd a Remember Password funkciót.
    • Mentsd az oldalt és tesztelj bejelentkezett és inkognitó ablakban is.

Haladó testreszabás​

  • CSS horgok (gyakori szelektorok): 
    .dd-password-protect, form, .et-pb-icon, h4, .dd-password, .dd-password-error, button
  • JS esemény: Tartalom feloldásakor divipasswords esemény fut. Használd JS-függő elemek újrainicializálására: 
    document.addEventListener('divipasswords', (e) => {
      // pl. slider/galéria/3rd-party modul újraindítása
    });
  • Egyedi modulok támogatása: Add hozzá a saját modul slugját a filterhez: 
    add_filter('divi_passwords_supported_modules', function ($modules) {
        $modules[] = 'my_custom_module_slug';
        return $modules;
    });

Hibaelhárítás​

  • “An error has occurred” üzenet: jellemzően cache-elt nonce okozza. Állítsd a cache TTL-t 10–12 órára, ürítsd a gyorsítótárat, majd próbáld újra.
  • “Széteső” JS-elemek feloldás után: az init kód a betöltéskor futott, a védett HTML viszont csak később került a DOM-ba. Oldd meg a divipasswords eseményre való újrainicializálással vagy használj Divi/DonDivi natív modulokat.

Előnyök és értékajánlat​

  • Perc alatt használható elem-szintű zárás, tagsági rendszer nélkül.
  • Kevesebb kiszivárgás: a védett HTML nem jelenik meg a forrásban feloldásig.
  • Natív szerkesztőélmény: nincs shortcode-kényszer; minden a megszokott Divi panelen.
  • Fejlesztőbarát: CSS szelektorok, JS esemény és filter a finomhangoláshoz.
  • Költséghatékony: gyors megoldás light-membership jellegű igényekre.

Kinek ajánlott?​

  • Divi-t használó webes ügynökségeknek: gyorsan átadható, ügyfél-specifikus zárt blokkok.
  • Tartalomkészítőknek és oktatóknak: prémium anyagok és letöltések szekciószinten védhetők.
  • Kisvállalkozásoknak: zárt ajánlatok, partneri űrlapok, belső információk.
  • Fejlesztőknek: egyedi modulok és JS-függő komponensek kontrollált feloldása.

Árazás és elérhetőség – összkép​

A DiviPasswords önálló termékként is elérhető, és a DonDivi bővítmények az Elegant Themes felvásárlását követően bizonyos Divi Pro szolgáltatáscsomagok részeként bónuszként is hozzáférhetők. A pontos hozzáférés és ár időszakonként változhat.

Fontos különbségtétel​

Létezik más, hasonló nevű “protect” bővítmény is a Divi ökoszisztémában, eltérő kezelőfelülettel és működéssel. Ez az oldal kifejezetten a DiviPasswords bővítményt dokumentálja.