ഫോമുകൾ സൃഷ്ടിക്കുന്നതിന് നിരവധി വേർഡ്പ്രസ്സ് പ്ലഗിനുകൾ ഉണ്ട്. പ്രതികരണംനിങ്ങളുടെ ബ്ലോഗിലോ വെബ്സൈറ്റിലോ. ഏറ്റവും ശ്രദ്ധേയമായി, ഒരു കോൺടാക്റ്റ് ഫോം പോസ്റ്റുകളിലേക്കും നേരിട്ട് ഉൾച്ചേർക്കാനും ഇത് നിങ്ങളെ അനുവദിക്കുന്നു വേർഡ്പ്രസ്സ് പേജുകൾ(പല പ്ലഗിനുകളും നിങ്ങളെ ഉപയോഗിക്കാൻ നിർബന്ധിക്കുന്നു ഇഷ്ടാനുസൃത ടെംപ്ലേറ്റ്പേജിലേക്ക്, അതുവഴി അതിന്റെ എഡിറ്റിംഗ് പരിമിതപ്പെടുത്തുന്നു).

പേജിൽ ഫോം ഉൾച്ചേർക്കുന്നത് സാധാരണയായി മതിയാകും, എന്നാൽ ഉപയോക്താവ് ഞങ്ങളെ ബന്ധപ്പെടുക എന്ന ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ ഫോം ഒരു പോപ്പപ്പിൽ ദൃശ്യമാകണമെങ്കിൽ എന്തുചെയ്യും? അത്തരമൊരു ആഗ്രഹം സാക്ഷാത്കരിക്കാൻ, നിങ്ങൾ രണ്ടെണ്ണം ഉപയോഗിക്കേണ്ടതുണ്ട് വേർഡ്പ്രസ്സ് പ്ലഗിൻഅതേ സമയം: ഈസി ഫാൻസിബോക്സ്

1. ഒന്നാമതായി, പ്ലഗിനുകളും ഈസി ഫാൻസിബോക്സും ഇൻസ്റ്റാൾ ചെയ്യുക.

2. ലാളിത്യത്തിനായി ഞങ്ങൾ ഫോം ഉപയോഗിക്കും ബന്ധപ്പെടാനുള്ള ഫോം 7, ഉദാഹരണത്തിനായി ഇൻസ്റ്റാളേഷൻ സമയത്ത് പ്ലഗിൻ തന്നെ ഇതിനകം സൃഷ്ടിച്ചു. കോൺടാക്റ്റ് ഫോം ക്രമീകരണ പേജിൽ, നിങ്ങൾ പകർത്തി ഒട്ടിക്കേണ്ട ഫോം കോഡ് എടുക്കുക വേർഡ്പ്രസ്സ് എഡിറ്റർഒരു ഫോം സൃഷ്ടിക്കാൻ.

3. സൃഷ്ടിക്കുക പുതിയ പേജ് WordPress-ൽ. ഒരു കോൺടാക്റ്റ് ഫോം ചേർക്കുന്നതിന്, നിങ്ങളുടെ പേജിലേക്ക് കോൺടാക്റ്റ് ഫോം 7 ക്രമീകരണ പേജിൽ നിന്ന് കോഡ് ചതുര ബ്രാക്കറ്റുകളിൽ ഒട്ടിക്കേണ്ടതുണ്ട്. പ്ലഗിൻ പ്രദർശിപ്പിക്കുന്നത് പോലെ തന്നെ, കോഡ് ശരിയായി ഒട്ടിക്കുന്നത് ഉറപ്പാക്കുക.

4. നിങ്ങളുടെ WordPress-ൽ ഇപ്പോൾ ഉണ്ട് ബന്ധപ്പെടാനുള്ള ഫോം. ഞങ്ങൾ അത് പോപ്പ്-അപ്പ് ചെയ്യാൻ തീരുമാനിച്ചു മോഡൽ വിൻഡോഉപയോക്താവ് ലിങ്കിൽ ക്ലിക്ക് ചെയ്ത ശേഷം. ഈസി ഫാൻസിബോക്സ് പ്ലഗിൻ പ്രവർത്തിക്കുന്നു. അതിന്റെ സഹായത്തോടെ, നിങ്ങൾക്ക് ഏത് പേജ് ഘടകവും ഒരു പോപ്പ്-അപ്പിൽ ദൃശ്യമാക്കാനാകും. പേജ് എഡിറ്റ് തുറക്കുക, TEXT ടാബിൽ ക്ലിക്ക് ചെയ്ത് ഇനിപ്പറയുന്ന HTML കോഡ് ചേർക്കുക:

ഞങ്ങളെ സമീപിക്കുക

5. അത്രയേയുള്ളൂ, ഇപ്പോൾ ഞങ്ങൾക്ക് ഒരു പോപ്പ്-അപ്പ് വിൻഡോയിൽ കോൺടാക്റ്റ് ഫോം "ലോഞ്ച്" ചെയ്യുന്ന ഒരു ലിങ്ക് ഉണ്ട്. അഭിനന്ദനങ്ങൾ! വീതി, ഉയരം, ഇമെയിൽ സന്ദേശങ്ങൾ എന്നിവ ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് നിങ്ങളുടെ ഇമെയിൽ ഫോമുകളുടെ CSS മാറ്റേണ്ടി വരും. സാധ്യമായ പിശകുകൾപൂരിപ്പിക്കുമ്പോൾ. നിങ്ങൾക്ക് ആരംഭിക്കാൻ ഇത് മതിയാകും.

ഹലോ പ്രിയ വായനക്കാരേ, ഈ ലേഖനത്തിൽ നിങ്ങളുടെ വേർഡ്പ്രസ്സ് സൈറ്റിൽ ഒരു പോപ്പ്അപ്പ് കോൺടാക്റ്റ് ഫോം എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഞാൻ കാണിച്ചുതരാം. പലപ്പോഴും നിങ്ങളുടെ സ്വന്തം വെബ്സൈറ്റ് അല്ലെങ്കിൽ ബ്ലോഗ് വികസിപ്പിക്കുമ്പോൾ, നിങ്ങൾ കഴിവ് ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതുണ്ട് പ്രവർത്തന ആശയവിനിമയങ്ങൾഇന്റർനെറ്റ് റിസോഴ്സിലേക്കുള്ള സന്ദർശകരോടൊപ്പം. ഈ സാഹചര്യത്തിൽ, വേർഡ്പ്രസ്സിനായുള്ള പോപ്പ്-അപ്പ് ഫീഡ്‌ബാക്ക് ഫോം ഉപയോഗപ്രദമാകും, ഇത് സ്ഥാപിക്കാൻ സഹായിക്കും പെട്ടെന്നുള്ള സമ്പർക്കംഉപയോക്താക്കൾക്കൊപ്പം.

നിങ്ങൾക്ക് വേർഡ്പ്രസ്സിനായി ഒരു പോപ്പ്അപ്പ് ഫീഡ്‌ബാക്ക് ഫോം ആവശ്യമായി വരുന്നത് എന്തുകൊണ്ട്?

ഉപയോഗത്തിനുള്ള കാരണങ്ങൾ

എന്തുകൊണ്ടാണ് ഈ ഫോം ആവശ്യമായി വരുന്നത് എന്ന് നോക്കാം

1. സംരക്ഷിക്കുന്നത് സ്വതന്ത്ര സ്ഥലംഓൺലൈൻ. കോൺടാക്റ്റ് ഫോം എവിടെയും സ്ഥാപിക്കാവുന്നതാണ്: അടിക്കുറിപ്പിലോ തലക്കെട്ടിലോ, പേജിന്റെ പ്രധാന ഉള്ളടക്കത്തിൽ, ഫ്ലോട്ടിംഗ് ബട്ടണായി, മുതലായവ.
2. ഫലപ്രദമായ രൂപം. ഒരു പുതിയ വിൻഡോയുടെ രൂപത്തിന്റെ ആനിമേഷൻ രസകരവും അസാധാരണവുമാണ്
3. ലഭ്യത. സൈറ്റിൽ എവിടെ നിന്നും നിങ്ങൾക്ക് ഈ ഫോമിൽ എൻട്രികൾ നൽകാം; ഉപയോക്താക്കൾക്ക് പ്രധാന പേജിലേക്ക് മടങ്ങേണ്ടതില്ല.

ഒരു അധിക ബോണസ്: നിങ്ങളുടെ സൈറ്റിന്റെ ആവശ്യങ്ങൾക്ക് അനുയോജ്യമായ രീതിയിൽ മാറ്റം വരുത്താനും ഇഷ്ടാനുസൃതമാക്കാനും ഫോം എളുപ്പമാണ്. വേർഡ്പ്രസ്സിനായുള്ള ഒരു പോപ്പ്-അപ്പ് ഫീഡ്‌ബാക്ക് ഫോം ഒരു കോൾ, സേവനം അല്ലെങ്കിൽ ഉൽപ്പന്നം ഓർഡർ ചെയ്യുന്നതിനോ അല്ലെങ്കിൽ ഒരു സബ്‌സ്‌ക്രിപ്‌ഷൻ ഉണ്ടാക്കുന്നതിനോ ഒരു ഓപ്പണിംഗ് വിൻഡോയുടെ രൂപത്തിൽ അവതരിപ്പിക്കാവുന്നതാണ്. വേണമെങ്കിൽ, നിങ്ങൾക്ക് ചേർക്കാം വിഷ്വൽ ഇഫക്റ്റുകൾ, വിവിധ ചിത്രങ്ങൾ മുതലായവ.

ഒരു പോപ്പ്അപ്പ് ഫോം ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനുള്ള പ്ലഗിനുകൾ

വേർഡ്പ്രസ്സിൽ പോപ്പ്അപ്പുകൾ വികസിപ്പിക്കുന്നതിന് ആവശ്യമായ ടൂളുകൾ നോക്കാം - പ്രത്യേക അപേക്ഷവെബ്സൈറ്റുകൾ വികസിപ്പിക്കുന്നതിനും സൃഷ്ടിക്കുന്നതിനും.

ബന്ധപ്പെടാനുള്ള ഫോം 7

ഫോം രൂപകൽപ്പന ചെയ്യാൻ ഈ പ്ലഗിൻ നേരിട്ട് ഉപയോഗിക്കുന്നു. ഇത് ഇൻസ്റ്റാൾ ചെയ്യാൻ, ഈ ഘട്ടങ്ങൾ പാലിക്കുക:

ഈസി ഫാൻസിബോക്സ്

ഒരു പോപ്പ്-അപ്പ് വിൻഡോ ഇഫക്റ്റ് വികസിപ്പിക്കുന്നതിന് ഈ പ്ലഗിൻ അനുയോജ്യമാണ്. തുടർന്നുള്ള എളുപ്പമുള്ള ഇൻസ്റ്റാളേഷൻ FancyBox മുമ്പത്തെ പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുന്നതിന് സമാനമാണ്.

പ്ലഗിനുകൾ സജ്ജീകരിക്കുന്നു

മീഡിയ ഫയലുകൾ വഴി നിങ്ങൾക്ക് ഈസി ഫാൻസിബോക്സ് ആഡ്-ഓണിന്റെ ക്രമീകരണങ്ങൾ ക്രമീകരിക്കാൻ കഴിയും. "ക്രമീകരണങ്ങൾ" -> "മീഡിയ ഫയലുകൾ" എന്ന മെനു ഓപ്ഷനുകൾ ഉപയോഗിക്കുക.

