# 152: WordPress (Lodge) pieteikšanās lapas veidošana - CSS-triki

Anonim

Mūsu “logrīkam” The Lodge vietnes sānjoslā (tiek rādīts lielākajā daļā lapu, ieskaitot mājas lapu) ir divi stāvokļi. Viens ir paredzēts, kad lietotājs ir atteicies, un viens, kad lietotājs ir pieteicies. Atteiktajam stāvoklim ir tieši pieteikšanās veidlapa, lai pašreizējiem dalībniekiem būtu vienkāršs veids, kā ieiet.

Mēs kādreiz izmantojām iebūvēto funkciju wp_login_form (), kas ir diezgan foršs, lai nodrošinātu WordPress, taču mēs vēlamies nedaudz kontrolēt iezīmēšanu. Tas ļaus mums pievienot klases un vēl neko, lai to veidotu tā, kā mēs vēlamies.

Tomēr ir vairākas situācijas, kurās mūsu pielāgotā pieteikšanās forma nedarbosies, un mums būs jāizmanto noklusējuma WordPress pieteikšanās skats. Tas ir, tas, ko redzat, apmeklējot /wp-login.php. Piemēram, ja iesniedzat nepareizu paroli, tiksiet novirzīts uz šo lapu. Vai arī, ja vēlaties reģistrēties vietnei (neizmantojot Restrict Content Pro) vai pat atiestatīt paroli, to izdarīsit, izmantojot šo /wp-login.php lapu. Tāpēc es domāju, ka vislabāk būtu, ja mēs veidotu šo lapu tā, lai tā justos kā profesionāla darbība, nevis tikai “kāda WordPress vietne”. Turklāt mēs šeit varam izmantot savu zīmolu, proti, mūsu sniegoto kajīti.

Lai iegūtu kontroli, mēs funkcijās.php failā izmantojam pāris WordPress “āķus”, lai ielādētu pielāgotu CSS failu. Tas ir viss, kas mums nepieciešams, lai aizķertu dizaina kontroli.

Mēs pavadām atlikušo laiku, izmantojot CSS failu, lai izveidotu pieteikšanās lapu. Mēs padarām salonu diezgan neskaidru, kas, manuprāt, ir forši izskata efekts. Tas kaut kā saka: “Salons ir tur atpakaļ! Piesakieties un viss kļūs skaidrs! ”. Kā jauku prēmiju, izplūdušas fotogrāfijas kā JPG.webp var iestatīt diezgan zemā kvalitātē, kas ir labi, jo mēs to izmantojam diezgan lielu kā pilnas lapas fona attēlu.