Létrehozása egy regisztrációs űrlapot wordpress

1. lépés: Layout WordPress regisztrációs űrlap

Először tegyük a gombra a lap tetején, cseréje alapján alapértelmezett.

Létrehozása egy regisztrációs űrlapot wordpress

Szükségünk van egy keret hozzunk létre egy jelölést. Nyílt header.php és bárhol helyezze az alábbi kódrészletet.

Szeretné gyorsan megtanulják, hogyan kell létrehozni weboldalak és blogok WordPress egyedi design?

Szerezd meg a teljes egészében RuNet szabad teremtés a WordPress honlap képzési rendszer

Figyeljük meg, hogy én a display: none, hogy elrejtse alkotják a kezdet.

2. lépés: CSS

CSS meglehetősen egyszerű; Csak gyorsan modellezni a forma PhotoShop”.

Formatervezés, a következők kivételével: (Megjegyzés: ellenőrizze a stílusok költöztem a display: none a jelölésben)

Létrehozása egy regisztrációs űrlapot wordpress

Ezután indítsa befejezni a blokk.

Létrehozása egy regisztrációs űrlapot wordpress

Most alkalmazásával egy kis fantázia, rendeljen stílusok szöveges input-am.

Létrehozása egy regisztrációs űrlapot wordpress

Most kérem a gombstílusok helyett a kép az alapértelmezett gomb, és adjunk hozzá egy állapotot indukált egér (hover).

Létrehozása egy regisztrációs űrlapot wordpress

Végül adjunk hozzá egy kis józan stílusok.

Will! Itt a formában. Most nyomja alkalmassága jQuery.

Létrehozása egy regisztrációs űrlapot wordpress

3. lépés: jQuery

Először meg kell tartalmaznia jQuery WordPress. Ehhez meg kell tenni a következő kódrészletet a címke elé header.php fájlt. Ne feledje, hogy maga is a jQuery WordPress, és potenciálisan nem kell letölteni kétszer!

Szeretné gyorsan megtanulják, hogyan kell létrehozni weboldalak és blogok WordPress egyedi design?

Szerezd meg a teljes egészében RuNet szabad teremtés a WordPress honlap képzési rendszer

Töltse Fancybox, és tegyük egy mappát WordPress. További egyszerűsítése, én létrehozott egy mappát „Tartalmazza”.

Ezután nyissa meg footer.php fájlt, és helyezze el a következő címkét, mielőtt

Most, nevezzük a fancybox módszer; tedd után a fenti kódot, mielőtt a záró címke szervezetben.

Végünk! A forma jön létre; a végén, csak meg kell adni a szükséges információkat WordPress hogy működjön rendesen.

Létrehozása egy regisztrációs űrlapot wordpress

4. lépés: WordPress

Ez nem meglepő, Most csak két WordPress fragmentum, elrejtve a wp-login.php fájlt.

A végső kódot kell kinéznie:

Felhívjuk figyelmét, hogy valójában fontos és szükséges -, hogy a nevét és azonosítóját a szövegbevitel-e éppen USER_LOGIN; ugyanez igaz az input - egy e-mail. Különben semmi nem fog működni.

És ugyanakkor kész vagyunk!

következtetés

Morzsákat kódot, és könnyen kiigazítást, tudtuk, hogy építsenek egy nagy néz ki a regisztrációs űrlapot WordPress nélkül plugins a felhasználók számára. Mit gondol?

Fordította és szerkesztette: Victor Horn és Andrew Bernátsky. webformyself csapat.

Szeretné gyorsan megtanulják, hogyan kell létrehozni weboldalak és blogok WordPress egyedi design?

Szerezd meg a teljes egészében RuNet szabad teremtés a WordPress honlap képzési rendszer

A legtöbb IT hírek és webfejlesztés A csatorna-távirat

Létrehozása egy regisztrációs űrlapot wordpress

Most nézd persze a munkaszervezés dinamikus formák!

Kapcsolódó cikkek