തൊട്ടുതാഴെ തുറക്കുന്ന ബ്ലോക്കിൽ സ്റ്റാൻഡേർഡ് ക്രമീകരണങ്ങൾപ്ലഗിന്റെ പാരാമീറ്ററുകൾ തന്നെ സ്ഥിതിചെയ്യും. സാധാരണയായി "ചിത്രങ്ങൾ" ഇനത്തിന് അടുത്തായി ഒരു ചെക്ക്മാർക്ക് ഉണ്ട്, നിങ്ങൾ ചിത്രത്തിൽ ക്ലിക്കുചെയ്യുമ്പോൾ ഒരു പോപ്പ്-അപ്പ് വിൻഡോ സജീവമാകുമെന്ന് ഇത് സൂചിപ്പിക്കുന്നു. മറ്റുള്ളവ ഉണ്ടെങ്കിൽ അത് നീക്കം ചെയ്യുന്നതാണ് ഉചിതം അധിക ഉപകരണങ്ങൾഒരു പോപ്പ്-അപ്പ് ആനിമേഷൻ സൃഷ്ടിക്കുമ്പോൾ, ചിത്രങ്ങൾ രണ്ടുതവണ തുറക്കും.

എന്നാൽ അത് മാത്രമല്ല. "ഇൻലൈൻ ഉള്ളടക്കം" എന്നതിന് അടുത്തുള്ള ബോക്സ് ചെക്കുചെയ്യുക

ആർക്കും പ്ലഗിന്റെ ക്രമീകരണങ്ങൾ കൂടുതൽ പരിശോധിക്കാനും അവ സ്വന്തം വിവേചനാധികാരത്തിൽ സജ്ജമാക്കാനും കഴിയും.

നുറുങ്ങ്: ഫോം എല്ലായ്പ്പോഴും തുറന്നിരിക്കണമെങ്കിൽ, അൺചെക്ക് ചെയ്യുക എളുപ്പമുള്ള ക്രമീകരണങ്ങൾ"ഓവർലേ ക്ലിക്കുചെയ്യുമ്പോൾ ഫാൻസിബോക്സ് അടയ്ക്കുക" ഓപ്‌ഷനു സമീപമുള്ള ഫാൻസിബോക്‌സ് ചെക്ക്‌ബോക്‌സ്, വിൻഡോയ്ക്ക് പുറത്ത് മൗസ് ക്ലിക്കുചെയ്യുമ്പോൾ അത് അടയ്‌ക്കുന്ന പ്രവർത്തനം നിർവ്വഹിക്കുന്നു.

ഘട്ടം ഘട്ടമായുള്ള നിർദ്ദേശം

ശരി, "ബോറിങ്" ഉപയോഗിച്ച് പ്രാഥമിക തയ്യാറെടുപ്പ്ചെയ്തു, ഇപ്പോൾ നമുക്ക് “രുചികരമായ” ഭാഗത്തേക്ക് പോകാം - വാസ്തവത്തിൽ, പോപ്പ്-അപ്പ് റിട്ടേൺ ഫോം എങ്ങനെ വികസിപ്പിച്ചെടുത്തു വേർഡ്പ്രസ്സ് ആശയവിനിമയങ്ങൾ.

ഫോം വിൻഡോ കൈകാര്യം ചെയ്യുന്നു

നമ്മൾ എവിടെ തുടങ്ങും? തീർച്ചയായും, കൂടെ പ്രീസെറ്റ്രൂപം തന്നെ. വലത് മെനുവിൽ "കോൺടാക്റ്റ് ഫോം 7" തിരഞ്ഞെടുക്കുക, തുടർന്ന് "പുതിയ ചേർക്കുക" ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.

ഫോമിനായി ഒരു പുതിയ പേര് കൊണ്ടുവരിക, ഉദാഹരണത്തിന്, "പരീക്ഷണങ്ങൾ", അത് തുറക്കുന്ന വിൻഡോയുടെ ഇൻപുട്ട് ഫീൽഡിൽ നൽകുക, അവിടെ "ശീർഷകം" എന്ന വാചകം സ്ഥിതിചെയ്യുന്നു, തുടർന്ന് "സംരക്ഷിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്യുക. ഫോം ടെംപ്ലേറ്റ് ഉൾപ്പെടെയുള്ള മറ്റ് പാരാമീറ്ററുകൾ നിങ്ങൾക്ക് മാറ്റാൻ കഴിയും, പക്ഷേ ഞങ്ങൾ അത് സ്പർശിക്കില്ല. ഇപ്പോൾ ഞങ്ങളുടെ പ്രധാന ലക്ഷ്യം പോപ്പ്-അപ്പ് ഫോമുകൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുക എന്നതാണ്.

ഫലം നോക്കൂ. നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, പ്ലഗിൻ ഒരു പ്രത്യേക ഷോർട്ട്കോഡ് സൃഷ്ടിച്ചു, അത് പിന്നീട് ഫോം പ്രദർശിപ്പിക്കാൻ ഉപയോഗിക്കുന്നു. നിങ്ങൾ അത് പകർത്തേണ്ടതുണ്ട്.

ഫോം ഔട്ട്പുട്ട്

ഇനി നമുക്ക് പ്രോഗ്രാമിംഗിലേക്ക് ഇറങ്ങാം. പുതിയത് പ്രോഗ്രാം കോഡ്സൈറ്റിൽ എവിടെയും ചേർക്കാൻ കഴിയും, ഉദാഹരണത്തിന്, "കോൺടാക്റ്റുകൾ", കൂടാതെ മറ്റുള്ളവ. ഞങ്ങളുടെ ഉദാഹരണത്തിൽ പുതിയ രൂപംവിജറ്റിൽ പ്രദർശിപ്പിക്കും. മെനുവിൽ "രൂപഭാവം" തിരഞ്ഞെടുക്കുക, തുടർന്ന് "വിഡ്ജറ്റുകൾ" ക്ലിക്ക് ചെയ്യുക, തുടർന്ന് തുറക്കുന്ന വിൻഡോയിൽ, "ടെക്സ്റ്റ്" ഓപ്ഷനിൽ ക്ലിക്കുചെയ്യുക.

ഇപ്പോൾ "വിജറ്റ് ചേർക്കുക" ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക

ഉള്ളടക്ക ഇൻപുട്ട് ഫീൽഡിൽ ഇനിപ്പറയുന്ന കോഡ് ഒട്ടിക്കുക:

തത്ഫലമായുണ്ടാകുന്ന ഫലം ഇങ്ങനെയായിരിക്കും:

ഉദാഹരണത്തിൽ വ്യക്തമാക്കിയിരിക്കുന്ന ഷോർട്ട്‌കോഡിന് പകരം, ഒരു പുതിയ ഫോം സൃഷ്‌ടിച്ചതിന്റെ ഫലമായി നിങ്ങൾ സൃഷ്‌ടിച്ച ഒന്ന് വ്യക്തമാക്കേണ്ടതുണ്ട്.

കൂടാതെ, ഫോം എഡിറ്റുചെയ്യാനും കഴിയും: ഇൻപുട്ട് ഫീൽഡുകൾ ചേർക്കുക അല്ലെങ്കിൽ നീക്കം ചെയ്യുക, ഫോമിന് മുമ്പും ശേഷവും പ്രാരംഭ കൂടാതെ/അല്ലെങ്കിൽ അവസാനിക്കുന്ന വാചകം നൽകുക, വാചകം ഒരു ശീർഷകമാക്കി മാറ്റുക അല്ലെങ്കിൽ ഒരു പ്രത്യേക ബ്ലോക്കായി പ്രദർശിപ്പിക്കുക, വ്യത്യസ്ത ശൈലികൾ, പ്ലെയ്‌സ്‌ഹോൾഡറുകൾ മുതലായവ ഉപയോഗിക്കുക. സമയവും ആഗ്രഹവും ഉണ്ടായിരുന്നെങ്കിൽ!

ലിങ്ക് സ്റ്റൈലിംഗ്

ഒരു ലിങ്ക് അതിന്റെ ദൃശ്യഭംഗി മെച്ചപ്പെടുത്തുന്നതിന് ഒരു ബട്ടണാക്കി മാറ്റുന്നതിനുള്ള രണ്ട് വഴികളും നോക്കാം.

രീതി 1: അധിക തീം ശൈലികൾ ഉപയോഗിക്കുന്നു.

ഇനിപ്പറയുന്ന കോഡ് ഇനിപ്പറയുന്ന രീതിയിൽ ചേർക്കാം:

പ്രോഗ്രാം കോഡ് തന്നെ ഇതുപോലെ കാണപ്പെടുന്നു:

