Wordpress

Hogyan készítsünk egyéni WordPress bejelentkezési űrlapot (és miért érdemes)

Valószínűleg rengeteget dolgozott a WordPress-webhely felépítésén, és annak érdekében, hogy jól nézzen ki a kezelőfelületen. Előfordulhat azonban, hogy figyelmen kívül hagy egy fontos szempontot: a WordPress bejelentkezési űrlapját.

Számos oka van a WordPress bejelentkezési űrlapjának testreszabására, például a biztonság javítása, a márkaismertség növelése és a felhasználói élmény javítása érdekében. Ezen okok bármelyike ​​elegendő ahhoz, hogy meggyőzze Önt arról, hogy elhagyja a WordPress alapértelmezett bejelentkezési képernyőjét. Ez az egyszerű változtatás meglepően kiváló módja a webhely fejlesztésének.

Ebben a bejegyzésben megvitatjuk az egyéni WordPress bejelentkezési űrlap létrehozásának előnyeit. Ezután bemutatunk néhány eszközt, amelyek segítségével könnyedén elvégezheti ezt a feladatot, beleértve a legjobb egyéni bejelentkezési oldal bővítményeket, amelyek közül választhat. Lássunk neki!

Miért előnyös az egyéni WordPress bejelentkezési űrlap az Ön webhelye számára?

WordPress webhelytulajdonosként szinte biztosan ismeri a WordPress alapértelmezett bejelentkezési űrlapját. Tökéletesen működőképes, de kinézetre csupasz csontok. Lásd az A kiállítást:

Fő WordPress bejelentkezési űrlap

Ezenkívül a WordPress alapvető biztonsági beállításain (például erős jelszavakon) kívül semmilyen különleges biztonsági funkciót nem kínál a hackerek és más nemkívánatos személyek adminisztrációs területétől való távoltartására. Ezen okok miatt az Ön bejelentkezési űrlapja annyi figyelmet érdemel, mint webhelye bármely más területe.

Íme néhány a WordPress bejelentkezési űrlap testreszabásának előnyei:

  1. Jobb biztonság. Megvédheti bejelentkezési oldalát azzal, hogy a bejelentkezési űrlapot átirányítsa egy egyedi URL-re, ami megnehezíti a hackerek számára, hogy megtalálják bejelentkezési oldalát. Ezenkívül korlátozhatja, hogy egy személy hányszor jelentkezhet be, vagy akár többtényezős hitelesítést is hozzáadhat.
  2. Márkaépítési konzisztencia. A márkajelzés kiterjesztése a bejelentkezési űrlapra lehetővé teszi a konzisztencia fenntartását webhelye többi részével, így a felhasználók és a csapattagok egységes élményben részesülnek. Ráadásul, ha közösségi bejelentkezéseket ad hozzá a WordPresshez, az olvasói vagy tagjai még könnyebben bejelentkezhetnek és megoszthatják tartalmait.
  3. Továbbfejlesztett navigáció. A bejelentkezési űrlap segítségével további navigációt biztosíthat végfelhasználói számára. Közvetlenül a bejelentkezési képernyőn linkelhet közösségi média profilokat, vagy akár speciális ajánlatokat is megjeleníthet.
  4. Továbbfejlesztett felhasználói élmény. Testreszabhatja bejelentkezési űrlapját, hogy a végfelhasználókat bármely választott oldalra irányítsa, például egy személyre szabott profiloldalra vagy egy speciális promócióra, vagy egyéni üzeneteket is létrehozhat.

Ez csak néhány az egyéni bejelentkezési űrlap előnyeiből. Az első azonban a legfontosabb. Mindig a biztonságot kell szem előtt tartania, amikor a webhely bármilyen változtatásáról dönt, és ebben az esetben néhány egyszerű módosítással nagyban javíthatja azt.

Hasznos eszközök egyéni WordPress bejelentkezési űrlap létrehozásához

Mostanra megértette, hogy miért érdemes módosítani a WordPress bejelentkezési űrlapját. Szerencsére rengeteg beépülő modul létezik, amelyek segíthetnek (plusz, sok más WordPress-űrlap testreszabására is használható). A következő lehetőségek az elérhető legjobbak közé tartoznak, kiváló szolgáltatáskészlettel és megbízhatósággal.

