Share
Recent, am avut un client care vrea o pagină protejată de WordPress, fără probleme! Apoi sa întors și a spus, poți schimba textul și fă-o să arate mai bine? Hmm? Sigur! Iată cum să?
Bine, să deschidem fișierul functions.php și să adăugăm acest bloc de cod:
ID)? rand (): $ post-> ID); $ o = '
?TEXTUL EXTRA POT FI AICI? Aceasta va arăta mai jos formularul
„; returnează $ o; ?>Permiteți-mi să disecționez acest lucru foarte rapid pentru tine. Codul de protecție a parolei este generat dintr-un fișier din folderul wp-inclus. "Cool", credeți, "Voi intra acolo și voi face schimbările mele". Nu o face! Temptând așa cum este, editarea codului de bază este o idee groaznică, scăzută, nici o idee bună. Pentru un motiv: Ce se întâmplă dacă actualizați WordPress? Se șterge? îmi pare rău. Bine, punând astfel acest bloc de cod în fișierul functions.php, lăsați să îl modificați și să nu vă faceți griji că pierdeți orice modificare a formularului atunci când actualizați.
După cum puteți vedea, am adăugat cursuri la formularul însuși, eticheta formei, câmpul de parolă, precum și butonul. Acum avem tot ceea ce avem nevoie pentru ao completa complet cu CSS. Și, de fapt, nu schimbăm nimic în directorul wp-include, deci nu încălcăm regulile.
Textul cu majuscule de mai sus vă arată și ce am schimbat? primul set de text:
Aceasta este noua ta parolă INTRO TEXT care se afișează deasupra formularului de parolă
După cum puteți vedea, a fost textul introducerii dvs.? obișnuia să spună acest lucru:
Acest post / pagină este protejat prin parolă. Pentru ao vizualiza, vă rugăm să introduceți parola mai jos
Acum putem schimba textul dorit acolo. Puteți chiar să ștergeți totul între aceste citare și să nu aveți nimic de afișat acolo deloc.
Eticheta implicită afișată în partea stângă a câmpului de introducere este Parolă. Aici puteți schimba ceea ce doriți să spuneți. În cazul meu, i-am atribuit o clasă a luat eticheta în css prin punerea de afișare la nici unul.
.inscripționați display: none;
De asemenea, puteți modifica dimensiunea fontului, culoarea, lucrările la această etichetă
Îmi place modul în care se uită formele, dar cu această adăugire la câmpul implicit de introducere a parolei, sunt capabil să facă să pară puțin mai "actualizat". Simțiți-vă liber să-l schimbați, totuși considerați potrivit.
În codul funcțiilor, am adăugat o clasă la butonul de trimitere numit "buton". Am facut acest lucru pentru ca am vrut ca toate butoanele de pe site-ul clientului meu sa arate exact la fel. Uniformitatea într-un site este esențială. Iată CSS-ul pe care l-am folosit:
.butonul background-color: # 000; Culoare: #fff; frontieră: 0; font-family: Impact, Arial, sans-serif; marja: 0; înălțime: 33px; umplutura: 0px 6px 6px 6px; font-size: 15px; cursor: pointer;
Din anumite motive, am fost săturar când m-am plimbat peste buton, așa că am schimbat cursorul pentru a arăta indicatorul și sa întors în mână pe hover.
A trebuit să adaug o notă mică pentru a spune oamenilor că domeniul parolei este sensibil la minuscule, pentru a adăuga un text suplimentar sub formular, tocmai am adăugat un cod paragraf și l-am inserat o etichetă de stil pentru a modela textul separat de restul pagină.
Și am terminat!
Accentsconagua