/***ഒരു ബട്ടൺ ഫോമിൽ ഒരു ലിങ്ക് പ്രദർശിപ്പിക്കുന്നു****/ .contact-us a( margin:auto; /* block നെ മധ്യഭാഗത്ത് വിന്യസിക്കുന്നു*/ display:block; width:199px; /*button size*/ padding:11px 22px ; /*padding*/ border:1px ദൃഢമായ കറുപ്പ്; /*ബോർഡർ ഷേഡ്*/ പശ്ചാത്തലം:#3399ff; /*പശ്ചാത്തല പാറ്റേൺ*/ ടെക്‌സ്‌റ്റ് ഡെക്കറേഷൻ: ഒന്നുമില്ല; വിന്യസിക്കുക:കേന്ദ്രം; /*ലേബൽ കേന്ദ്രീകരിക്കുന്നു*/ നിറം:#ffffff; /*ലേബലിന്റെ നിഴൽ*/ -moz-സംക്രമണം: എല്ലാ 0.6സെ അനായാസവും; -വെബ്കിറ്റ്-സംക്രമണം: എല്ലാ 0.6സെ അനായാസവും; സംക്രമണം: എല്ലാ 0.6സെ അനായാസവും ; ) /** കഴ്‌സർ ഹോവർ ചെയ്യുമ്പോൾ വർണ്ണ ലിങ്കുകൾ മാറ്റുന്നു**/ .contact-us a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; ബോക്സ് -shadow:0 0 7px #111 ; -moz-transition: എല്ലാം 0.6s ഈസ്; -webkit-transition: all 0.6s Ease; transition: all 0.6s Ease; )

ഫലം ഇതുപോലുള്ള ഒരു ബട്ടണാണ്:

ഏത് പാരാമീറ്റർ എന്തിനാണ് ഉത്തരവാദിയെന്ന് കോഡ് ഇതിനകം പറയുന്നു. ഇപ്പോൾ എല്ലാവർക്കും അവരുടെ ഇഷ്ടാനുസരണം കോഡ് എഡിറ്റ് ചെയ്യാനും വ്യത്യസ്ത ശൈലികളും നിറങ്ങളും പരീക്ഷിച്ചുനോക്കാനും പോപ്പ്അപ്പിനായി ഏറ്റവും അനുയോജ്യമായ ലിങ്ക് സൃഷ്ടിക്കാനും കഴിയും.

രീതി 2 - ഒരു ചിത്രം ഒരു ബട്ടണായി ഉപയോഗിക്കുക. ആദ്യം, സൈറ്റിലേക്ക് ആവശ്യമായ ചിത്രം അപ്‌ലോഡ് ചെയ്യുക (നിങ്ങൾക്ക് ഇഷ്ടമുള്ള ഏത് ചിത്രവും, ഒരു ബട്ടണിന്റെ രൂപത്തിലായിരിക്കണമെന്നില്ല - ഇത് ശരിക്കും പ്രശ്നമല്ല). ഇത് ചെയ്യുന്നതിന്, "മീഡിയ" -> "പുതിയത് ചേർക്കുക" ക്ലിക്ക് ചെയ്ത് ആവശ്യമുള്ള ചിത്രം തിരഞ്ഞെടുക്കുക. ഫയലിലേക്കുള്ള ഒരു സ്ഥിരമായ ലിങ്ക് ചിത്രത്തിന്റെ വലതുവശത്ത് ദൃശ്യമാകും (ഇൻ ഈ ഉദാഹരണത്തിൽ http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), അത് പകർത്തി കോഡിലേക്ക് ചേർക്കുക (ഉദ്ധരണികൾ നീക്കം ചെയ്യരുത്):

"ഒരു കത്ത് എഴുതുക" എന്ന വാചകത്തിന് പകരം ഫോമിന്റെ പ്രധാന ഔട്ട്പുട്ട് കോഡിലേക്ക് തത്ഫലമായുണ്ടാകുന്ന കോഡ് ചേർക്കുക.

1

ചുവടെയുള്ള സ്ക്രീൻഷോട്ടിൽ കാണിച്ചിരിക്കുന്ന ബട്ടൺ എന്റെ വെബ്സൈറ്റ് പ്രദർശിപ്പിച്ചു:

ആദ്യ രീതിയിൽ വിവരിച്ച അധിക ശൈലി നിങ്ങൾ ഉപേക്ഷിച്ചാൽ ബട്ടൺ ഇങ്ങനെയായിരിക്കും:

മെനുവിൽ ചേർക്കുക

അതിനാൽ WordPress-നുള്ള പോപ്പ്-അപ്പ് ഫീഡ്‌ബാക്ക് ഫോം മെനുവിൽ നിന്ന് നേരിട്ട് വിളിക്കാൻ കഴിയും, നിങ്ങൾ ഇനിപ്പറയുന്ന കോഡ് ഉപയോഗിക്കണം

ഈ കോഡ് കൃത്യമായി എവിടെയാണ് ചേർക്കേണ്ടതെന്ന് ആദ്യം നിങ്ങൾ കണ്ടെത്തേണ്ടതുണ്ട്. "രൂപഭാവം" വഴി "എഡിറ്റർ" എന്നതിലേക്ക് പോയി ടെംപ്ലേറ്റുകളിൽ നിന്ന് "ഹെഡർ (header.php)" തിരഞ്ഞെടുക്കുക.

ഇപ്പോൾ മെനു കോഡ് സ്ഥിതിചെയ്യുന്ന സ്ഥലം കണ്ടെത്തുക. കണ്ടെത്തുക ഇനിപ്പറയുന്ന വിവരങ്ങൾ:

ചുവടെ, ക്ലോസിംഗ് ടാഗിന് തൊട്ടുമുമ്പ് നിങ്ങളുടെ കോഡ് ഒട്ടിക്കുക.



പൊതുവേ, നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് ഒരു കോൺടാക്റ്റ് ഫോം ചേർക്കുന്നതിൽ ബുദ്ധിമുട്ടുള്ള കാര്യമൊന്നുമില്ല, പ്രധാന കാര്യം കുറച്ച് ഒഴിവു സമയവും എല്ലാ വശങ്ങളും നന്നായി പഠിക്കാനുള്ള ആഗ്രഹവുമാണ്. ഒരു കോൺടാക്റ്റ് ഫോം എന്താണെന്നും അത് എന്തിനുവേണ്ടിയാണെന്നും സൈറ്റിൽ അത് എങ്ങനെ ഉപയോഗിക്കാമെന്നും ഒരു പോപ്പ്-അപ്പ് ഇഫക്റ്റ് ഉപയോഗിച്ച് ഒരു വിൻഡോ തുറക്കുന്നതിനുള്ള ഒരു ലിങ്ക് എങ്ങനെ പ്രോസസ്സ് ചെയ്യാമെന്നും ഇപ്പോൾ നിങ്ങൾക്കറിയാം. വെബ്‌സൈറ്റ് നിർമ്മാണത്തിന്റെ ബുദ്ധിമുട്ടുള്ളതും എന്നാൽ ആവേശകരവുമായ ഈ ബിസിനസ്സിലെ വിജയവും നിങ്ങൾക്ക് ആശംസകളും നേരുന്നു.

അടുത്തിടെ, ഒരു സൈറ്റിനായി, ഒരു മോഡൽ വിൻഡോയിൽ WordPress-നായി ഒരു ഫീഡ്ബാക്ക് ഫോം സൃഷ്ടിക്കാൻ എന്നോട് ആവശ്യപ്പെട്ടു. അതായത്, “ഞങ്ങൾക്ക് എഴുതുക” എന്ന ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, അനുബന്ധ പേജിലേക്ക് പോകുന്നതിനുപകരം, ഉപയോക്താവ് ഒരു പുതിയ പോപ്പ്-അപ്പ് വിൻഡോ തുറക്കണം, അവിടെ ഒരു സന്ദേശം അയയ്‌ക്കുന്നതിനുള്ള പ്രവർത്തനം സ്ഥിതിചെയ്യുന്നു. എല്ലാവർക്കും ഇത് ഇഷ്ടമല്ലെങ്കിലും ഇത് കൂടുതൽ സംവേദനാത്മക പരിഹാരമാണ്. ഒരു കോൺടാക്റ്റ് പേജ് ഉപയോഗിച്ച് ക്ലാസിക് നടപ്പിലാക്കൽ ഞാൻ വ്യക്തിപരമായി ഇഷ്ടപ്പെടുന്നു, പക്ഷേ സൈറ്റുകളിലെ ഫോമുകൾ വ്യത്യസ്തമാണ് - അതിനാൽ ഈ പ്രശ്നത്തിനുള്ള പരിഹാരം പരിഗണിക്കുന്നത് ഉപയോഗപ്രദമാകും. എന്റെ ജോലിയിൽ ഞാൻ 2 പ്ലഗിനുകൾ ഉപയോഗിച്ചു: അറിയപ്പെടുന്ന കോൺടാക്റ്റ് ഫോം 7 ഉം ഈസി മോഡൽ മൊഡ്യൂളും WordPress-ൽ ഒരു മോഡൽ വിൻഡോ സൃഷ്ടിക്കാൻ.

അപ്ഡേറ്റ് 05/18/2017: റിപ്പോസിറ്ററിയിലെ ഏറ്റവും പുതിയ അവലോകനങ്ങൾ അനുസരിച്ച്, ചില സന്ദർഭങ്ങളിൽ അതിന്റെ പ്രവർത്തനത്തിൽ പ്രശ്നങ്ങൾ ഉണ്ടാകാം. ഇത് നിങ്ങളെയും ബാധിക്കുകയാണെങ്കിൽ, പോപ്പ്അപ്പ് മേക്കർ എന്ന ഡവലപ്പർമാരിൽ നിന്ന് ഒരു പുതിയ പരിഹാരം പരീക്ഷിക്കുക. മറ്റൊരു ബദൽ പരിഗണിക്കാം.

കോൺടാക്റ്റ് ഫോം 7 ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനെ കുറിച്ചും കോൺഫിഗർ ചെയ്യുന്നതിനെ കുറിച്ചും ഞാൻ വിശദമായി പറയുന്നില്ല; അതിനെക്കുറിച്ചുള്ള എല്ലാ വിവരങ്ങളും ഇവിടെയുണ്ട്. ഉപയോഗപ്രദമായേക്കാവുന്നതിനെക്കുറിച്ചുള്ള ഒരു ലേഖനവും ബ്ലോഗിൽ ഉണ്ടായിരുന്നു.

നമുക്ക് നേരെ ഈസി മോഡൽ മൊഡ്യൂളിലേക്ക് പോകാം. നിങ്ങൾ അവനെ കണ്ടെത്തും. ഡവലപ്പർമാർ ഇത് അവകാശപ്പെടുന്നു ഏറ്റവും നല്ല തീരുമാനംഉള്ളടക്കം അവതരിപ്പിക്കുന്നതിനുള്ള വിവിധ രസകരമായ ഓപ്ഷനുകൾ ഉപയോഗിച്ച് സൈറ്റിൽ മോഡൽ വിൻഡോകൾ സൃഷ്ടിക്കുന്നു.



പതിനായിരത്തിലധികം ഡൗൺലോഡുകൾ, റേറ്റിംഗ് 4.6. 3.4-ന്റെ സാധുവായ പതിപ്പുകൾ 4.0.8 ആണ്, എന്നിരുന്നാലും ഞാൻ ഇത് WP 4.3.1-ൽ വിജയകരമായി പ്രവർത്തിപ്പിച്ചിരുന്നു. പ്ലഗിൻ ഇപ്പോൾ ഒരു പുതിയ പോപ്പ്അപ്പ് മേക്കർ സൊല്യൂഷനായി രൂപാന്തരപ്പെട്ടിട്ടുണ്ടെങ്കിലും, wordpress.org എന്ന വെബ്‌സൈറ്റിൽ, അഡ്മിൻ പാനലിനുള്ളിൽ പ്ലഗിനുകൾക്കായി തിരയുമ്പോൾ നിങ്ങൾക്ക് സാധാരണ ഈസി മോഡൽ പതിപ്പ് 2.0.17 കണ്ടെത്താനാകും. അദ്ദേഹത്തിന്റെ ഉദാഹരണം ഉപയോഗിച്ച്, WordPress-ൽ ഒരു മോഡൽ ഫീഡ്ബാക്ക് വിൻഡോ സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ച് ഞാൻ നിങ്ങളോട് പറയും.

ഇൻസ്റ്റാളേഷന് ശേഷം, അതേ പേരിൽ ഒരു വിഭാഗം ദൃശ്യമാകും, അവിടെ നിരവധി ഇനങ്ങൾ ഉണ്ട്. അവയിൽ ആദ്യത്തേത് ഞങ്ങൾക്ക് ആവശ്യമാണ് - മോഡലുകൾ. അവിടെയുള്ള Add New ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക.



ഈ പ്രവർത്തനം നിങ്ങളുടെ വേർഡ്പ്രസ്സ് സൈറ്റിനായി ഒരു പുതിയ മോഡൽ വിൻഡോ സൃഷ്ടിക്കും. മൂലക ക്രമീകരണങ്ങൾക്ക് 4 ടാബുകൾ ഉണ്ടായിരിക്കും:

• പൊതുവായ - പൊതുവായ പാരാമീറ്ററുകൾ.
• ഡിസ്പ്ലേ ഓപ്ഷനുകൾ - ഡിസ്പ്ലേ ഓപ്ഷനുകൾ.
• ക്ലോസ് ഓപ്ഷനുകൾ - വിൻഡോ അടയ്ക്കുന്നതിനുള്ള ക്രമീകരണങ്ങൾ (ഒരു ക്ലിക്ക് അല്ലെങ്കിൽ Esc ബട്ടൺ ഉപയോഗിച്ച്).
• ഉദാഹരണങ്ങൾ - ഉപയോഗിക്കേണ്ട കോഡിന്റെ ഉദാഹരണങ്ങൾ.

പൊതുവായ ക്രമീകരണങ്ങളിൽ വിൻഡോയുടെ പേര് (സൈറ്റിൽ പ്രദർശിപ്പിക്കില്ല), അതിന്റെ ശീർഷകം, ഉള്ളടക്കം, ഡൗൺലോഡ് തരം എന്നിവ അടങ്ങിയിരിക്കുന്നു. ഉള്ളടക്ക ബ്ലോക്കിൽ, HTML മോഡിലേക്ക് മാറുമ്പോൾ, മോഡൽ വിൻഡോയിൽ നിങ്ങളുടെ ഫീഡ്‌ബാക്ക് ഫോമിന്റെ ഷോർട്ട്‌കോഡ് ചേർക്കുക.



ടൈപ്പ് ചെയ്യുക ലോഡ് ചെയ്യുകതരത്തിന് 2 ഓപ്ഷനുകൾ ഉണ്ട്:

• സൈറ്റ് വൈഡ് ലോഡ് ചെയ്യുക (മുഴുവൻ സൈറ്റിനും).
• ഓരോ പേജിനും/പോസ്റ്റിനും (നിർദ്ദിഷ്ട പോസ്റ്റുകൾക്കും പേജുകൾക്കും).

വളരെ രസകരമായ ഒരു ഓപ്ഷൻ. സൈറ്റിന്റെ എല്ലാ പേജുകളിലും പ്രദർശിപ്പിക്കുന്ന ഒരു പോപ്പ്-അപ്പ് വിൻഡോ നിങ്ങൾക്ക് വേണമെങ്കിൽ (ഉദാഹരണത്തിന്, സൈഡ്ബാറിൽ ലിങ്ക് സ്ഥിതിചെയ്യുന്നു), തുടർന്ന് ആദ്യ ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക. രണ്ടാമത്തെ സാഹചര്യത്തിൽ, എഡിറ്റ് ചെയ്യുമ്പോൾ സൈറ്റിന്റെ പേജുകളിൽ/പോസ്റ്റുകളിൽ അനുബന്ധ ക്രമീകരണ ബ്ലോക്ക് ദൃശ്യമാകും:



നിങ്ങൾക്ക് ഒരു പ്രത്യേക പേജിനായി നിങ്ങളുടെ സ്വന്തം പോപ്പ്-അപ്പ് വിൻഡോ സജീവമാക്കാനും തിരഞ്ഞെടുക്കാനും കഴിയും. നിങ്ങൾ ബോക്സ് ചെക്ക് ചെയ്തില്ലെങ്കിൽ, സൈറ്റിൽ ഘടകം ലോഡ് ചെയ്യപ്പെടില്ല.

മൊഡ്യൂൾ പാരാമീറ്ററുകളുടെ രണ്ടാമത്തെ ടാബ് ആണ് ഡിസ്പ്ലേ ഓപ്ഷനുകൾ.



ഇവിടെ നിങ്ങൾ സൂചിപ്പിക്കുന്നു:

• വിൻഡോ വലുപ്പം - ഓട്ടോമാറ്റിക്, ഇടത്തരം, അഡാപ്റ്റീവ്, ചെറുത്, വലുത് മുതലായവ;
• പശ്ചാത്തലം - നിങ്ങൾക്ക് ഫോമിനായി ഒരു പശ്ചാത്തലം ഉപയോഗിക്കാം അല്ലെങ്കിൽ അത് കൂടാതെ അത് പ്രദർശിപ്പിക്കാം;
• പോപ്പ്-അപ്പ് വിൻഡോ ആനിമേഷൻ;
• സ്ഥാനം (സ്ഥാനം) - മുകളിൽ മധ്യഭാഗം, താഴെ വലത് മുതലായവ; സ്ഥിരമോ അല്ലയോ;
• സ്ക്രീനിന്റെ മുകളിൽ ഇൻഡന്റേഷൻ.

ഈസി മോഡൽ പ്ലഗിൻ ഉപയോഗിച്ച് WordPress-ൽ മോഡൽ വിൻഡോയുടെ ഔട്ട്പുട്ട് പ്രദർശിപ്പിക്കുന്നതിനുള്ള ഉദാഹരണങ്ങൾ അവസാന ടാബിൽ കാണാം.



സൈഡ്‌ബാറിലെ ഒരു വിജറ്റ് വഴി നിങ്ങൾ ഈ കോഡ് ചേർക്കേണ്ടതുണ്ട് ടെക്സ്റ്റ് എഡിറ്റർ. ഇത് മറ്റേതൊരു HTML കോഡിൽ നിന്നും വ്യത്യസ്തമല്ല, ഒരു നിർദ്ദിഷ്ട മോഡൽ വിൻഡോയുടെ (eModal-1) ക്ലാസ് ഇവിടെ സൂചിപ്പിച്ചിരിക്കുന്നു എന്നതാണ് ഏക കാര്യം. നിങ്ങൾ സൃഷ്ടിച്ച രണ്ടാമത്തെ ഘടകത്തിന്, ക്ലാസ് eModal-2 ആയിരിക്കും. കോഡ് ചേർക്കുമ്പോൾ തെറ്റ് സംഭവിക്കാതിരിക്കാൻ, ഈ പേജിൽ നിന്ന് പകർത്തുക എന്നതാണ് ഏറ്റവും എളുപ്പമുള്ള മാർഗം.

ഒരു മോഡൽ വിൻഡോയുടെ തീം എഡിറ്റുചെയ്യുന്നു

ഈസി മോഡൽ പ്ലഗിനിൽ, സജ്ജീകരണങ്ങൾക്ക് പുറമേ പ്രത്യേക ഘടകംപോപ്പ്-അപ്പ് വിൻഡോകൾക്കുള്ള തീമുകൾ നിങ്ങൾക്ക് നിർവ്വചിക്കാം (തീം). അടിസ്ഥാനപരമായി സ്വതന്ത്ര പതിപ്പ്മൊഡ്യൂളിന് ഒരു ടെംപ്ലേറ്റ് മാത്രമേയുള്ളൂ, എന്നാൽ ഇത് ആവശ്യത്തിലധികം.



IN ഈ ഉപകരണം 6 ബുക്ക്മാർക്കുകൾ:

• പൊതുവായ - വിഷയത്തിന്റെ പേര് സൂചിപ്പിക്കുക;
• ഓവർലേ - പശ്ചാത്തലം (ഇവിടെ നിങ്ങൾക്ക് ഫോമിന്റെ പശ്ചാത്തലത്തിന്റെ നിറവും സുതാര്യതയും തിരഞ്ഞെടുക്കാം);
• കണ്ടെയ്നർ - മോഡൽ വിൻഡോയുടെ തന്നെ വ്യത്യസ്ത ക്രമീകരണങ്ങൾ (പാഡിംഗ്, ഫ്രെയിം, ഷാഡോ);
• ശീർഷകം-പോപ്പ്അപ്പ് വിൻഡോ ടൈറ്റിൽ പാരാമീറ്ററുകൾ (ഫോണ്ട്, ഷാഡോ);
• ഉള്ളടക്കം - ബ്ലോക്കിലെ ടെക്സ്റ്റുകളുടെ ഫോണ്ടും നിറവും;
• അടയ്ക്കുക - ഫോം ക്ലോസിംഗ് ഘടകം (ടെക്സ്റ്റും ഡിസൈനും).

നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, രൂപംനിങ്ങളുടെ ആവശ്യങ്ങൾക്ക് അനുയോജ്യമായ രീതിയിൽ ഇഷ്ടാനുസൃതമാക്കാവുന്നതാണ്. എനിക്ക് ഈ ലളിതമായ ഒന്ന് ലഭിച്ചു വേർഡ്പ്രസ്സ് ഫോംമോഡൽ വിൻഡോയിൽ:



എല്ലാ ക്രമീകരണങ്ങളും സജ്ജമാക്കിയ ശേഷം, അവ സംരക്ഷിക്കാൻ മറക്കരുത് (സംരക്ഷിക്കുക ബട്ടണിൽ ക്ലിക്കുചെയ്യുക).

ഈസി മോഡൽ പോപ്പ്അപ്പിൽ കോൺടാക്റ്റ് ഫോം 7 ചേർക്കുന്നതിന്റെ വീഡിയോ

വേർഡ്പ്രസ്സിൽ ഒരു മോഡൽ ഫീഡ്ബാക്ക് വിൻഡോ സൃഷ്ടിക്കുന്ന പ്രക്രിയ പ്രകടമാക്കുന്ന ഈസി മോഡൽ പ്ലഗിൻ ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നതിനുള്ള ഒരു വീഡിയോ ഞാൻ കണ്ടെത്തി. അവിടെ, മൊഡ്യൂൾ ഇന്റർഫേസ് അല്പം കാലഹരണപ്പെട്ടതാണ് (ചില ക്രമീകരണങ്ങൾ വ്യത്യസ്തമായി കാണപ്പെടുന്നു), എന്നാൽ നിങ്ങൾക്ക് പൊതുവായ സാരാംശം ലഭിക്കും. ഒരുപക്ഷേ അത് ആർക്കെങ്കിലും മനസ്സിലാക്കാൻ എളുപ്പമായിരിക്കും ഈ പ്രശ്നംവീഡിയോ ഉപയോഗിച്ച്.

WordPress-നുള്ള മോഡൽ വിൻഡോകളെ കുറിച്ച് ആകെ

മുകളിൽ സൂചിപ്പിച്ചതുപോലെ, ഇപ്പോൾ ഈസി മോഡൽ പ്ലഗിൻ (വിധിപ്രകാരം ഔദ്യോഗിക പേജ്) പോപ്പ്അപ്പ് മേക്കറിലേക്ക് പരിവർത്തനം ചെയ്തു. റിപ്പോസിറ്ററിയിൽ അതേ പേരിൽ ഒരു മൊഡ്യൂൾ കണ്ടെത്താൻ എനിക്ക് കഴിഞ്ഞു, പക്ഷേ ഞാൻ അത് പരീക്ഷിച്ചില്ല. ഞാൻ ഇതിനെക്കുറിച്ച് നിങ്ങളോട് പറയുന്നു, അതിനാൽ തുടർന്നുള്ള പതിപ്പുകളിൽ വേർഡ്പ്രസ്സിലെ ഈസി മോഡൽ പെട്ടെന്ന് പ്രവർത്തിക്കുന്നത് നിർത്തിയാൽ എന്താണ് തിരയേണ്ടതെന്ന് നിങ്ങൾക്കറിയാം.

പണമടച്ചുള്ള ആഡ്-ഓണുകൾ ഉണ്ടെങ്കിലും രണ്ട് പരിഹാരങ്ങളും സൗജന്യമാണ്. ടാർഗെറ്റുചെയ്യൽ ഇഷ്‌ടാനുസൃതമാക്കാനും കൂടുതൽ ഡിസൈൻ തീമുകൾ ചേർക്കാനും അനലിറ്റിക്‌സും മറ്റ് ചില സവിശേഷതകളും ഉൾക്കൊള്ളാനും അവ നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾക്ക് കൂടുതൽ വിപുലമായ മോഡൽ വിൻഡോ മെക്കാനിസം ആവശ്യമുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് ഈ വിപുലീകരണങ്ങൾ സൂക്ഷ്മമായി പരിശോധിക്കാം.

ഒരു പോപ്പ്-അപ്പ് വിൻഡോയിൽ കോൺടാക്റ്റ് ഫോം 7 ഫീഡ്‌ബാക്ക് ഫോം തുറക്കുന്നതിനുള്ള ചുമതലയെ സംബന്ധിച്ചിടത്തോളം, ആവശ്യത്തിന് ഉണ്ട് അടിസ്ഥാന കഴിവുകൾഈസി മോഡൽ. മാത്രമല്ല ഈ തീരുമാനം WordPress-ൽ മറ്റ് മോഡൽ വിൻഡോകൾ പ്രദർശിപ്പിക്കാനും ഉപയോഗിക്കാം - ഉപയോഗപ്രദമായ നുറുങ്ങുകൾ, അധിക വിവരംഇത്യാദി. ഒരു എഡിറ്ററുടെ സാന്നിധ്യം നൽകി HTML ഉൾപ്പെടുത്തലുകൾകോഡ്, നിങ്ങൾക്ക് ഒരു പോപ്പ്-അപ്പ് വിൻഡോയിൽ വീഡിയോകൾ, ഫോമുകൾ മുതലായവ പ്രദർശിപ്പിക്കാൻ കഴിയും. മൊത്തത്തിൽ, ഉപയോഗപ്രദമായ പ്ലഗിൻ. നിങ്ങൾക്ക് ഇതിനെക്കുറിച്ച് എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടെങ്കിൽ, അഭിപ്രായങ്ങളിൽ എഴുതുക.

ആശംസകൾ, സുഹൃത്തുക്കളെ. ഇന്നത്തെ ട്യൂട്ടോറിയൽ നിങ്ങളുടെ വേർഡ്പ്രസ്സ് സൈറ്റിന് നല്ലതും പ്രവർത്തനപരവുമായ ഫീഡ്ബാക്ക് ഫോം ലഭിക്കാൻ സഹായിക്കും. ഞങ്ങൾ ഇത് കോൺടാക്റ്റ് ഫോം 7 പ്ലഗിൻ ഉപയോഗിച്ച് ചെയ്യും. ഒരു സമയത്ത് ഞാൻ ഒരു സാധാരണ കോൺടാക്റ്റ് ഫോമിനായി തിരയാൻ ധാരാളം സമയം ചിലവഴിച്ചു. യോഗ്യമായ ബദൽഞാൻ ഇതുവരെ ഈ പ്ലഗിൻ കണ്ടെത്തിയില്ല.

പ്ലഗിൻ സവിശേഷതകൾ

ഞങ്ങൾ ഒരു പ്ലഗിൻ ഉപയോഗിച്ച് പ്രവർത്തിക്കുമെന്ന് ഒരിക്കൽ കൂടി ഓർമ്മിപ്പിക്കട്ടെ, അതിനാൽ നിങ്ങൾക്ക് ഒരു പ്ലഗിൻ ഇല്ലാതെ ഫീഡ്ബാക്ക് ആവശ്യമുണ്ടെങ്കിൽ, നിങ്ങൾ ലേഖനം സന്ദർശിക്കുന്നതാണ് നല്ലത്, സജ്ജീകരണം കുറച്ചുകൂടി സങ്കീർണ്ണമാണ്, എന്നാൽ ഓപ്ഷൻ കൂടുതൽ സാർവത്രികമാണ് (ഇതിന് അനുയോജ്യം ഓരോ സൈറ്റും) കൂടാതെ സെർവറുകളിൽ കുറഞ്ഞ ലോഡ് ഇടുന്നു.

കോൺടാക്റ്റ് ഫോം 7-ലെ കോൺടാക്റ്റ് ഫോമിന്റെ പ്രധാന നേട്ടം അതിന്റെ ഇഷ്‌ടാനുസൃതമാക്കലിന്റെ എളുപ്പവും ഏതാണ്ട് പരിധിയില്ലാത്ത പ്രവർത്തനക്ഷമതയും ഏതൊരു വേർഡ്പ്രസ്സ് ടെംപ്ലേറ്റിലേക്കും സ്വയമേവയുള്ള ഡിസൈൻ ക്രമീകരണവുമാണ്. അതിന്റെ സഹായത്തോടെ, സൈറ്റിൽ നിന്ന് സന്ദേശങ്ങൾ അയയ്ക്കുന്നതിനുള്ള ഒരു ഫോം മാത്രമല്ല നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയും. ഒരു ഓർഡർ ബട്ടൺ സൃഷ്ടിക്കാൻ പ്ലഗിൻ ഉപയോഗിക്കാം, തിരിച്ചുവിളിക്കുകഅല്ലെങ്കിൽ ചെക്ക്ബോക്സുകളും ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റുകളും ഉള്ള സങ്കീർണ്ണമായ ചോദ്യാവലി. കൈമാറ്റത്തിനായി ഫയലുകൾ അറ്റാച്ചുചെയ്യാനും കഴിയും.

ഒരു വാക്കിൽ, പ്ലഗിൻ മെഗാ-ഫങ്ഷണൽ ആണ്.

“ഒരു കോൺടാക്റ്റ് ഫോം ചെയ്യണോ വേണ്ടയോ?” എന്ന ചോദ്യത്തെക്കുറിച്ച് നിങ്ങൾക്ക് ഇപ്പോഴും ആശങ്കയുണ്ടെങ്കിൽ (സമ്പർക്ക വിവരങ്ങൾ പോസ്റ്റുചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് ഇത് നേടാനാകും ശരിയായ പേജുകൾ), അപ്പോൾ ഞാൻ വ്യക്തമായി പറയും - ഇത് ചെയ്യുന്നത് മൂല്യവത്താണ്.

ഒന്നാമതായി, സൈറ്റിൽ നിന്ന് നേരിട്ട് ഒരു സന്ദേശം അയയ്ക്കുന്നത് തുറക്കുന്നതിനേക്കാൾ സൗകര്യപ്രദമാണ് മെയിൽ പ്രോഗ്രാംകൂടാതെ എല്ലാം സ്വമേധയാ പൂരിപ്പിക്കുക. സമയം ലാഭിക്കുന്നത് ആരെയും വേദനിപ്പിക്കില്ല.

രണ്ടാമതായി, കോൺടാക്റ്റ് ഫോം ഇഷ്‌ടാനുസൃതമാക്കാം, ഇത് ഒരു സാധാരണ ഫോർമാറ്റിന്റെ അക്ഷരങ്ങൾ സ്വീകരിക്കാൻ നിങ്ങളെ അനുവദിക്കും - അവ നാവിഗേറ്റ് ചെയ്യുന്നത് എളുപ്പമായിരിക്കും. ഉദാഹരണത്തിന്, "ഓർഡർ" എന്ന സന്ദേശത്തിനായി നിങ്ങൾക്ക് ഒരു സ്റ്റാൻഡേർഡ് ഹെഡർ സജ്ജീകരിക്കാം, ഓർഡറുകൾ പേജിൽ നിന്നുള്ള എല്ലാ ഇമെയിലുകളും ഈ തലക്കെട്ടിനൊപ്പം ലഭിക്കും.

മൂന്നാമതായി, ഒരു കോൺടാക്റ്റ് ഫോം ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ ഇമെയിൽ വിലാസം മറയ്ക്കാനും അതുവഴി നിങ്ങളുടെ ഇമെയിൽ ബോക്സ് പൊതുവായി ലഭ്യമാകുമ്പോൾ അനിവാര്യമായും ദൃശ്യമാകുന്ന സ്പാം ഒഴിവാക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു.

നാലാമതായി, ഇത് ലളിതമായി സ്റ്റൈലിഷും ആധുനികവുമാണ്.

കോൺടാക്റ്റ് ഫോം 7 പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുകയും കോൺഫിഗർ ചെയ്യുകയും ചെയ്യുന്നു

പ്ലഗിൻ ഇൻ ആണ് പൊതുവായ അടിസ്ഥാനംവേർഡ്പ്രസ്സ്, അതിനാൽ അതിന്റെ ഫയലുകൾ എവിടെയെങ്കിലും തിരയേണ്ട ആവശ്യമില്ല, അവ നിങ്ങൾക്കായി ഡൗൺലോഡ് ചെയ്‌ത് നിങ്ങളുടെ ഹോസ്റ്റിംഗിലേക്ക് അപ്‌ലോഡ് ചെയ്യുക. എല്ലാം ലളിതമാക്കിയിരിക്കുന്നു - വേർഡ്പ്രസ്സ് അഡ്‌മിൻ മുഖേന, പ്ലഗിനുകൾ വിഭാഗം നൽകുക, തിരയൽ ഫീൽഡിൽ "കോൺടാക്റ്റ് ഫോം 7" എന്ന് ടൈപ്പ് ചെയ്ത് അത് ഇൻസ്റ്റാൾ ചെയ്യുക. നിങ്ങൾ ഒരിക്കലും പ്ലഗിനുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടില്ലെങ്കിൽ, പിന്നെ വിശദമായ നിർദ്ദേശങ്ങൾപ്ലഗിൻ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം.



കോൺടാക്റ്റ് ഫോം 7 പ്ലഗിൻ സജ്ജീകരിക്കുന്നു

പ്ലഗിൻ സജ്ജീകരിക്കുന്നത് രണ്ട് ഘട്ടങ്ങൾ ഉൾക്കൊള്ളുന്നു.

ആദ്യത്തേത് ഒരു പ്രത്യേക ഫോം സജ്ജീകരിക്കുകയാണ്. വ്യത്യസ്ത രൂപങ്ങൾ ഉണ്ടാകാം, അവയിൽ ഓരോന്നിനും അതിന്റേതായ ഫീൽഡുകൾ അടങ്ങിയിരിക്കാം. ഒറ്റവാക്കിൽ പറഞ്ഞാൽ, ഓരോ ടാസ്ക്കിനും സൈറ്റിലെ ഓരോ പേജിനും വെവ്വേറെ ഒരു ഫീഡ്ബാക്ക് ഫോം സൃഷ്ടിക്കാൻ കഴിയും, വേർഡ്പ്രസ്സ് ഇത് അനുവദിക്കുന്നു - അവരുടെ ലിസ്റ്റ് പ്ലഗിൻ ഡാറ്റാബേസിൽ സംഭരിക്കും.

രണ്ടാം ഘട്ടം സൈറ്റ് പേജുകളിലേക്ക് ഫോം ചേർക്കുന്നു. പ്ലഗിനിനുള്ളിൽ ഞങ്ങൾ സൃഷ്ടിക്കുന്ന ഓരോ ഫോമിനും അതിന്റേതായ തനതായ ഷോർട്ട്‌കോഡ് ഉണ്ടായിരിക്കും. ഇത് പേജിലേക്ക് തിരുകാൻ, നിങ്ങൾ അത് ചേർത്താൽ മാത്രം മതി.

അതിനാൽ, നമുക്ക് പോകാം.

ആരംഭിക്കുന്നതിന്, അഡ്മിൻ പാനലിന്റെ ഇടത് മെനുവിൽ ഞങ്ങൾ കോൺടാക്റ്റ് ഫോം 7 ടാബ് കണ്ടെത്തുന്നു. രണ്ട് ഇനങ്ങളുള്ള ഒരു മെനു അതിന് കീഴിൽ പോപ്പ് അപ്പ് ചെയ്യും - "ഫോമുകൾ", "പുതിയത് ചേർക്കുക".



ഞങ്ങൾക്ക് ഇതുവരെ റെഡിമെയ്ഡ് ഫോമുകളൊന്നുമില്ല, അതിനാൽ നമുക്ക് "പുതിയ ചേർക്കുക" വിഭാഗത്തിലേക്ക് പോകാം. ഒരു ഭാഷ തിരഞ്ഞെടുക്കാൻ നിങ്ങളോട് ആവശ്യപ്പെടുന്ന ഒരു പേജ് അവിടെ തുറക്കും, കൂടാതെ ഡിഫോൾട്ട് ഭാഷയും അവിടെ ലിസ്റ്റ് ചെയ്യും. ക്ലിക്ക് ചെയ്യുക നീല ബട്ടൺ"പുതിയ ചേർക്കുക."



ഫോം ക്രമീകരണങ്ങൾ പ്രത്യേക ബ്ലോക്കുകളായി തിരിച്ചിരിക്കുന്നു. ഞാൻ അവയെ ക്രമത്തിൽ പരിഗണിക്കും.

"ഫോമിന്റെ പേര്" തടയുക

നിങ്ങളുടെ ഫോമിന്റെ പേരിന് ആദ്യ ബ്ലോക്ക് ഉത്തരവാദിയാണ് - "ശീർഷകമില്ലാത്ത" ലിഖിതത്തിൽ കഴ്സർ സ്ഥാപിച്ച് നിങ്ങൾക്ക് ആവശ്യമുള്ള പേര് നൽകുക. പ്ലഗിന്റെ കോൺടാക്റ്റ് ഫോമുകളുടെ പട്ടികയിൽ മാത്രമേ ഈ പേര് നിങ്ങൾക്ക് ദൃശ്യമാകൂ, അതിനാൽ ഭാവിയിൽ എല്ലാ വൈവിധ്യങ്ങളാലും ആശയക്കുഴപ്പത്തിലാകാതിരിക്കാൻ ഇത് വ്യക്തമാക്കുക.



"ഫോം ടെംപ്ലേറ്റ്" തടയുക

തുടക്കത്തിൽ, ഈ ബ്ലോക്കിൽ ഒരു സാധാരണ ഫീൽഡ് കോൺഫിഗറേഷൻ അടങ്ങിയിരിക്കുന്നു. കത്ത് അയച്ചയാളുടെ പേര് അതിൽ അടങ്ങിയിരിക്കുന്നു, അവന്റെ ഇമെയിൽ വിലാസം, ഇമെയിൽ വിഷയം, ഇമെയിൽ ഉള്ളടക്കം, അയയ്ക്കുക ബട്ടൺ.



ആവശ്യമുള്ള ഫീൽഡുകൾ നക്ഷത്രചിഹ്നങ്ങളാൽ അടയാളപ്പെടുത്തിയിരിക്കുന്നു. ഈ ഫീൽഡ് ശൂന്യമാക്കിയാൽ, സന്ദേശം അയയ്‌ക്കില്ല.

ഫീൽഡുകളുടെ ലേഔട്ട് ഉപയോഗിച്ച് ഇഷ്ടാനുസൃതമാക്കാവുന്നതാണ് സാധാരണ htmlഅടയാളപ്പെടുത്തലുകൾ.

ഫീൽഡുകൾ സ്വയം സജ്ജീകരിക്കുന്നതിന്, നിങ്ങൾക്ക് ആവശ്യമില്ലാത്തവ നീക്കം ചെയ്യാനും നിങ്ങൾക്ക് ആവശ്യമുള്ളവ ചേർക്കാനും കഴിയും. അക്ഷരത്തിന്റെ വിഷയം സ്വമേധയാ നൽകേണ്ടതില്ലെങ്കിൽ, അനുബന്ധ ബ്ലോക്ക് ഇല്ലാതാക്കുക.

ഫീൽഡുകൾ ചേർക്കുന്നതും വളരെ എളുപ്പമാണ്. കൂടെ വലത് വശംഒരു ടാഗ് സൃഷ്ടിക്കാൻ ഒരു ബട്ടൺ ഉണ്ട്; അതിൽ ക്ലിക്ക് ചെയ്യുന്നതിലൂടെ, ഈ പ്ലഗിൻ പിന്തുണയ്ക്കുന്ന സാധ്യമായ എല്ലാ ഫീൽഡുകളുടെയും ഒരു ലിസ്റ്റ് നിങ്ങൾ കാണും.



ആവശ്യമുള്ള ഇനം തിരഞ്ഞെടുത്ത് അതിന്റെ ക്രമീകരണങ്ങൾ ക്രമീകരിക്കുക. പ്ലഗിൻ റഷ്യൻ ഭാഷയിലാണ്, അതിനാൽ എല്ലാ ക്രമീകരണങ്ങളും അവബോധജന്യമാണ്.

ഫീൽഡ് ആവശ്യമാണോ ഓപ്ഷണൽ ആണോ എന്ന് ആദ്യ ചെക്ക്ബോക്സ് സൂചിപ്പിക്കുന്നു (ഇത് ഒരു നക്ഷത്രചിഹ്നം ചേർക്കുന്നു).

ഫീൽഡ് സജ്ജീകരിച്ച ശേഷം, നിങ്ങൾക്ക് 2 ഷോർട്ട്‌കോഡുകൾ ഉണ്ടാകും:

• "ഈ കോഡ് പകർത്തി ഇടതുവശത്തുള്ള ഫോം ടെംപ്ലേറ്റിലേക്ക് ഒട്ടിക്കുക" - ഈ കോഡ് മറ്റുള്ളവരെപ്പോലെ തന്നെ ഫോം കോഡിലേക്ക് ചേർത്തിരിക്കുന്നു;
• “താഴെയുള്ള അക്ഷര ടെംപ്ലേറ്റിലേക്ക് ഇനിപ്പറയുന്ന കോഡ് ഒട്ടിക്കുക” - അടുത്ത ബ്ലോക്കിൽ അക്ഷരം ഫോർമാറ്റ് ചെയ്യുന്നതിന് ഞങ്ങൾക്ക് ഈ കോഡ് ആവശ്യമാണ്.



ഇതുവഴി നിങ്ങൾക്ക് എത്ര ഫീൽഡുകൾ, ചെക്ക്ബോക്സുകൾ, ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റുകൾ, ഫയലുകൾ അറ്റാച്ചുചെയ്യുന്നതിനുള്ള ഘടകങ്ങൾ മുതലായവ ഫോമിലേക്ക് ചേർക്കാൻ കഴിയും.

വലിയ അക്ഷരം"

ഇപ്പോൾ ഞങ്ങളുടെ ചുമതല നമുക്ക് ലഭിക്കുന്ന കത്ത് ഇഷ്ടാനുസൃതമാക്കുക എന്നതാണ്. ഫീഡ്‌ബാക്ക് ഫോമിന്റെ പ്രവർത്തനത്തെ കത്ത് ഒരു തരത്തിലും ബാധിക്കില്ല; അത് ഫോമിൽ നൽകിയ വിവരങ്ങൾ അറിയിക്കാൻ മാത്രമേ സഹായിക്കൂ.

കത്തിൽ എല്ലാ വിവരങ്ങളും ഉൾപ്പെടുത്തുക എന്നതാണ് ഞങ്ങളുടെ ചുമതല.



സന്ദേശം അയയ്‌ക്കുന്ന ഇമെയിൽ വിലാസം സൂചിപ്പിക്കുക എന്നതാണ് ആദ്യ പടി (അത് എന്തും ആകാം).

രണ്ടാമത്തെ പോയിന്റ് സൂചിപ്പിക്കുന്നു ഇമെയിൽ, അതിൽ നിന്ന് നിങ്ങൾക്ക് കത്ത് അയയ്ക്കും. ഞാൻ ഇവിടെ ഒന്നും മാറ്റില്ല, അത് സ്ഥിരസ്ഥിതിയായി ലിസ്‌റ്റ് ചെയ്‌തിരിക്കുന്നു മെയിൽബോക്സ്നിങ്ങളുടെ ബ്ലോഗിൽ സന്ദേശം അയക്കുന്ന വ്യക്തിയുടെ പേരിനൊപ്പം ഒരു ടാഗ് ചേർത്തു.

അടുത്തതായി ഞങ്ങൾ കത്തിന്റെ വിഷയം സൂചിപ്പിക്കുന്നു. ഒരു മാനദണ്ഡമെന്ന നിലയിൽ, ഫോമിൽ പൂരിപ്പിച്ച ഫീൽഡിൽ നിന്നാണ് വിഷയം എടുത്തത്. എന്നാൽ നിങ്ങൾക്ക് ഈ ഘടകം ഫോമിൽ നിന്ന് നീക്കം ചെയ്യാനും ഫീൽഡിൽ ഒരു നിർദ്ദിഷ്ട വിഷയം നൽകാനും കഴിയും, അത് ഓരോ അക്ഷരത്തിലും യാന്ത്രികമായി സജ്ജീകരിച്ചിരിക്കുന്നു. സേവനങ്ങളെയും പരസ്യങ്ങളെയും കുറിച്ചുള്ള പേജുകളിൽ നിന്നുള്ള ഫീഡ്ബാക്ക് ഫോമുകൾക്കായി ഞാൻ ഇത് ചെയ്തു. അവിടെ നിന്നുള്ള സന്ദേശങ്ങൾ എല്ലായ്‌പ്പോഴും "ഓർഡറിംഗ് സേവനങ്ങൾ" അല്ലെങ്കിൽ "ഓർഡറിംഗ് പരസ്യം" എന്ന ഒരേ വിഷയത്തിലാണ് വരുന്നത് - ലളിതവും വ്യക്തവുമാണ്.

അധിക തലക്കെട്ട് ഫീൽഡിൽ "മറുപടി-ഇടുക:" എന്ന ടാഗ് അടങ്ങിയിരിക്കുന്നു, അതിനാൽ നിങ്ങളുടെ ബ്ലോഗിൽ നിന്ന് ലഭിച്ച ഒരു കത്തിന് നിങ്ങൾ പ്രതികരിക്കുമ്പോൾ, നിങ്ങൾ ബ്ലോഗിലേക്കും കത്ത് അയച്ചയാൾ ഫോം ഫീൽഡിൽ സൂചിപ്പിച്ച വിലാസത്തിലേക്കും സന്ദേശം അയയ്ക്കും. ഈ ഫീൽഡ് മാറ്റേണ്ട ആവശ്യമില്ല.

നിങ്ങൾക്ക് ലഭിച്ച സന്ദേശത്തിന്റെ ആന്തരിക ഉള്ളടക്കത്തിന് "ലെറ്റർ ടെംപ്ലേറ്റ്" ഫീൽഡ് ഉത്തരവാദിയാണ്. സ്ഥിരസ്ഥിതിയായി, ഫീൽഡിൽ നൽകിയ അയക്കുന്ന വ്യക്തി, വിഷയം, സന്ദേശ വാചകം എന്നിവയെക്കുറിച്ചുള്ള വിവരങ്ങൾ ഇതിൽ അടങ്ങിയിരിക്കുന്നു.

അവസാനം, കത്ത് അയച്ച സൈറ്റ് സൂചിപ്പിച്ചിരിക്കുന്നു.

നിങ്ങൾ ഫോമിൽ എന്തെങ്കിലും വിവരങ്ങൾ നൽകിയിട്ടുണ്ടെങ്കിൽ അധിക ഫീൽഡുകൾ, സ്ഥിരസ്ഥിതിയായി ഇൻസ്റ്റാൾ ചെയ്തിട്ടില്ല, തുടർന്ന് അക്ഷര ടെംപ്ലേറ്റിൽ ഉചിതമായ ടാഗ് ചേർക്കാൻ മറക്കരുത്. "ഫോം ടെംപ്ലേറ്റ്" ബ്ലോക്കിൽ ഇത് നിങ്ങൾക്ക് നൽകിയിട്ടുണ്ട്, അവിടെ നിങ്ങൾ അനുബന്ധ ടാഗ് സൃഷ്ടിച്ചു ("താഴെയുള്ള ഇമെയിൽ ടെംപ്ലേറ്റിൽ ഇനിപ്പറയുന്ന കോഡ് ഒട്ടിക്കുക" ഫീൽഡ്).

ഞാൻ ഇത് ഇഷ്ടപ്പെടുന്നു ടെക്സ്റ്റ് വിവരങ്ങൾഈ ബ്ലോക്ക് (ടാഗുകൾ ഒഴികെ) നിങ്ങളുടെ ഇഷ്ടത്തിനനുസരിച്ച് മാറ്റാവുന്നതാണ്. നിങ്ങൾക്ക് ഏതെങ്കിലും വിവരണങ്ങളും സ്വാപ്പ് ടാഗുകളും ചേർക്കാനും നിങ്ങൾക്ക് അനുയോജ്യമായ ക്രമത്തിൽ അവ ക്രമീകരിക്കാനും കഴിയും.

"കത്ത് 2" തടയുക

നിങ്ങൾക്ക് അയച്ച സന്ദേശം മറ്റാരെങ്കിലും സ്വീകരിക്കണമെങ്കിൽ, നിങ്ങൾക്ക് ഈ ബോക്‌സ് ചെക്ക് ചെയ്യാം.

ഈ ബ്ലോക്ക് മുമ്പത്തേതിന് സമാനമായി ക്രമീകരിച്ചിരിക്കുന്നു. സ്ഥിരസ്ഥിതിയായി, അതിലെ എല്ലാ ഫീൽഡുകളും പൂരിപ്പിച്ചതിനാൽ ഫോം പൂരിപ്പിച്ച വ്യക്തിക്ക് കത്ത് പോകുന്നു (പ്രത്യക്ഷമായും അവൻ മറക്കാതിരിക്കാൻ).

നിങ്ങൾക്ക് അയയ്‌ക്കേണ്ട ഒരു പകർപ്പ് സജ്ജീകരിക്കാൻ കഴിയും, ഉദാഹരണത്തിന്, നിങ്ങളുടെ മാനേജർ അല്ലെങ്കിൽ അക്കൗണ്ടന്റ്.

"ഫോം സമർപ്പിക്കുമ്പോൾ അറിയിപ്പുകൾ" തടയുക

ഈ ബ്ലോക്കിൽ, ഉപയോക്താവ് അയയ്‌ക്കുന്ന സന്ദേശം ബട്ടൺ ക്ലിക്ക് ചെയ്‌ത ശേഷം കാണുന്ന സന്ദേശങ്ങൾ നിങ്ങൾക്ക് കോൺഫിഗർ ചെയ്യാൻ കഴിയും. നിങ്ങൾക്ക് എന്തെങ്കിലും മാറ്റണമെങ്കിൽ, ദയവായി, ഞാൻ എല്ലാം അതേപടി ഉപേക്ഷിച്ചു.

ഫോം സജീവമാക്കൽ

നിങ്ങൾ എല്ലാ ഫീൽഡുകളും പൂരിപ്പിച്ച ശേഷം, "ഫോം നെയിം" ബ്ലോക്കിലേക്ക് തുടക്കത്തിലേക്ക് മടങ്ങുകയും വലതുവശത്തുള്ള "സേവ്" ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക.

പ്ലഗിൻ നിങ്ങൾ സൃഷ്ടിച്ച ഫോം സജീവമായവയുടെ പട്ടികയിൽ സ്ഥാപിക്കുകയും അത് അസൈൻ ചെയ്യുകയും ചെയ്യും പ്രത്യേക കോഡ്ഇതുപോലൊന്ന്:

[ contact - form - 7 id = "5464" title = "Verification" ] !}

