Viena lieta, ko es nesaprotu, ir tā, ka WordPress pēc noklusējuma vēl neietver vienkāršu, bet pilnīgu kontaktu veidlapu.
Tā kā es regulāri veicu WordPress optimizācijas darbus gan šeit, gan trešo pušu vietnēs, es bieži vien aizvietoju nevajadzīgi uzpūstus spraudņus ar opcijām, blokiem un rotājumiem, kas nekad netiek izmantoti vai nav nepieciešami, izmantojot kodu, lai atvieglotu slodzi.
Šī kontaktu veidlapa ir pilnīgs un pielāgojams WordPress risinājums, kas ir izstrādāts, lai būtu drošs, viegli lietojams un ievērotu lietotāju konfidencialitāti. Turklāt varat pievienot vai noņemt opcijas pēc saviem ieskatiem. Šo veidlapu izmantoju šeit.
Šīs ir tās galvenās funkcijas un iespējas, kā arī norādījumi, kā to pievienot jebkurai bloga lapai vai ziņai, izmantojot īsu kodu.
Struktūra un iespējas
1. Veidlapu lauki
- Nosaukums: Obligāts lauks, kurā lietotājs var ievadīt savu vārdu.
- E-pasta adrese: Obligāts lauks, kurā lietotājs var ievadīt savu e-pasta adresi.
- Ziņojums: obligāts lauks, kurā lietotājs var ierakstīt savu ziņojumu. Tajā jābūt vismaz 15 rakstzīmēm, bet ne vairāk kā 1000 rakstzīmēm. Ziņojuma tekstā nav atļauts izmantot saites vai e-pasta adreses.
- Summas kaptcha: vienkārša kaptcha, kas lietotājam pieprasa atrisināt divu nejaušu skaitļu summu no 1 līdz 9.
- Privātuma politikas akceptēšana: Obligāta izvēles rūtiņa, lai pirms veidlapas nosūtīšanas akceptētu privātuma politiku.
Apstiprinājumi un drošība
- Obligāto lauku validācija: visi lauki ir obligāti. Ja kāds no tiem trūkst, tiek parādīts kļūdas ziņojums.
- Saites apstiprināšana: Nosaukuma vai ziņojuma laukos nav atļauts izmantot saites (URL).
- Papildinājuma kaptcha: novērš automatizētu surogātpasta sūtīšanu, pieprasot lietotājam atrisināt vienkāršu matemātisku darbību.
- Google reCAPTCHA (pēc izvēles): ja ir konfigurēti Google reCAPTCHA taustiņi, tiek pievienots otrs drošības līmenis, lai novērstu robotu darbību. Ja kodam nav pievienotas reCAPTCHA atslēgas, kods netiks pievienots veidlapai.
- Aizliegto vārdu apstiprināšana: pēc izvēles ziņojumā var bloķēt konkrētus vārdus, piemēram, ananāsi, pica, bitcoin (atdalīti ar komatu un bez atstarpēm).
- Nonce drošība: aizsargā pret CSRF (Cross-Site Request Forgery) uzbrukumiem.
3. Konfidencialitāte
- Nav datu glabāšanas: netiek glabāti nekādi lietotāja dati (ne e-pasti, ne IP adreses, ne atsauces URL, nekas). Šī pieeja atbilst privātuma noteikumiem, piemēram, VDAR, jo netiek vākti vai glabāti nekādi personas dati.
- Konfidencialitātes politika: ietver saiti uz konfidencialitātes politiku, kas lietotājam jāizlasa un jāapstiprina pirms veidlapas nosūtīšanas.
4. Atgriezeniskās saites ziņojumi
- Kļūdu ziņojumi: tiek parādīti blokā veidlapas augšdaļā, ja validācijā ir kļūdas.
- Veiksmes ziņojums: Pēc veiksmīgas veidlapas iesniegšanas zaļā krāsā, 14px izmērā un treknrakstā tiek parādīts veiksmes ziņojums:"Paldies! Jūsu ziņojums ir nosūtīts". Šo tekstu un tā formatējumu varat mainīt kodā. Pārējie stili, piemēram, dzeltenais fons, šeit redzamā veidlapu saturošā lodziņa apmales un ēna, kā arī citi ārējie elementi nav iekļauti kodā, jo tie ir pievienoti ar konteinera GenerateBlocks palīdzību.
5. Personalizēšana
- Captcha teksts: Pielāgojams (noklusējuma iestatījums: "Vai esat cilvēks? Atrisiniet šo summu:").
- Aizliegtie vārdi: var pievienot ar komatu atdalītu aizliegto vārdu sarakstu.
- Google reCAPTCHA: Pēc izvēles, pievienota tikai tad, ja konfigurējat un pievienojat vietnes un slepeno atslēgu captcha kodu.
6. Veiktspēja
Kods pārbauda, vai īsceļu kods ir klāt, un, ja īsceļu kods nav klāt, tas netiks parādīts nekas, tāpēc tas darbosies tikai lapā vai post, kur īsceļu kods ir pievienots.
Veiktspēja tur, kur tā ir parādīta, ir optimāla.
Uzstādīšanas un konfigurēšanas instrukcijas
1. Kopējiet un pievienojiet kodu
- Atveriet savas WordPress tēmas failu functions.php (vai izveidojiet pielāgotu spraudni, ja nevēlaties mainīt tēmu vai izmantot Code Snippets).
- Kopējiet un ielīmējiet pilnu veidlapas kodu failā functions.php.
2. Google reCAPTCHA iestatīšana (pēc izvēles)
- Dodieties uz Google reCAPTCHA.
- Izvēlieties reCAPTCHA v2 un atzīmējiet izvēles rūtiņu "Es neesmu robots".
- Reģistrējiet savu vietni un saņemiet atslēgas:
- Vietnes atslēga
- Slepenā atslēga
- Veidlapas kodā aizstāt
'YOUR_SITE_KEY'un'YOUR_SECRET_KEY'ar iegūtajām atslēgām.- Ja nevēlaties izmantot reCAPTCHA, atstājiet atslēgas tādas, kādas tās ir. Tas ir, šādi: (
"YOUR_SITE_KEY"un"YOUR_SECRET_KEY").
- Ja nevēlaties izmantot reCAPTCHA, atstājiet atslēgas tādas, kādas tās ir. Tas ir, šādi: (
3. Aizliegto vārdu iestatīšana (pēc izvēles)
1 - Veidlapas kodā atrodiet rindu:
$palabras_prohibidas = ' ';2 - Pievienojiet vārdus, kurus vēlaties bloķēt, atdalot tos ar komatiem. Piemēram:
$palabras_prohibidas = 'caca,culo,pedo,pis';Ja nevēlaties bloķēt nevienu vārdu, atstājiet mainīgo tukšu.
4. Pielāgojiet summas captcha tekstu (pēc izvēles)
Veidlapas kodā meklējiet šo rindu:
<label for="captcha">¿Eres humano? Resuelve esta suma: <strong><?php echo $num1; ?> + <?php echo $num2; ?> = </strong></label>Mainiet tekstu "Vai esat cilvēks? Atrisiniet šo summu:" ar to, ko vēlaties parādīt.
5. Pievienojiet konfidencialitātes politikas URL
Šajā rindā aizstāt piemēra url ar jūsu vietnes konfidencialitātes politikas URL:
$politica_privacidad_url = 'https://tuweb.com/declaracion-de-privacidad/';6. Īsais kods
Pievienojiet saīsnes kodu lapā vai amatā, kurā vēlaties, lai tiktu parādīta veidlapa.
[formulario_contacto]Visbeidzot, jums būs tikai jāpārbauda, lai pārliecinātos, ka e-pasta vēstules tiek nosūtītas un saņemtas, un jānovēro, kā tās tiek izmantotas, lai novērstu to, ka nemitīgie surogātpasta sūtītāji iefiltrē savu sūdus, sarežģījot matemātisko kapthu un/vai aktivizējot abas kapthas vienlaicīgi. Kods vienmēr var tikt uzlabots, un to var atkļūdīt un optimizēt. To var arī tulkot, ja nepieciešams to izmantot citā valodā.
Ja atkarībā no rezultāta veiksim izmaiņas vai uzlabojumus kodā, es šeit pievienošu piezīmes.
Pilnu kodu var atrast 2. lappusē