ProfilePress felhasználói regisztráció, front-end bejelentkezés és felhasználói profil WordPress beépülő modul

ProfilePress felhasználói regisztráció

Információ és letöltés A bemutató megtekintése

A ProfilePress egy praktikus bővítmény, amely lehetővé teszi a WordPress egyéni bejelentkezési adatainak testreszabását, regisztrációját, jelszó-visszaállítását és a profilűrlapok szerkesztését. Használhatja az egyes felhasználók számára egyedi felhasználói profilok létrehozására is.

Nem kell újra feltalálnia a kereket azáltal, hogy az űrlapokat a nulláról készíti, és a szerveroldali érvényesítéssel, hitelesítéssel és engedélyezéssel foglalkozik. Engedje meg, hogy a ProfilePress mindent és még sok mást intézzen Ön helyett. Érdemes megjegyezni, hogy a ProfilePress rövid kódokat használ. Tehát ahelyett, hogy az űrlapokat HTML-ben kódolná, mint általában, egyszerűen illesszen be egy rövid kódot. A rövid kódok rugalmassága lehetővé teszi az alábbi képen látható bejelentkezési űrlap használatát.

A ProfilePress gyönyörű, használatra kész sablonokat is tartalmaz. Ezeknek az előre elkészített sablonoknak a használata nagyon egyszerű; egyszerűen másolja és illessze be a sablon rövid kódját egy WordPress oldalra, majd mentse. Nézze meg az űrlapot élőben. Egyszerű mint az egyszer-egy.

A ProfilePress számos egyéb izgalmas funkciót is tartalmaz, beleértve: regisztrált felhasználók moderálását, közösségi bejelentkezés Facebookon, Twitteren, LinkedInen, Google-on, GitHubon és VK.com-on keresztül, jelszó nélküli felhasználói bejelentkezés, integráció a BuddyPress, BbPress, MailChimp, CampaignMonitor, Polylang, Multisite stb.

Főbb jellemzők:

  • Lehetővé teszi a bejelentkezési űrlapok, a regisztrációs űrlapok és a jelszó-visszaállítási űrlapok testreszabását
  • Élő előnézeteket biztosít a tervezési folyamat megkönnyítése érdekében
  • Lehetővé teszi a bejelentkezések, regisztrációk és jelszó-visszaállítások átirányítását egyéni oldalakra
  • Többoldalas integrációt kínál, amely lehetővé teszi a felhasználók számára, hogy új webhelyeket hozzanak létre egy előtér-bejegyzési űrlapon keresztül
  • Lehetővé teszi a felhasználók számára avatarok feltöltését, valamint moderálást és közösségi médiával kapcsolatos funkciókat biztosít (prémium verzió)

Egyéni bejelentkezési oldal testreszabása Ingyenes WordPress beépülő modul

Egyéni bejelentkezési oldal testreszabása Ingyenes WordPress beépülő modul

Információ és letöltés

Ha gyors és egyszerű módot keres WordPress bejelentkezési űrlapja testreszabására, akkor az Egyéni bejelentkezési oldal testreszabása nagyszerű lehetőség. Az ismerős élő testreszabást használja, egyszerű lehetőségekkel a logó, a háttér, a kitöltés, az űrlapmezők és a gombok módosítására. Ezenkívül bármikor hozzáadhat egy kis egyéni CSS-t a fejlettebb változtatásokhoz.

Főbb jellemzők:

  • Könnyen használható tervezési lehetőségek
  • Ismerős testreszabási felület
  • Tekintse meg a változtatások előnézetét a végrehajtás során

Admin egyéni bejelentkezési oldal Ingyenes WordPress beépülő modul

Admin egyéni bejelentkezési oldal beépülő modul

Információ és letöltés A bemutató megtekintése

A WordPress bejelentkezési oldal testreszabása beépülő modul segítségével egyszerűen személyre szabhatja bejelentkezési űrlapját, hogy az pontosan jól nézzen ki. Lehetővé teszi a színek módosítását, háttérkép hozzáadását, és akár háttérdiavetítés létrehozását is. A testreszabási funkciókon túl ez a beépülő modul érzékeny a mobilwebhelyekre, és integrálva van a Google Fonts szolgáltatással.