ഈ കോഡ് നിങ്ങളുടെ സൈറ്റിൽ എവിടെയും ഒട്ടിച്ചാൽ നിങ്ങൾക്ക് ലഭിക്കും റെഡിമെയ്ഡ് ഫോംനിങ്ങളുടെ സാധ്യതയുള്ള ഉപഭോക്താക്കളുമായി ആശയവിനിമയം നടത്താൻ.

ആന്റി-സ്പാം - Akismet, Captcha

സ്പാമർമാർ വെബ്‌സൈറ്റ് ഉടമകൾക്ക് വളരെയധികം പ്രശ്‌നങ്ങൾ ഉണ്ടാക്കുന്നു, കൂടാതെ എന്തെങ്കിലും എഴുതാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഓരോ പുതിയ ഫോമും സ്പാം ബോട്ടുകളുടെ എണ്ണം കൂട്ടുന്നു.

നിങ്ങൾ കോൺടാക്റ്റ് ഫോം പ്ലഗിൻ അതിന്റെ അടിസ്ഥാന പതിപ്പിൽ ഉപേക്ഷിക്കുകയാണെങ്കിൽ, കുറച്ച് സമയത്തിന് ശേഷം നിങ്ങൾക്ക് ധാരാളം ശൂന്യവും അർത്ഥശൂന്യവുമായ സന്ദേശങ്ങൾ ഉണ്ടാകും.

സ്പാമർമാരെ ഒഴിവാക്കാൻ രണ്ട് വഴികളുണ്ട്:

1. നിർബന്ധിത ക്യാപ്‌ച സ്ഥാപിക്കുക (ഇത് ഒരു അധിക പ്ലഗിൻ ഉപയോഗിച്ച് ചെയ്യാം - ശരിക്കും സിമ്പിൾ CAPTCHA).
2. WordPress - Akismet-നായി ആന്റി-സ്പാം പ്ലഗിൻ ഉപയോഗിക്കുക.

അധിക പ്രതീകങ്ങൾ സ്വമേധയാ നൽകാൻ സന്ദർശകരെ നിർബന്ധിക്കുന്നതിനാൽ ആദ്യ ഓപ്ഷൻ അസൗകര്യമാണ്. ഇത് അത്ര ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല, പക്ഷേ ചിലർക്ക് ഇത് ഇഷ്ടമല്ല.

അക്കിസ്മെറ്റ് പ്ലഗിൻ ഉപയോഗിക്കുന്നത് കൂടുതൽ സൗകര്യപ്രദമാണ്, കാരണം ഇത് നൽകിയ ഡാറ്റ സ്വതന്ത്രമായി വിശകലനം ചെയ്യുന്നു (പേരുകൾ, ഇമെയിൽ വിലാസങ്ങൾ, ലിങ്കുകൾ) കൂടാതെ, ശേഖരിച്ച ഡാറ്റാബേസിനെ അടിസ്ഥാനമാക്കി, സന്ദേശത്തിന്റെ സ്പാം അല്ലെങ്കിൽ നോൺ-സ്പാം സംബന്ധിച്ച നിഗമനങ്ങളിൽ എത്തിച്ചേരുന്നു.