Főbb jellemzők:

  • Lehetővé teszi a felhasználók átirányítását egy egyéni bejelentkezési űrlap URL-címére
  • Lehetővé teszi bejelentkezési űrlapjának testreszabását színekkel és háttérmédiával
  • Tartalmazza a közösségi média csatlakozási funkciókat

LoginPress Egyéni bejelentkezési oldal testreszabása Ingyenes WordPress beépülő modul

LoginPress Egyéni WordPress bejelentkezési űrlap testreszabása

Információ és letöltés

A LoginPress egyszerűvé és intuitívá teszi a WordPress bejelentkezési űrlap testreszabásának folyamatát. Lehetővé teszi bejelentkezési oldalának szerkesztését közvetlenül a WordPress irányítópultjáról, valamint testreszabott mezők és üzenetek hozzáadását a felhasználók számára. Ezen kívül rengeteg olyan dizájnorientált funkció található, amelyek segítenek a webhely többi részének márkajelzéséhez és stílusához igazodni.

Főbb jellemzők:

  • Lehetővé teszi egyéni logók és hátterek hozzáadását a bejelentkezési űrlaphoz
  • Lehetővé teszi a gombok és egyéb elemek színének módosítását
  • Lehetőséget biztosít egyéni hiba- és üdvözlőüzenetek létrehozására

White Label márkajelzés a WordPress Premium WordPress beépülő modulhoz

White Label márkajelzés a WordPress számára

Információ és letöltés A bemutató megtekintése

Ezzel a prémium beépülő modullal nemcsak a bejelentkezési űrlapot, hanem a teljes WordPress adminisztrációs területet is testreszabhatja. A White Label Branding for WordPress segítségével szabályozhatja, hogy a felhasználók mit lássanak a hozzárendelt szerepkörük (például szerkesztő vagy szerző) alapján, és szükség esetén elrejtsenek bizonyos területeket. Ez értékes extra biztonsági réteget hoz létre webhelye számára.

Főbb jellemzők:

  • Lehetővé teszi a WordPress adminisztrációs területének teljes testreszabását a felhasználói szerepkörök alapján
  • Lehetővé teszi testreszabás alkalmazását a bejelentkezési űrlapon és a háttérben, beleértve az emblémákat, faviconokat, fejléceket és lábléceket
  • Vizuális CSS-szerkesztőt kínál

Testreszabott bejelentkezési egyéni bejelentkezési oldal Premium WordPress beépülő modul

Testre szabott bejelentkezés egyéni bejelentkezési oldal beépülő modul

Információ és letöltés

A személyre szabott bejelentkezési bővítmény beépített stíluskezelővel rendelkezik a bejelentkezési űrlaphoz, és testreszabási lehetőségek széles skáláját kínálja. Lehetővé teszi opcionális widgetek hozzáadását, valamint személyre szabhatja a bejelentkezési terület hátterét, fejléceit, gombjait és még sok mást. A beépülő modul az iThemes tagság része, amely prémium támogatást és közösségi fórumot is tartalmaz.

Főbb jellemzők:

  • Stíluskezelőt biztosít, amely lehetővé teszi a színek, a betűtípusok és a widget területek testreszabását
  • Testreszabható bejelentkezési űrlapokat kínál szerkeszthető fejlécekkel, láblécekkel, gombokkal és hivatkozásokkal
  • Legfeljebb két widget-területet adhat hozzá a bejelentkezési oldalához
  • Bónusz: Ez a beépülő modul az iTheme Plugin Suite részeként érhető el, így ha már megvan a csomag, vagy érdekli az iTheme néhány más fantasztikus bővítménye, ez nagyszerű lehet

A WordPress bejelentkezési űrlap testreszabása

Most, hogy meglátta néhány hasznos eszközt, amellyel módosíthatja a WordPress bejelentkezési űrlapját, íme egy gyors áttekintés, hogyan kell ezt ténylegesen megtenni. Természetesen ezek a lépések a fent említett beépülő modulok mindegyikénél eltérőek lesznek. Ha olyan funkciókban gazdag beépülő modult választ, amely sok beállítást és opciót tartalmaz, kicsit tovább tarthat a WordPress bejelentkezési űrlapjának beállítása, de most bemutatjuk az egyik legegyszerűbb lehetőséget.