കൂടാതെ, ലേഖനങ്ങളിലേക്കുള്ള കമന്റുകളിൽ സ്പാമിൽ നിന്ന് പരിരക്ഷിക്കുന്നതിന് മിക്ക വേർഡ്പ്രസ്സ് സൈറ്റുകളിലും Akismet ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്. ഇതിനർത്ഥം ഇത് ഉപയോഗിക്കുമ്പോൾ നിങ്ങൾ അധിക പ്ലഗിനുകൾ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതില്ലെന്നും സൈറ്റിൽ അനാവശ്യമായ ലോഡ് സൃഷ്ടിക്കേണ്ടതുമാണ്.

Akismet ഉപയോഗിച്ച് സ്പാം പരിരക്ഷണം

1. നിങ്ങളുടെ സൈറ്റിൽ Akismet പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത് അത് സജീവമാക്കുക - .

2. കോൺടാക്റ്റ് ഫോം ടാഗുകളിലേക്ക് അധിക ഡാറ്റ ചേർക്കുക:

• രചയിതാവിന്റെ പേരിനൊപ്പം ഫീൽഡിൽ ചേർക്കുക akismet:രചയിതാവ്
• കൂടെ വയലിൽ അയച്ചയാളുടെ ഇമെയിൽഅക്ഷരങ്ങൾ akismet:author_email
• സൈറ്റ് വിലാസ ഫീൽഡിൽ akismet:author_url

ഇത് ഇതുപോലെ ആയിരിക്കണം:



സംരക്ഷിച്ചുകഴിഞ്ഞാൽ, സ്പാമർമാർ അയച്ച എല്ലാ സന്ദേശങ്ങളും കോൺടാക്റ്റ് ഫോം ബ്ലോക്ക് ചെയ്യണം. "viagra-test-123" എന്ന പ്രത്യേക ടെസ്റ്റ് നാമം ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഫിൽട്ടറിന്റെ പ്രവർത്തനം പരിശോധിക്കാം. - നിങ്ങൾ അത് നൽകുമ്പോൾ, ഒരു പിശക് സന്ദേശം ദൃശ്യമാകും.

പരിശോധന കർശനമാക്കുന്നതിന്, നിങ്ങൾക്ക് ഫീൽഡുകളുടെ ഒരു ഭാഗം മാത്രമേ പരിശോധിക്കാൻ കഴിയൂ, ഉദാഹരണത്തിന്, പേര് കൂടാതെ ഇമെയിൽ, സ്ഥിരീകരണം കൂടാതെ സൈറ്റ് വിലാസം ഉപേക്ഷിക്കുക. ഈ സാഹചര്യത്തിൽ, സ്പാം സന്ദേശങ്ങൾ കടന്നുപോകാനുള്ള സാധ്യത വർദ്ധിക്കും, എന്നാൽ നിങ്ങൾക്ക് നഷ്ടപ്പെടാനുള്ള സാധ്യത കുറവാണ് ആവശ്യമായ സന്ദേശങ്ങൾ.

ശരിക്കും ലളിതമായ CAPTCHA ഉപയോഗിച്ച് സ്പാം പരിരക്ഷണം

Akismet നിങ്ങൾക്ക് അനുയോജ്യമല്ലെന്ന് നിങ്ങൾ കണ്ടെത്തുകയാണെങ്കിൽ (അത് ധാരാളം സ്പാം വഴി അനുവദിക്കുന്നു അല്ലെങ്കിൽ ആവശ്യമായ സന്ദേശങ്ങൾ തടയുന്നു), തുടർന്ന് നിങ്ങൾക്ക് ഒരു ക്യാപ്‌ച പ്രവർത്തനക്ഷമമാക്കാം. ഇത് ചെയ്യുന്നതിന്, ശരിക്കും ലളിതമായ CAPTCHA പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക.