1. lépés: Telepítse a bejelentkezési űrlap beépülő modulját

Telepítse a bejelentkezési űrlap testreszabó beépülő modulját

Tehát a kezdéshez válassza ki a bővítményt, majd telepítse és aktiválja. Ha az Önnek tetsző beépülő modul a WordPress.org tárolójában található, akkor közvetlenül a WordPress irányítópultján találhatja meg Bővítmények> Új hozzáadása a keresőmező használatával. Például úgy döntöttünk, hogy az Egyéni bejelentkezési oldal testreszabását használjuk.

Ha a beépülő modul harmadik fél webhelyéről származik, akkor is meg kell keresnie a webhelyet Bővítmények> Új hozzáadása de ezután kattintson a „Plugin feltöltése” gombra. Innentől kezdve kövesse a képernyőn megjelenő utasításokat a bővítmény zip-fájljának feltöltéséhez és telepítéséhez.

2. lépés: Keresse meg a bejelentkezési űrlap beállításait

Bejelentkezési űrlap testreszabási beállításai

Ha a beépülő modul telepítve van és aktív, most meg kell próbálnia megtalálni a beépülő modul beállítási oldalát. Az Egyéni bejelentkezési oldal testreszabásához ezek a következők alatt találhatók Megjelenés > Bejelentkezési testreszabó. A többi beépülő modul megtalálható az Eszközök, Beállítások alatt, vagy akár a WordPress irányítópultjához hozzáadott új menülapon.

3. lépés: Kezdje el testreszabni a WordPress bejelentkezési űrlapját

Egyéni bejelentkezési oldal élő testreszabása

Ha megtalálta a beállításokat, ideje dolgozni! Ha vannak lehetőségek a beállítások oldalon, kezdje el módosítani azokat. Az általunk használt Egyéni bejelentkezési oldal testreszabó bővítményéhez először a „Testreszabás indítása” gombra kell kattintania, amely megnyitja a WordPress testreszabót.

Egyéni bejelentkezési oldal élő testreszabási beállításai

Ez a beépülő modul ismerős tervezési lehetőségeket használ a színekhez, hátterekhez, kitöltésekhez és egyebekhez.

Egyéni bejelentkezési oldal élő testreszabási stílus

Csak dolgozzon végig a rendelkezésre álló lehetőségeken, hogy létrehozza saját egyéni WordPress bejelentkezési űrlapját.

Egyéni bejelentkezési oldal Live Customizer CSS

Ó, és ha módosítania kell (vagy szeretne) valamit, ami nem érhető el beépített opcióként, mindig használhat egy kis egyéni CSS-t a módosításhoz. Az általunk használt Egyéni bejelentkezési oldal testreszabási bővítménye saját CSS-panelt tartalmaz, de az alapértelmezett WordPress testreszabásban van egy „További CSS” szakasz, amelyet Ön is használhat. A gyors Google-keresés általában a legegyszerűbb módja annak, hogy kitaláljuk, hogyan írjunk néhány sornyi CSS-t, de ha nem vagyunk biztosak benne, mindig láthatjuk, hogy a beépülő modul fejlesztője segít-e.

Ha végzett, ne felejtse el elmenteni. Ezt követően az új egyéni WordPress bejelentkezési űrlapodnak működnie kell!

Következtetés

Ha a WordPress webhelyről van szó, akkor annyi figyelmet szeretne fordítani az adminisztrációs terület módosítására, mint a kezelőfelületre. A bejelentkezési űrlap testreszabása segít a márkaépítésben, és nagyobb biztonságot és jobb felhasználói élményt nyújt.

Ebben a cikkben bemutattunk öt beépülő modult, amelyek segítségével létrehozhat egy egyéni WordPress bejelentkezési űrlapot, amely illeszkedik webhelyéhez, de lehet, hogy lemaradtunk a kedvencéről. Vannak más egyéni bejelentkezési űrlap-bővítmények, amelyeket érdemes megnézni? Tudassa velünk róluk az alábbi megjegyzések részben!

Kapcsolódó cikkek

0 Hozzászólások
Inline visszajelzések
Az összes hozzászólás megtekintése
Vissza a lap tetejére gombra