എഡിറ്റിംഗിനായി ആവശ്യമുള്ള കോൺടാക്റ്റ് ഫോം തുറക്കുക

ടാഗുകളുടെ പട്ടികയിൽ നിന്ന് ക്യാപ്ച തിരഞ്ഞെടുക്കുക. ടാഗ് ക്രമീകരണങ്ങളിൽ, ചിഹ്നങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ചിത്രത്തിന്റെ വലുപ്പം തിരഞ്ഞെടുക്കാം, അല്ലാത്തപക്ഷം ഒന്നും മാറ്റേണ്ട ആവശ്യമില്ല. ക്രമീകരണ വിൻഡോയുടെ ചുവടെ, 2 ടാഗുകൾ ദൃശ്യമാകും, ഒന്ന് ചിത്രം പ്രദർശിപ്പിക്കുന്നതിന് ഉത്തരവാദിയാണ്, രണ്ടാമത്തേത് ഈ ചിത്രത്തിൽ നിന്ന് ഡാറ്റ നൽകുന്നതിനുള്ള ഒരു ഫീൽഡ് പ്രദർശിപ്പിക്കുന്നു.



ക്യാപ്‌ച പ്രവർത്തിക്കാൻ തുടങ്ങുന്നതിന്, നിങ്ങൾ ഈ രണ്ട് ടാഗുകളും ഫോം ടെംപ്ലേറ്റിന്റെ ഇടത് വിൻഡോയിലേക്ക് പകർത്തി ഒട്ടിക്കുക, തുടർന്ന് മാറ്റങ്ങൾ സംരക്ഷിക്കുക.

ഒരു പോപ്പ്-അപ്പ് വിൻഡോയിൽ ഒരു ഫീഡ്‌ബാക്ക് ഫോം സ്ഥാപിക്കുന്നു

കോൺടാക്റ്റ് ഫോം എല്ലായ്പ്പോഴും സൈറ്റിന്റെ ഒരു പ്രത്യേക വിഭാഗത്തിൽ സ്ഥാപിക്കണമെന്നില്ല; ചിലപ്പോൾ, റിസോഴ്സിന്റെ എല്ലാ പേജിൽ നിന്നും ക്ലയന്റിന് അത് ആക്സസ് ചെയ്യാൻ കഴിയും.

അത്തരം സന്ദർഭങ്ങളിൽ, ഒരു പൂർണ്ണ ഫോം പോസ്റ്റുചെയ്യുന്നത് എല്ലായ്പ്പോഴും സൗകര്യപ്രദമല്ല. ശ്രദ്ധ ആകർഷിക്കുന്ന ഒരു പ്രമുഖ സ്ഥലത്ത് ഒരു ബട്ടൺ സ്ഥാപിക്കുന്നത് വളരെ എളുപ്പമാണ്. ഈ ബട്ടൺ ക്ലിക്കുചെയ്യുന്നത് ഇതിനകം തന്നെ ഫോം തുറക്കുന്നതിലേക്ക് നയിക്കും.

അങ്ങനെ, ഒരു വ്യക്തിക്ക് ആവശ്യമുള്ള പേജ് വിടാതെ തന്നെ സൈറ്റിൽ നിന്ന് സന്ദേശങ്ങൾ അയയ്ക്കാൻ കഴിയും.

മറ്റൊരു പ്ലഗിൻ ഉപയോഗിച്ചാണ് ഇത് ചെയ്യുന്നത് - ഈസി ഫാൻസിബോക്സ്.

1. പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക



ഒന്നാമതായി, ഞങ്ങൾ പ്ലഗിൻ തന്നെ ഇൻസ്റ്റാൾ ചെയ്യുക; ഇത് പൊതുവായ പ്ലഗിൻ ഡാറ്റാബേസിലാണ്, അതിനാൽ നിങ്ങൾ ചെയ്യേണ്ടത് പ്ലഗിനുകൾക്കായുള്ള തിരയലിൽ നിങ്ങളുടെ ബ്ലോഗിന്റെ അഡ്മിൻ പാനലിൽ അതിന്റെ പേര് നൽകുക എന്നതാണ്. പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത ശേഷം, "ക്രമീകരണങ്ങൾ" വിഭാഗത്തിൽ ഒരു "മീഡിയ ഫയലുകൾ" ടാബ് ദൃശ്യമാകും.



ഈ ടാബിൽ നിങ്ങൾ പോപ്പ്-അപ്പ് വിൻഡോയിൽ പ്രദർശിപ്പിക്കേണ്ട ഉള്ളടക്ക തരങ്ങളുടെ ഒരു ലിസ്റ്റ് കണ്ടെത്തേണ്ടതുണ്ട്. ഡിഫോൾട്ടായി ഇമേജുകൾ മാത്രമേ ഉള്ളൂ, നിങ്ങൾ ഇൻലൈൻ ഉള്ളടക്കം ചേർക്കേണ്ടതുണ്ട്.

ഇപ്പോൾ പ്ലഗിൻ സജ്ജീകരണം പൂർത്തിയായി, നമുക്ക് ഫീഡ്ബാക്ക് ബട്ടൺ സജ്ജീകരിക്കുന്നതിലേക്ക് പോകാം.

2. സൈറ്റിൽ കോഡ് ഒട്ടിക്കുക

തത്വത്തിൽ, നിങ്ങൾക്ക് ഒരു സാധാരണ ടെക്സ്റ്റ് ലിങ്ക് ഉപയോഗിക്കാം, എന്നാൽ ഒരു ഇമേജ് ബട്ടൺ മികച്ചതായി കാണപ്പെടും.

കോൺടാക്റ്റ് ഫോമിനായി ഒരു ബട്ടൺ പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന നിങ്ങളുടെ സൈറ്റിൽ (തലക്കെട്ടിലോ അടിക്കുറിപ്പിലോ സൈഡ്‌ബാറിലോ), ഇനിപ്പറയുന്ന കോഡ് ചേർക്കുക:



< a href = "#contact_form_pop" class = "fancybox-inline" > < img title = "കോൺടാക്റ്റ് ഫോം" alt = "കോൺടാക്റ്റ് ഫോം" src = "http://ചിത്രത്തിലേക്കുള്ള ലിങ്ക്"> < / a > < div style = "display:none" class = "fancybox-hidden" > < div id = "contact_form_pop" > [ കോൺടാക്റ്റ് - ഫോം - 7 ഐഡി = "നിങ്ങളുടെ ഫോം ഐഡി" ശീർഷകം = "നിങ്ങളുടെ രൂപത്തിന്റെ പേര്"] < / div > < / div >

കോഡിൽ, നിങ്ങൾ ഒരു ഫീഡ്‌ബാക്ക് ബട്ടണായി ഉപയോഗിക്കുന്ന ചിത്രത്തിന്റെ വിലാസം സൂചിപ്പിക്കേണ്ടതുണ്ട്, കൂടാതെ ഫോമിന്റെ ഷോർട്ട്‌കോഡ് എഡിറ്റുചെയ്യുക - നിങ്ങളുടെ ഐഡിയും ശീർഷകവും നൽകുക.

3. സൈഡ്‌ബാറിലെ ഷോർട്ട്‌കോഡുകളിലെ നിയന്ത്രണം നീക്കം ചെയ്യുക

സൈഡ്‌ബാറിൽ ഒരു ബട്ടൺ ഇൻസ്റ്റാൾ ചെയ്യണമെങ്കിൽ ഈ ഇനം ആവശ്യമാണ്. WordPress-ലെ സൈഡ്‌ബാർ എപ്പോഴും ഷോർട്ട്‌കോഡുകൾ അനുവദിക്കുന്നില്ല.

ഈ ഫംഗ്‌ഷൻ പ്രവർത്തനക്ഷമമാക്കാൻ, എഡിറ്റുചെയ്യുന്നതിനായി നിങ്ങൾ function.php ഫയൽ തുറക്കേണ്ടതുണ്ട് (നേരിട്ട് വേർഡ്പ്രസ്സ് അഡ്മിൻ) കൂടാതെ ക്ലോസിംഗ് ബ്രാക്കറ്റിന് മുമ്പായി ഇനിപ്പറയുന്ന കോഡ് ചേർക്കുക "?>":

add_filter("widget_text", "do_shortcode");

add_filter ("widget_text" , "do_shortcode" );

സൈഡ്‌ബാറിലെ എല്ലാ ഷോർട്ട്‌കോഡുകളും എക്‌സിക്യൂട്ട് ചെയ്യാനുള്ള കഴിവ് ഇത് നിങ്ങൾക്ക് നൽകും.

ഈ നല്ല പോപ്പ്-അപ്പ് ഫോം ഞാൻ അവസാനിപ്പിച്ചു:



ഒരു പേജിൽ നിരവധി വ്യത്യസ്ത പോപ്പ്-അപ്പ് ഫോമുകൾ

ചിലപ്പോൾ ഒരു വെബ്സൈറ്റിൽ നിരവധി ഫോമുകൾ സ്ഥാപിക്കേണ്ടതുണ്ട് വ്യത്യസ്ത ക്രമീകരണങ്ങൾവയലുകളും.

ഉദാഹരണത്തിന്, ഒരു ബട്ടണും പേരും ഫോൺ നമ്പറും ഉള്ള ഒരു ഫോമിലേക്ക് നയിക്കുകയും സൈറ്റിൽ നിന്ന് ഒരു കോൾ തിരികെ ഓർഡർ ചെയ്യാൻ ഉപയോഗിക്കുകയും ചെയ്യുന്നു, രണ്ടാമത്തേത് വിശദമായ ഓർഡർ ആപ്ലിക്കേഷൻ ഉള്ള മറ്റൊരു ഫോം തുറക്കണം (വിലാസം, ഒരു വിവരണ ഫീൽഡ്, ഒരു ഫയൽ അറ്റാച്ചുചെയ്യാനുള്ള കഴിവ് മുതലായവ). കോൺടാക്റ്റ് ഫോം 7 പ്ലഗിനിൽ തന്നെ, നിങ്ങൾക്ക് അനന്തമായ നിരവധി ഫോം ഓപ്ഷനുകൾ ഉണ്ടാക്കാം, എന്നാൽ അവ എങ്ങനെ യോജിപ്പിക്കാം വ്യത്യസ്ത ബട്ടണുകൾഒരു പേജ്?

ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ മുമ്പത്തെ ഖണ്ഡികയിൽ നിന്ന് ബട്ടൺ കോഡ് ക്രമീകരിക്കേണ്ടതുണ്ട്. ആദ്യ ബട്ടൺ മുകളിൽ അവതരിപ്പിച്ച ഓപ്ഷൻ ഉപയോഗിക്കുന്നു. രണ്ടാമത്തേതിൽ, രണ്ട് മൂല്യങ്ങൾ മാറുന്നു:

1. ലിങ്ക് മാറുന്നു, href പാരാമീറ്ററിന് #contact_form_pop_2 എന്ന മൂല്യം നൽകുക
2. ഐഡി അതേ മൂല്യത്തിലേക്ക് മാറ്റുക #contact_form_pop_2