ფორმის ყველა ველი (ტეგი). ფორმის ყველა ველი (ტეგი) Plugins for contact form 7 wordpress

შუადღე მშვიდობისა, ძვირფასო ბლოგის მკითხველებო. ჩვენ ვაგრძელებთ უკუკავშირის ფორმების თემას WordPress-ზე. და რადგან ჩვენ ვსაუბრობთ მათზე, მე ვთავაზობ დღეს ვისაუბროთ WP Contact Form 7 დანამატზე. შემდეგ გეტყვით დანამატის ეტაპობრივ დაყენებას და ასევე მოკლედ აღვწერ ამ მოდულის დანამატებს.

გვერდის ნავიგაცია:

WordPress საკონტაქტო ფორმის 7-ის აღწერა

2) გაააქტიურეთ საკონტაქტო ფორმა 7 მოდული WordPress-ის ადმინისტრატორში.

3) გადადით ახლად შექმნილ ჩანართზე, როგორც ნაჩვენებია სურათზე:

4) დააწკაპუნეთ ჩანართზე „ახლის დამატება“ და მიუთითეთ ფორმის ნაგულისხმევი ენა, ან აირჩიეთ სასურველი

5) მიუთითეთ საკონტაქტო ფორმის სახელი და დააჭირეთ შენახვას.

6) ახლა ჩვენ გვაქვს მოკლე კოდი, რომლის დაკოპირება და ჩასმა უკვე შესაძლებელია პოსტში ან გვერდით ზოლში ფორმის ჩვენების მიზნით - contact-form-7 id="1252" title="(!LANG:ფორმის ნომერი 1" (надо взять в квадратные скобки как на рисунке).!}

7) ასე გამოიყურება ჩვენი ფორმა:

რა თქმა უნდა, ეს არ არის ძალიან ლამაზი, მაგრამ არავის აწუხებს საკუთარი სტილის შექმნა ან საკუთარი ფორმის გაკეთება და ჩანართების ჩასმა.

როგორ გამოვაჩინოთ საკონტაქტო ფორმა 7 შაბლონში თვითნებურ ადგილას

ნაბიჯ-ნაბიჯ დაყენების მე-6 ეტაპზე მე გაჩვენეთ, თუ როგორ შეგიძლიათ აიღოთ CF7 კოდის მოკლე კოდი და შემდგომში აღვწერე, რომ ეს კოდი შეიძლება იყოს ნაჩვენები ვიჯეტში ან პოსტში, გვერდზე. გარდა ამისა, მინდა ვთქვა, რომ თქვენ შეგიძლიათ აჩვენოთ საკონტაქტო ფორმა 7 შაბლონის ნებისმიერ ადგილას. ამისათვის ჩადეთ შემდეგი მარტივი კოდი:

ეს ყველაფერია, თუ ყველაფერი სწორად გააკეთეთ, მიიღებთ საკონტაქტო ფორმის 7-ის გამომავალს WordPress-ის შაბლონში თვითნებურ ადგილას.

საკონტაქტო ფორმის 7 შეყვანის ველის მორგება

მისი წყალობით, თქვენ დამატებით გექნებათ ისეთი ყუთები, როგორიცაა:

მიმდინარეობს პასუხის პასუხის კონფიგურაცია საკონტაქტო ფორმისთვის 7

მოდულის ახალ ვერსიაში CF7 4.4 და უფრო მაღალ ვერსიაში, დეველოპერი გირჩევთ შეიყვანოთ საწყისი ველში (აქ არის ის ქვემოთ მოცემულ კანზე)

სწორი მისამართი, რომელიც შეესაბამება თქვენს დომენს. ჩანს კანიდან და ეს რეკომენდაცია ქმნის პრობლემას:

როგორ ვუპასუხოთ მომხმარებელს მეილერიდან?

თუ თქვენ უბრალოდ დააწკაპუნებთ პასუხს, მაშინ ჩვენ ვპასუხობთ საკუთარ მეილზე, ფაქტობრივად, ჩვენ თვითონ ვპასუხობთ. ეს ძალიან მოუხერხებელია, რადგან ჩვენ უნდა ხელით დავაკოპიროთ მომხმარებლის მისამართი მეილერში და მხოლოდ ამის შემდეგ ვუპასუხოთ.

ამ პრობლემის გადაწყვეტა, როგორც ყოველთვის, მარტივია. თქვენ გჭირდებათ სფეროში დამატებითი სათაურებიკოდის დამატება:

Გამოეხმაუროთ:

რა თქმა უნდა, თქვენი-email-sh უნდა შეიცვალოს თქვენი ფოსტის მოკლე კოდით. იხილეთ კანი ქვემოთ:

ახლა, როდესაც მიიღებთ WordPress-ის გამოხმაურების წერილს, შეგიძლიათ დააწკაპუნოთ მეილერზე პასუხის გასაცემად და თქვენი პასუხი გაიგზავნება სწორ ელ. ფოსტაზე.

თუ ამ ნაბიჯების შემდეგ შეგექმნათ პრობლემა, უნდა წაიკითხოთ პოსტი ბმულზე დაწკაპუნებით. საკონტაქტო ფორმა 7 დანამატში აღწერილია ძირითადი პრობლემები და პრობლემების მიზეზები.

Სულ ეს არის. იმედი მაქვს, გესმით, როგორ არის კონფიგურირებული მოდული და მისი განლაგება.

Გამარჯობა ყველას. ყოველ შემთხვევაში, ძალიან ბევრი ენერგია მაქვს და დღეს გადავწყვიტე დამეწერა კიდევ ერთი სტატია, რომელიც მიეძღვნება WordPress-ის ერთ-ერთ დანამატს. საკმაოდ საინტერესო და ფუნქციონალური დანამატია, ის 100%-ით უმკლავდება თავის მოვალეობებს და ჯერ არ მიპოვია უკეთესი გამოხმაურება.

არ მინდა დიდი ხნის განმავლობაში გატანჯოთ, ვფიქრობ, თქვენ უკვე გაიგეთ, რა იქნება განხილული სტატიაში. ასე რომ, დღეს ჩვენ გავიგებთ და დავაკონფიგურირებთ მოდული საკონტაქტო ფორმა 7 WordPress-ისთვის, კერძოდ, უკუკავშირის ფორმის შექმნა.

დიდხანს ვიჯექი და ვფიქრობდი რა მინუსები აქვს დანამატს და არაფერი მომივიდა თავში, მაგრამ ამ ქმნილებას ბევრი პლიუსი აქვს.

საკონტაქტო ფორმის 7 მოდულის დადებითი მხარეები.

1. სიცხადე და დაყენების სიმარტივე. ადამიანი, რომელიც პირველად შეხვდება ამ დანამატს, უპრობლემოდ შეძლებს მის გარკვევას.
2. დიდი რაოდენობით სხვადასხვა ფორმების შექმნა და მათი ინტეგრაცია საიტზე.
3. ფორმა ჩასმულია მოკლე კოდის გამოყენებით გვერდზე და საიტის ნებისმიერ ადგილას. ძალიან კომფორტულია.
4. რუსული და სხვა ენების მხარდაჭერა.
5. Ajax-ის მოთხოვნების მხარდაჭერა.
6. სპამისგან დაცვა ტექსტური შეკითხვით ან კაპჩათი. captcha-სთვის დამატებით დაგჭირდებათ Really Simple CAPTCHA-ს დაყენება.
7. ფორმის გარეგნობის მორგება css სტილის გამოყენებით.
8. სპამისგან თავის დასაცავად Akismet სერვისთან ინტეგრაცია.

ჩვენს საიტზე შეგიძლიათ ნახოთ და გამოიყენოთ ასეთი ფორმა, თუ დააკლიკეთ მენიუს პუნქტს „დაგვიკავშირდით“, გამოჩნდება ფანჯარა, სადაც შეგიძლიათ იხილოთ კარგი მაგალითი.

Დავიწყოთ!

ჯერ ეს მოდული უნდა გადმოვწეროთ. ჩვენი სერვერიდან შეგიძლიათ აქ არის ბმული -\u003e ან ოფიციალური საიტიდან აქ არის ბმული -\u003e ჩამოტვირთეთ ოფიციალური საიტიდან .

ჩამოტვირთვის შემდეგ, თქვენ უნდა დააინსტალიროთ იგი. როგორ დავაინსტალირო, არ აღვწერ, მემგონი უნდა იცოდეთ ეს პროცესი A-დან Z-მდე. გადმოწერილი, დაინსტალირებული, ახლა პირდაპირ საკუთარ თავზე მივდივართ, რომ გავიგოთ და დავაკონფიგურიროთ.

საკონტაქტო ფორმის 7 მოდულის დაყენება და გამოხმაურების ფორმის შექმნა.

ახლა, როცა ჩამოტვირთეთ და დააინსტალირეთ ყველაფერი, როგორც საჭიროა, გადადით WordPress-ის ადმინისტრაციულ პანელზე და იპოვეთ ელემენტი საკონტაქტო ფორმა 7, დააწკაპუნეთ მასზე და მივდივართ გვერდზე ახალი ფორმის დასამატებლად.

ფორმის შექმნა.

ახალი ფორმის შესაქმნელად, თქვენ უნდა დააჭიროთ " Ახლის დამატება", შემდეგ აირჩიეთ ენა (ნაგულისხმევად რუსული) და დააჭირეთ "ახლის დამატება". ყველა გადადგმული ნაბიჯის შემდეგ, თქვენ უნდა გქონდეთ ეს სურათი:

ფორმა შეიქმნა, ახლა ჩვენ მოვახდენთ მას თქვენი მოთხოვნილებების მიხედვით და დამწყებთათვის დავარქვათ სახელი. ჩემს შემთხვევაში დავურეკავ" ტესტის ფორმა”, თქვენ დაარქვით მას რაც გინდათ და შემდეგ დააწკაპუნეთ "შენახვა". ახლა თქვენ შეგიძლიათ ნახოთ მოკლე კოდი, რომელიც უნდა იყოს ჩასმული იმ საიტის კოდში, სადაც ეს ფორმა იქნება ნაჩვენები.

კოდი ცოტა მოგვიანებით დაგვჭირდება, რადგან ჯერ ფორმის დაყენება გვჭირდება. გადადით ფორმის შაბლონზე და დააკონფიგურირეთ იგი.

ჩამოსაშლელი სია მარჯვნივ ტეგის გენერირება”, თუ გახსნით, ნახავთ ბევრ ველს, რომლებიც დამატებულია ფორმაში.

Tag ველის გენერირება

მარცხნივ შეგიძლიათ იხილოთ ფორმაში უკვე დამატებული ველები.

მაგალითად, შევქმნათ მარტივი ფორმა, რომელშიც იქნება სახელი, ფოსტა, ტელეფონი, ტექსტური შეკითხვა სპამისგან დასაცავად, შეტყობინება და გაგზავნის ღილაკი.

იწყება.

სახელისთვის ტექსტური ველის დამზადება. ჩამოსაშლელ სიაში "ტეგის გენერირება" აირჩიეთ " ტექსტის ველი". ჩვენ ვნიშნავთ საჭირო ველს, ვაძლევთ მას სახელს ჩემს შემთხვევაში "NAME" და ვანიჭებთ id-ს, რათა ველის სტილიზაცია მოხდეს css სტილის გამოყენებით. მე მივიღე id=”სახელი”. ქვემოთ შეგიძლიათ იხილოთ ტექსტი " დააკოპირეთ ეს კოდი და ჩასვით ფორმაში მარცხნივ". ჩვენ ვიღებთ ამ კოდს და ვაკოპირებთ მას ფორმის შაბლონში, როგორც სურათზე:

ფოსტისთვის (ელ. ფოსტით), ჩვენ იგივეს ვაკეთებთ, ტელეფონისთვის, აირჩიეთ "ტეგის გენერირება" სიიდან, ველი " Ტელეფონის ნომერი” და ასევე ანალოგიით ვაკეთებთ.

შეტყობინების მოსარგებად აირჩიეთ " ტექსტის ველი”და ჩვენ იგივეს ვაკეთებთ ზემოთ აღწერილი ყველაფრის ანალოგიით.

ახლა დაამატეთ ველი Კითხვა". ამისათვის აირჩიეთ " Კითხვა“, დაარქვით სახელი. კითხვა|პასუხის ველში შეგიძლიათ დასვათ სხვადასხვა კითხვა-პასუხი, ველის ქვეშ არის ლოგიკური კითხვის მაგალითი, შეგიძლიათ დააყენოთ ტექსტი, მაგალითად, „წლის მე-3 თვე?| მარტი“ და ა.შ. ჩასვით კოდი, როგორც ადრე.

ველი "კითხვა"

და ბოლო რაც გვჭირდება არის ღილაკი " გაგზავნა”, შეგიძლიათ დატოვოთ ის, რომელიც არის შაბლონში ან სიაში “Generate tag”, აირჩიეთ “Submit ღილაკი”. შაბლონი მზად არის, დააჭირეთ ღილაკს ” Შენახვა”.

მოდით შევამოწმოთ რა მივიღეთ, დააკოპირეთ მოკლე კოდი და ჩასვით იგი გვერდზე ან კოდის ნებისმიერ ნაწილში, სადაც საჭიროა. ჩავსვამ სატესტო გვერდზე.

ეს მე გავაკეთე:

თქვენ უნდა გქონდეთ მსგავსი რამ.

ფორმისა და შეტყობინების დანიშნულების მორგება

ჩვენ ჩავდივართ ფორმის შაბლონის ოდნავ ქვემოთ და ვხედავთ ადრესატის პარამეტრებს.

1. დანიშნულების ველი. შეიყვანეთ ფოსტა, საიდანაც წერილები გაეგზავნება ვიზიტორებს, რომლებიც ავსებენ ფორმას.
2. გამგზავნის ველი. Მაგივრად<>, ჩვენ ვცვლით ჩვენს მოკლე კოდებს (სახელები, რომლებიც მიენიჭა ველებს). თქვენ შეგიძლიათ ნახოთ ისინი ზემოთ. ჩემს შემთხვევაში ასე იქნება<>.
3. საგნის ველი. მე ყოველთვის ვწერ უკუკავშირის ფორმას და ვაჩვენებ საიტს.
4. ასო შაბლონის ველი. აქ თქვენ შეგიძლიათ აჩვენოთ ის, რაც თქვენს გულს სურს. ჩვენი მაგალითისთვის მე ვაკეთებ ველს From:<>და დეტალები ტელეფონი: , შეტყობინება ..
5. დანარჩენი ველები ცარიელია.

არ დაგავიწყდეთ დაზოგვა ბოლოს.

თუ კიდევ უფრო დაბლა მიდიხართ, შეგიძლიათ იხილოთ შეტყობინების პარამეტრები. აქ ყველაფერი რუსულ ენაზეა, ასე რომ თქვენ შეგიძლიათ დაარედაქტიროთ თქვენი საჭიროებების შესაბამისად. აქ მგონი გაიგებთ

ფორმა მზად არის, შეგიძლიათ გააგრძელოთ ტესტირება და ნახოთ, მოვა თუ არა შეტყობინება თქვენ მიერ მითითებულ მეილზე.

ყველაფერი კარგად მუშაობს ჩემთვის, "გაგზავნა" ღილაკზე დაჭერის შემდეგ მე ვხედავ შეტყობინებას " შეტყობინება წარმატებით გაიგზავნა. Გმადლობთ. ”შეგიძლიათ შეამოწმოთ და ნახოთ, რა შეცდომებს დატოვებს ფორმა, თუ მონაცემებს სწორად არ შეიყვანთ.

რაც შეეხება css სტილებს, ისინი შეიძლება დაემატოს მთავარ css style.css ფაილს. firebag-ის დახმარებით შეგიძლიათ დაათვალიეროთ ველების ID და კლასები და მივანიჭოთ მათ შესაბამისი სტილები.

მოდული საკონტაქტო ფორმა 7 WordPress-ისთვისძალიან ფუნქციონალური, შეგიძლიათ გააკეთოთ ნებისმიერი სირთულის ფორმა, დარწმუნებული ვარ ამაში დარწმუნებული ხართ. ამაზე დავასრულებ, თუ ზოგიერთი პუნქტი ბოლომდე გასაგები არ არის, დაწერეთ კომენტარებში და ვეცდები დაგეხმაროთ ამის გარკვევაში. Გმადლობთ.

საკონტაქტო ფორმა საიტების უმეტესობის აუცილებელი ატრიბუტია. სწორედ ამიტომ არის ამდენი საკონტაქტო ფორმის დანამატი WordPress დირექტორიაში. ერთ-ერთი ყველაზე პოპულარულია საკონტაქტო ფორმა 7. მოდული საშუალებას გაძლევთ შექმნათ ნებისმიერი სახის ფორმები; ძალიან მოქნილი და ადვილად დასაყენებელი; მრავალი წელია ვითარდება და მრავალ განვითარებას შეიცავს.

საკონტაქტო ფორმების შექმნა და ჩვენება

ფორმების შექმნა ადმინისტრატორში

მოდულის დაყენების შემდეგ გამოჩნდება მენიუს პუნქტი „კონტაქტის ფორმა 7“, რომლის მეშვეობითაც შეგიძლიათ შექმნათ და წაშალოთ ფორმები.

სურათზე მოცემული ფორმა ავტომატურად შეიქმნა, როდესაც მოდული გააქტიურდა.

ჩვენ ვიყენებთ ნაგულისხმევ ფორმას, ამისთვის შევქმნით "დამიკავშირდით" გვერდს და ჩავსვით ფორმის მოკლე კოდი.

საიტის წინა ნაწილი

ახლა მოდით შევინახოთ სტატია და ვნახოთ, როგორ გამოიყურება ჩვენი ფორმა (Twenty Sixteen თემის გამოყენებით):

სურათზე ნაჩვენებია ფორმა გაგზავნილი წერილის შემდეგ (ამაზე მითითებულია ცნობა ფორმის ბოლოში).

ფორმის მორგება (კომპლექსური ფორმების შექმნა)

ზემოთ მოყვანილი მაგალითი გვიჩვენებს, თუ როგორ უნდა ჩასვათ მზა და ძალიან მარტივი საკონტაქტო ფორმა. ახლა კი მოდით შევხედოთ როგორ შევქმნათ ფორმა უფრო რთული. ამისათვის ჩვენ ვუბრუნდებით ადმინისტრაციულ პანელს, ფორმის მენეჯერს და გადავალთ ნაგულისხმევი ფორმის რედაქტირებაზე.

ზედა ველში - ფორმის დასახელება (ეს ჩანს მხოლოდ ადმინისტრაციულ პანელში), მიუთითეთ თქვენთვის გასაგები სახელი, მაგალითად: "გამოხმაურება საიტის შესახებ", "სამუშაო განაცხადის ფორმა", "გამოხმაურების ფორმა" და ა.შ.

სათაურის ქვემოთ არის მოკლე კოდი. ჩვენ ვიყენებთ მას ჩანაწერებში, ფორმის საჩვენებლად.

და ქვემოთ არის ოთხი ჩანართი:

1. ფორმის შაბლონი
2. წერილი
3. დამატებითი პარამეტრები

მოდით განვიხილოთ თითოეული ჩანართი ცალკე.

ფორმის შაბლონი

ამ ჩანართში შეგიძლიათ დააკონფიგურიროთ ველები და ფორმის გარეგნობა. სამუშაო ადგილი არის WP HTML რედაქტორი. მხოლოდ ჩვეულებრივი ღილაკების ნაცვლად, ჩვენ ვხედავთ ღილაკებს სხვადასხვა ფორმის ველების ჩასართავად.

ფორმის განლაგება

განლაგებისთვის შეგიძლიათ გამოიყენოთ html ტეგები და მოდულების მოკლე კოდები. მოკლე კოდები ამატებენ ფორმის ველებს და html ტეგები საშუალებას გაძლევთ შექმნათ თვითნებური HTML სტრუქტურა. მაგალითად, ჩვენი ნაგულისხმევი ფორმა ასე გამოიყურება:

თქვენი სახელი (აუცილებელია) თქვენი ელფოსტა (აუცილებელია) Თემა შეტყობინება

და როდესაც გამოჩნდება პოსტში, ის გადაიქცევა ამ HTML-ში:

მოკლე კოდის სინტაქსი

მოდით დავაჭიროთ ღილაკს "ტექსტი". იხსნება ფანჯარა, სადაც შეგვიძლია მივუთითოთ ტექსტის ველის ატრიბუტები. მიუთითეთ და დააწკაპუნეთ "ჩასმა ტეგი".

ტეგი მოგვიანებით გარდაიქმნება ტექსტურ ველში html კოდით:

მოკლე კოდების მოხერხებულად შექმნა შესაძლებელია მოკლე კოდის კონსტრუქტორის გამოყენებით.

მაგრამ კონსტრუქტორი არ გაძლევთ საშუალებას შეცვალოთ მოკლე კოდი (შეგიძლიათ მხოლოდ იქ შექმნათ მოკლე კოდი). მოკლე კოდის შესაცვლელად ორი გზა არსებობს:

1. წაშალეთ და შექმენით ახალი კონსტრუქტორის გამოყენებით.
2. შეისწავლეთ სინტაქსი და დააფიქსირეთ ველის მოკლე კოდი ხელით.

დიზაინერთან ერთად ამას თავად გაერკვევით.

და აქ გავაანალიზებთ მოკლე კოდის სინტაქსს.

მაგალითად, განიხილეთ ტექსტის ველის ტეგი დამატებითი ვარიანტებით:

ტექსტი (აუცილებელია)ველის ტიპი: ტექსტი, არჩევა, პაროლი, ნომერი და ა.შ. (ამ შემთხვევაში, ტექსტის ველი). ადგენს, თუ რომელ ფორმულ ელემენტში გადაიქცევა ჩვენი ტეგი, რაც ნიშნავს, თუ რა სახის მონაცემებს მიიღებს იგი. * ვარსკვლავი აიძულებს ველს (ფორმა არ გაიგზავნება და გამოჩნდება შეტყობინება, რომ ველი უნდა იყოს შევსებული). კლიენტის სახელი (აუცილებელია)ველის სახელი გამოიყენება როგორც სახელის ატრიბუტი შეყვანისას და ასევე გამოიყენება გაგზავნილი წერილის შაბლონის ფორმირებისას. id:my-id id ატრიბუტი შეყვანისას my-id მნიშვნელობით. გამოიყენება დეკორაციისთვის. class:my-class კლასის ატრიბუტი შეყვანისას my-class მნიშვნელობით. გამოიყენება დეკორაციისთვის. placeholder "(!LANG: შეიყვანეთ სახელი" Использовать текст "Введите имя" как placeholder. !}

დაიცავით ტეგის ატრიბუტების თანმიმდევრობა: ჯერ მოდის ველის ტიპი, შემდეგ მისი სახელი და მხოლოდ ამის შემდეგ დამატებითი პარამეტრები.

ველის ტიპები

• ტექსტის ველები: ტექსტი, ელ.ფოსტა, ტელ, url, ტექსტური ტერიტორია
• რიცხვითი ველები: რიცხვი, დიაპაზონი
• თარიღის ველები: თარიღი
• მოსანიშნი ველები, რადიოები, სიები: მოსანიშნი ველი, რადიო, აირჩიეთ
• ფაილის ატვირთვის ველი: ფაილი
• CAPTCHA: captchac და captchac
• გამოკითხვები: ვიქტორინა
• "მიღება" ველი: მიღება
• გაგზავნის ღილაკი: გაგზავნა
• მორგებული ველის ტიპი

წერილის შაბლონი

მეორე ჩანართში შეგიძლიათ დაარეგულიროთ გაგზავნილი წერილის შაბლონი (განლაგება) და თვისებები. ამ ჩანართის ველებში შეგიძლიათ გამოიყენოთ სპეციალური ფორმის ველის ტეგები - ეს შესაძლებელს ხდის წერილში ფორმაში მითითებული მონაცემების გაგზავნას.

ტეგები შედგება ველების სახელებისგან ფორმის შაბლონიდან. მაგალითად, ჩვენ შევქმენით ტექსტური ველი სახელად: . ახლა თქვენ შეგიძლიათ გამოიყენოთ ტეგი თქვენს ელ.ფოსტის შაბლონში. წერილში, ამ ტეგის ნაცვლად, შეიცვლება მომხმარებლის მიერ შეყვანილი ველის მნიშვნელობა (სრული სახელი).

ელფოსტის სათაურები:

To - ელექტრონული ფოსტის მისამართი, სადაც ელ.წერილი გაიგზავნება. თქვენ შეგიძლიათ მიუთითოთ იმდენი ველი, რამდენიც გსურთ, გამოყოფილი მძიმით.

საიდან - სახელი და ელფოსტა, ვისგანაც მოვიდა წერილი. ჩვეულებრივ, აქ მითითებულია სერვერის ფოსტა (მაგალითად [ელფოსტა დაცულია]).

თქვენ შეგიძლიათ მიუთითოთ ნებისმიერი ფოსტა, მაგრამ თუ ფოსტის დომენი განსხვავდება საიტის დომენისგან, ფორმა არ გაივლის შემოწმებას და ამ პარამეტრს „დაიფიცებს“, თუმცა წერილები მაინც გაიგზავნება.

თემა - ელფოსტის სათაური. გაირკვევა, რომელი ფორმიდან იქნა გაგზავნილი მონაცემები. მაგალითად, წერილის თემაა „შეცდომა საიტზე“, „გადარეკვის შეკვეთა“ და ა.შ. აირჩიეთ სათაური, რათა გაადვილოთ მიღებულ ასოებთან მუშაობა.

• დამატებითი სათაურები - Reply-To: იწერება აქ ნაგულისხმევად. Reply-To header გვეუბნება, რომ ამ ელფოსტაზე პასუხის გაცემა შესაძლებელია მეილერში ღილაკზე „Reply“ დაწკაპუნებით, ხოლო ფორმის ტეგი არის ველის სახელი შაბლონიდან. ამ ტეგის ნაცვლად მომხმარებლის მიერ მითითებული ელფოსტა იქნება ჩასმული. თქვენ მიიღებთ პასუხს: [ელფოსტა დაცულია].

წერილის სხეული

ეს არის ამ ჩანართის შემდეგი მნიშვნელოვანი ნაწილი. გთავაზობთ წერილის ტექსტს. ტექსტში ჩვენ ვიყენებთ ყველა ერთი და იგივე ფორმის ტეგს (ველების სახელები ფორმის შაბლონიდან).

მოდით გავაანალიზოთ ნაგულისხმევი ასო:

მდებარეობა:<>თემა: შეტყობინება: -- გამოგზავნილია საიტიდან საკონტაქტო ფორმის 7 მოდულის შესწავლიდან (http://test-wp.ru)

ჩვენ გვქონდა 4 ველი, რომელიც შეავსო მომხმარებელმა. ელ.ფოსტის გაგზავნის შემდეგ, ტეგები გადაიქცევა მნიშვნელობებად და ჩვენ მივიღებთ შემდეგ ელ.წერილს:

საწყისი: დიმიტრი თემა: შეკითხვა საკონტაქტო ფორმა 7-ის შესახებ შეტყობინება: გამარჯობა! მაქვს შეკითხვა საკონტაქტო ფორმის 7 მოდულის შესახებ, როგორ დავაყენო? -- გამოგზავნილია საიტიდან Exploring Contact Form 7 Plugin (http://test-wp.ru)

ნებაყოფლობითი ველები ელფოსტის ტექსტში

თუ მომხმარებელი არ ავსებს ველს, მაგრამ ის გამოიყენება ასოს ტანში, მაშინ ასოს ტექსტი არასრული იქნება. მაგალითად, სხეულში ნათქვამია Man from the city, მაგრამ მომხმარებელმა არ შეავსო ველი, რაც ნიშნავს, რომ წერილში მივიღებთ Man from the city... წერილში ასეთი სტრიქონი ზედმეტია. ამ სტრიქონის ელფოსტიდან ამოსაღებად, მონიშნეთ ყუთი „გამორიცხეთ ხაზების გამომავალი ცარიელი შეტყობინების ტეგებით“. გაითვალისწინეთ, რომ ეს იმუშავებს მხოლოდ მაშინ, როდესაც ველის ტექსტი და მოკლე კოდი ერთ ხაზზეა.

ვარიანტი "გამოიყენე ასოს HTML ფორმატი". საშუალებას გაძლევთ გამოიყენოთ HTML ტეგები ელ.ფოსტის ტექსტში. ამ შემთხვევაში, შეგიძლიათ გამოიყენოთ HTML ტეგების შეზღუდული სია, რადგან ელ.ფოსტის ყველა კლიენტს ან სერვისს არ შეუძლია სწორად დაამუშავოს რთული HTML მარკირება. შეგიძლიათ გამოიყენოთ: ცხრილები, ბურთულებიანი სიები, გამბედაობა, აბზაცები და ა.შ. მოძებნეთ ინტერნეტში მეტი დეტალებისთვის.

საკონტაქტო ფორმა 7 საშუალებას გაძლევთ გაგზავნოთ წერილი ორ მისამართზე და თითოეული წერილის პარამეტრები განსხვავებულია. ეს შეიძლება იყოს სასარგებლო, როდესაც თქვენ გჭირდებათ წერილის გაგზავნა საიტის ადმინისტრატორს სრული ინფორმაციით და მენეჯერისთვის დუბლიკატი, რომელიც შეიცავს მხოლოდ შეკვეთის მონაცემებს.

გაგზავნის შეტყობინებების ფორმა

ამ ჩანართში შეგიძლიათ შეცვალოთ შეტყობინებები, რომლებსაც ფორმა აჩვენებს მოცემულ სიტუაციაში: წერილის წარმატებულად ან წარუმატებლად გაგზავნისას, ან როდესაც ხდება შეცდომები.

ასოების შაბლონის ტეგები არ მუშაობს ამ ველებში.

დამატებითი პარამეტრები

ეს ჩანართი განკუთვნილია მოწინავე მომხმარებლებისთვის და იძლევა JS კოდის გამოყენების საშუალებას ფორმის შესაძლებლობების გასაფართოებლად. მაგალითად, გათიშეთ მოვლენები ანალიტიკისთვის.

ამ ფუნქციის გამოყენებაზე ცალკე სტატიაში ვისაუბრებ.

საკონტაქტო ფორმა 7 მოდული დაგეხმარებათ თქვენს საიტზე გამოხმაურების ორგანიზებაში.

შეგიძლიათ ჩამოტვირთოთ საკონტაქტო ფორმა 7 მოდული WordPress-ის ოფიციალურ ვებსაიტზე

შეგიძლიათ ჩამოტვირთოთ Really Simple CAPTCHA მოდული WordPress-ის ოფიციალურ ვებსაიტზე

როგორ დავაინსტალიროთ და დააკავშიროთ ეს დანამატი, განვიხილეთ გაკვეთილზე „“, ახლა ჩვენ შევეხებით საკონტაქტო ფორმა 7-ის დამატებით ფუნქციებს. ფორმა სწორად მუშაობს მონიტორებზე, ტაბლეტებზე, ტელეფონებსა და ლეპტოპებზე. სხვათა შორის, თუ ლეპტოპი გაგიფუჭდათ, მაშინ არის სერვისი, სადაც ხდება HP-ის ლეპტოპების შეკეთება.

მას შემდეგ რაც ჩამოტვირთავთ და გაააქტიურებთ დანამატს, გადადით მოდულის პარამეტრებზე, გადადით მართვის პანელის ახალ განყოფილებაში „კონტაქტები“.

გადაიტანეთ მაუსი ფორმის სახელზე და აირჩიეთ "რედაქტირება"

გაიხსნება ფანჯარა ფორმის პარამეტრების შეცვლისთვის.

ვინაიდან საიტს შეუძლია გამოიყენოს არა ერთი, არამედ რამდენიმე ფორმა (შეტყობინებების გაგზავნის ფორმა, ზარის შეკვეთის ფორმა, ფორმა პერსონალური მონაცემებით), ისე, რომ არ იყოს დაბნეული, თუ რომელი ფორმაა პასუხისმგებელი, თქვენ უნდა შეცვალოთ სახელი. ფორმის. ამისათვის დააწკაპუნეთ ფორმის სახელზე 1 .

ბლოკი No2 აჩვენებს, თუ რა იქნება ნაჩვენები გვერდზე ფორმაში. ჯერ მოდის ტექსტი, ველის სახელი, ამ ველის კოდის შემდეგ. თქვენ შეგიძლიათ შეცვალოთ ტექსტი რაც გინდათ.

ფორმაში ახალი ველების დასამატებლად დააწკაპუნეთ ჩამოსაშლელ სიაზე No 3 - „გენერაციული ტეგი“ და ჩამოსაშლელი სიიდან აირჩიეთ საჭირო ელემენტი.

• ტექსტის ველი
• ფოსტა
• Ტელეფონის ნომერი
• ნომერი (სპინბოქსი)
• ნომერი (სლაიდერი)
• ტექსტის ველი
• ჩამოსაშლელი მენიუ
• მოსანიშნი ველები
• რადიოს ღილაკები
• მიღება
• Კითხვა
• CAPTCHA
• ფაილის გაგზავნა
• გაგზავნის ღილაკი

რჩევები და ფორმის ველები ნაგულისხმევად მოწყობილია ასე: ზევით არის მინიშნება, ბოლოში არის ელემენტი. თუ გსურთ აღწერისა და ელემენტის ერთ ხაზზე განთავსება, წაშალეთ ტეგი ტექსტის შემდეგ

. მთელი ბლოკი აღწერილობებით და ელემენტებით უნდა იყოს ერთ ხაზზე და იყოს ტეგის შიგნით

ტექსტის ველი

ჩამოსაშლელი სიიდან აირჩიეთ ელემენტი "ტექსტური ველი"

თუ თქვენ მიერ დამატებული რაიმე ფუნქციაა საჭირო, მონიშნეთ ველი 1 და არ დაგავიწყდეთ მისი დაწერა აღწერილობაში.

თქვენ შეგიძლიათ დაამატოთ დამატებითი ინფორმაცია შეყვანის ველში, რათა ფორმის შევსება უფრო გასაგები გახდეს. მონიშნეთ ველი 2 "გამოიყენოთ როგორც ჩანაცვლება?" და ჩაწერეთ მინიშნება მის გვერდით ველში. როდესაც შეავსებთ ამ ველს ფორმაში, ინსტრუმენტული მინიშნების ტექსტი გაქრება. შემდეგ მიჰყევით მოდულის მოთხოვნებს. შედეგი არის ასეთი ველი დასრულებული ფორმით:

წერილის შაბლონში აუცილებლად ჩადეთ კოდი, წინააღმდეგ შემთხვევაში ამ ველის მონაცემები მეილზე არ გაიგზავნება! ეს ეხება არა მხოლოდ ტექსტის ველებს, არამედ ნებისმიერ სხვა ელემენტს.

ფოსტა

გამოიყენება გამგზავნის საფოსტო ყუთის მისამართის ფორმაზე გადასაცემად

URL

საშუალებას გაძლევთ დაამატოთ ვებგვერდის მისამართი ფორმაში.

Ტელეფონის ნომერი

ამ ველში შესაძლებელია მხოლოდ ნომრების შეყვანა.

ნომერი (სპინბოქსი)

ველი, სადაც შეგიძლიათ დააყენოთ რაღაცის რაოდენობა, როგორიცაა პროდუქტი. რაოდენობა დაყენებულია ზევით/ქვევით ისრებით.

თარიღი

აყენებს კალენდარს ფორმაში თარიღის არჩევის ოფციით. მაგალითად, იგი გამოიყენება სასტუმროში ოთახების დასაჯავშნად. ჩამოსვლის თარიღი, გამგზავრების თარიღი.

ტექსტის ველი

დიახ, არ გაგიკვირდეთ 🙂 კიდევ ერთი ტექსტური ველი. ამჯერად ეს ველი დიდია და საშუალებას გაძლევთ დაწეროთ მასში ბევრი ტექსტი. მაგალითად, მიმოხილვები, კომენტარები.

ჩამოსაშლელი მენიუ

როცა რაიმეს ბევრი ვარიანტია და დიდი სიიდან უნდა აირჩიოთ რომელიმე ნივთი, მაგალითად, ქალაქების, ქუჩების, საქონლის სიიდან.

სია უნდა განთავსდეს არჩევანის ველში, თითოეული ელემენტი ახალ ხაზზე.

მოსანიშნი ველები

ჩამრთველი, ან გამშვები ველი დეველოპერის ჟარგონში, არის ელემენტი, რომელიც ქმნის ჩამრთველ ველს. ამ ველს აქვს ორი მდგომარეობა - მონიშნულია თუ არა. შესაძლებელია მრავალჯერადი შერჩევა. ისინი განლაგებულია მხოლოდ ზედიზედ, თუ მონიშნეთ ყუთი "გააკეთოთ გამშვები ველები ურთიერთგამომრიცხავი?" მაშინ მხოლოდ ერთი ვარიანტის არჩევა შეიძლება.

რადიოს ღილაკები

გადამრთველები (ჟარგონი. რადიო ღილაკები) გამოიყენება მაშინ, როცა საჭიროა რამდენიმე შემოთავაზებულიდან ერთი ერთი ვარიანტის არჩევა. ველის მონიშვნით „ჯერ მოათავსეთ ეტიკეტი და შემდეგ მონიშნეთ ველი?“ ეტიკეტის მდებარეობა და შერჩევის ველი იცვლება, ნაგულისხმევად, ჯერ შერჩევა, შემდეგ ლეიბლი.

მიღება

რაღაცის დადასტურება. ვივარაუდოთ შეთანხმება ზემოთ აღწერილი პირობების მიღებაზე.

Კითხვა

ეს არის სპამის წინააღმდეგ თავდაცვის პირველი ხაზი, ყველაზე ელემენტარული. პარამეტრში დაწერეთ რაიმე სახის შეკითხვა, შეგიძლიათ გამოიყენოთ რიცხვები, შეგიძლიათ გამოიყენოთ ასოები ან ორივე და მიუთითეთ სწორი პასუხი. თუ ფორმის შევსებისას პასუხი სწორია, მაშინ ფორმა გაიგზავნება. მწვანე მიუთითებს ამ ფორმულის რომელი ნაწილი იქნება ნაჩვენები საიტზე პასუხის შეყვანის ველის წინ, წითელი მიუთითებს პასუხზე. ფორმულაში სწორი პასუხი იწერება ნიშნის შემდეგ | (ვერტიკალური ზოლი)

ფორმას ამატებს სპამისგან დაცვას.

ამ ფუნქციის მუშაობისთვის საჭიროა კიდევ ერთი მოდული. ჩამოტვირთეთ, დააინსტალირეთ, გააქტიურეთ დანამატი.

თქვენ არ შეგიძლიათ პარამეტრების შეცვლა, გაგზავნის ღილაკამდე 2 სტრიქონის კოპირება და ჩასმა.

ფაილის გაგზავნა

შეტყობინების გაგზავნის ფორმას შეგიძლიათ დაურთოთ ფაილი. პარამეტრებში შეგიძლიათ მიუთითოთ მაქსიმალური ზომა ბაიტებში და დასაშვები ფორმატები ატვირთვისთვის, მაგალითად.jpg .tiff .doc

გაგზავნის ღილაკი

ფორმის გაგზავნა. "Shortcut" განყოფილების პარამეტრებში - შეგიძლიათ მიუთითოთ ღილაკის სახელი (გაგზავნა, პასუხი, გაგზავნა 🙂)

საკონტაქტო ფორმის 7 გარეგნობის მორგება

ვინაიდან დანამატებს აქვთ განახლების თვისებები, ჩვენ შევცვლით ფორმის გარეგნობას საიტის თემის სტილის ფაილში style.css.

კოდი პასუხისმგებელია ფორმის, მისი ველების და სხვა ელემენტების ჩვენებაზე:

Wpcf7 (ფონის ფერი:#ddd; ) /*ფორმის ფონის ფერი */ .wpcf7 შეყვანა, .wpcf7 textarea( padding:5px; ფერი:#1D1D1D; font-family:Arial, Helvetica, sans-serif; შრიფტის ზომა: 16 პიქსელი; ხაზის სიმაღლე: 20 პიქსელი; საზღვრები: 1 პიქსელი მყარი #C7C7C7; ყუთი-ჩრდილი: ჩასმული 2 პიქსელი 2პx 8პx #F9F9F9; -ვებკიტი-გარდამავალი: ყველა 0,2 წმ სიმარტივე; -moz-ტრანზიცია: ყველა 0,2 წმ სიმარტივე; -o-გადასვლა : ყველა 0.2s ease; გადასვლა: ყველა 0.2s ease;) .wpcf7 .wpcf7-list-item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .wpcf7 .wpcf7-list-item input( საზღვარი: არცერთი; padding-left: 0; margin-left: 0; ) .wpcf7 select( მონახაზი: არცერთი; შრიფტის ზომა:16px; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 შეყვანა: hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active (ფონი: #FDFDFD; მონახაზი: არ არის; )

რა არის აქ რა.

.wpcf7 შეყვანა, .wpcf7 textarea - შეყვანის ველის სტილი (ტექსტური ველი)

1. padding- ადგენს შეწევას შიგთავსიდან ელემენტის საზღვრამდე. აქ - ველში შეყვანილი ტექსტიდან შეწევა ველის საზღვრამდე. მნიშვნელობა დაყენებულია პიქსელებში Xpx, სადაც X არის პიქსელების რაოდენობა. მაგალითი: padding: 5px 3px 6px 8px;
2. ფერი- ტექსტის ფერი.
3. შრიფტი-ოჯახი- შეყვანის ველების შრიფტი.
4. შრიფტის ზომა- შრიფტის ზომა
5. ხაზის სიმაღლე- ხაზის სიმაღლე
6. საზღვარი- ჩარჩო შეყვანის ველის გარშემო
7. ყუთის ჩრდილიჩრდილის ბლოკირება. ჩასმამიუთითებს, რომ ჩრდილი შიდაა. თუ გსურთ გარე ჩრდილი, გამოტოვეთ ეს მნიშვნელობა. მეორე და მესამე მნიშვნელობები 2px 2px მიუთითებს ჩრდილის ჰორიზონტალურ და ვერტიკალურ შერწყმაზე, შესაბამისად. მეოთხე მნიშვნელობა, 8px, განსაზღვრავს დაბინდვის რადიუსს ჩრდილისთვის. მეხუთე - #F9F9F9 - ჩრდილის ფერი.

საკონტაქტო ფორმის 7 ღილაკის მორგება

.buttons_form ( padding: 0px; სიმაღლე: 30px; სიგანე: 150px !mportant; საზღვარი: არცერთი !მნიშვნელოვანი; კურსორი: მაჩვენებელი; ფერი: #fff; -webkit-border-radius: .5em; -moz-border-radius: . 5em; საზღვრის რადიუსი: .5em; ფერი: #faddde; კონტური: მყარი 1px #980c10; ფონი: #d81b21; ფონი: -webkit-gradient(წრფივი, მარცხენა ზედა, მარცხენა ქვედა, from(#ed1c24), to (# aa1317)); ფონი: -moz-linear-gradient(top, #ed1c24, #aa1317); ფილტრი: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24", endColorstr="#aa1317"); )

საკონტაქტო ფორმა 7 შეტყობინების სტილი

ის პასუხისმგებელია შეცდომებზე ან წარმატებულ წარდგენაზე.

Wpcf7 .wpcf7-validation-errors( border:none; background-color:#246416; color:#fff; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok( -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:# 349622; ზღვარი:0; padding:20px; :#349622; padding: 5px; padding- მარცხნივ: 5px; padding-მარჯვნივ: 5px; საზღვრის-რადიუსი:10px; სიგანე: 290px; ფერი: თეთრი; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); )

ახლა კი, მოხერხებულობისთვის, მთელი კოდი კომენტარებით:

Wpcf7 ( background-color:#ddd; ) /*ფორმის ფონის ფერი */ .wpcf7 შეყვანა, .wpcf7 textarea( /* კოდის ეს ნაწილი პასუხისმგებელია შეყვანის ველების, ტექსტის არეების სტილზე */ padding:5px; /* აყენებს შიგთავსს ველების ელემენტიდან მის შინაარსამდე, შეგიძლიათ დააყენოთ ნებისმიერი მნიშვნელობა, მაგალითად 10px */ color:#1D1D1D;/* ტექსტის ფერი შეყვანის ველებში */ font-family:Arial, Helvetica, sans-serif; /* ტექსტის შრიფტი შეყვანის ველებში */ შრიფტი - ზომა: 16 პიქსელი; /* ტექსტის ზომა შეყვანის ველებში */ ხაზის სიმაღლე: 20 პიქსელი; /* ხაზის სიმაღლე შეყვანის ველებში */ საზღვარი: 1 პიქს მყარი #C7C7C7; /* საზღვარი ველების ირგვლივ.პირველი მნიშვნელობა არის სიგანე პიქსელებში, მეორე - box სტილი, მესამე - მისი ფერი */ box-shadow: inset 2px 2px 8px #F9F9F9; /* Box shadow 2px - x offset, 2px - y offset, 8px - ჩრდილის დაბინდვის რადიუსი, #F9F9F9 - ჩრდილის ფერი */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; ) .wpcf7 .wpcf7-list- item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .w pcf7 .wpcf7-list-item input( border: none; padding-მარცხნივ: 0; ზღვარი-მარცხნივ: 0; ) .wpcf7 select( მონახაზი: არცერთი; შრიფტის ზომა: 16 პიქსელი; შრიფტი-ოჯახი: Arial, Helvetica, sans-serif; ) .wpcf7 შეყვანა:hover, .wpcf7 შეყვანა:ფოკუსირება, .wpcf7 შეყვანა:აქტიური, .waparec hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( /* ეს ნაწილი პასუხისმგებელია შეყვანის ველების სტილზე მათზე მაუსის მაჩვენებლით გადაადგილებისას */ ფონი: #FDFDFD; /* შეყვანის ველის ფონი მასზე მაუსის მაჩვენებლის გადატანისას */ მონახაზი: არცერთი; /* ტექსტის შეყვანის ველის გარე საზღვარი */) o-გადასვლა: 0; გარდამავალი: 0; საზღვარი: არცერთი; /* ღილაკის გარშემო კონტური */ პოზიცია: შედარებითი ; ფერი: #fff; /* ტექსტის ფერი */ ტექსტის ტრანსფორმაცია: დიდი; /* ტექსტის ტრანსფორმაცია (ზედა ნიშნავს, რომ ღილაკზე ტექსტი გამოსახული იქნება დიდი ასოებით) */ /* ღილაკის კუთხეების დამრგვალება შემდეგი სამი თვისების მნიშვნელობები უნდა იყოს იგივე, რადგან ისინი იგივეა, მხოლოდ სხვადასხვა ბრაუზერებისთვის */ -webkit-border-radius: 6 პიქსელი /* მრგვალი კუთხეები Chrome-ისთვის */ -moz-border-radius: 6px; /* მრგვალი კუთხეები Mozilla FireFox-ისთვის */ border-radius: 6px; /* მრგვალი კუთხეები ყველა სხვა ბრაუზერისთვის, მობილურის ჩათვლით */ შრიფტის ზომა: 14 პიქსელი; /* ღილაკის ტექსტის ზომა */ font-weight: bold; /* ტექსტის სტილი (bold ნიშნავს თამამს) */ padding-top: 11px; /* ზედა padding ელემენტის კიდიდან მის შინაარსამდე */ padding-bottom: 10px; /* padding ელემენტის ქვემოდან მის შინაარსამდე */ padding-left: 35px; /* ელემენტის კიდის მარცხნივ ჩასმა მის შინაარსზე */ padding-right: 35px; /* ელემენტის კიდიდან მარჯვნივ შიგთავსით */ /* გრადიენტური ფონი - ღილაკის გრადიენტური ფონი */ background-color: #000000; /* ღილაკის ფონის ფერი, თუ გრადიენტი არ არის მხარდაჭერილი ბრაუზერის მიერ */ /* შემდეგ თვისებებში ფერები უნდა იყოს მითითებული იმავე გზით, რადგან ისინი ერთნაირია, მხოლოდ სხვადასხვა ბრაუზერებისთვის. მოდით შევხედოთ პირველ ქონებას. ნაწილი from(#676767), to (#3B3B3B) ნიშნავს, რომ ჩვენ გვჭირდება გრადიენტის ჩვენება, სადაც ფერი #676767) არის გადასვლა ფერზე #3B3B3B */ ფონზე: -webkit-gradient(ხაზოვანი, მარცხენა ზედა, მარცხენა ქვედა, from( #676767), to (#3B3B3B)); ფონი: -moz-linear-gradient(top, #349622, #246416); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#349622", endColorstr="#246416"); -ms-ფილტრი: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#349622, endColorstr=#246416)"; /* Drop Shadow - ღილაკის ჩრდილი. ჩრდილის ფერი მითითებულია RGBA */ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); ) /* On hover - ღილაკის სტილი მაუსის ინდიკატორის დაჭერისას. ყველაფერი თითქმის იგივეა, რაც წინა ბლოკში */ .wpcf7 input.wpcf7-submit:hover( კურსორი: მაჩვენებელი; ტექსტის დეკორაცია: არცერთი; ფონის ფერი: #000000; ფონი: -webkit-გრადიენტი (წრფივი, მარცხენა ზედა , მარცხენა ქვედა, from(#246416), to (#349622)); ფონი: -moz-linear-gradient(top, #246416, #349622); ფილტრი: progid:DXImageTransform.Microsoft.gradient(startColorstr="# 246416 ", endColorstr="#349622"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)"; ) /* დაწკაპუნებით - ღილაკის სტილი მასზე დაწკაპუნებისას თითქმის იგივე, რაც წინა ბლოკში */ .wpcf7 input.wpcf7-submit:active( top: 1px; ფერი: #d8c6e2; /* ღილაკის ტექსტის ფერი დაწკაპუნებისას */ background-color: #000000; background: -webkit-gradient( წრფივი, მარცხენა ზედა, მარცხენა ქვედა, from(#FF0000), to (#246416)); ფონი: -moz-linear-gradient(ზედა, #FF0000, #246416); ფილტრი: progid:DXImageTransform .Microsoft.gradient(startColorstr. ="#FF0000", endColorstr="#246416"); -ms-filter: "progid:DXImag eTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#246416)"; -webkit-box-shadow: არცერთი; -moz-box-shadow: არცერთი; ყუთი-ჩრდილი: არცერთი ) /* CF7 Messages - შეტყობინებების სტილი წარმატებული გაგზავნის, შეცდომების და ა.შ. ** ტექსტის ფერი */ ზღვარი: 0; /* გარე შიგთავსი */ შიგთავსი: 20 პიქს; /* შიდა შიგთავსი */ /* ბრაუზერის კუთხის დამრგვალება - შემდეგი 3 თვისება */ -webkit-border-radius: 10px; -moz- საზღვარი - რადიუსი: 10 პიქსელი; საზღვრის რადიუსი: 10 პიქსელი; ) .wpcf7 .wpcf7-mail-sent-ok( /* წარმატებული შეტყობინების სტილი */ საზღვარი: არა; /* შეტყობინების ბლოკის საზღვარი */ ფონის ფერი:#7ad33f; / * ფონი */ ზღვარი: 0; /* გარე შიგთავსი */ შიგთავსი: 20 პიქს; /* შიდა შიგთავსი */ /* ბრაუზერის კუთხის დამრგვალება - შემდეგი 3 თვისება */ -webkit-border-radius: 10px; -moz- border-radius: 10px; border-radius: 10px;. 10px; -moz-border-radius: 10px; border-radius: 10px; ფერი: თეთრი; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; backgrou nd-color:#349622; padding: 5px; padding-მარცხნივ: 5px padding-right: 5px; საზღვარი-რადიუსი:10px; სიგანე: 290 პიქსელი ფერი: თეთრი; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); ) .wpcf7-form .fleft( float: მარცხნივ; ) .wpcf7-form .mright20( margin-right: 20px; ) .wpcf7-form .mright40( margin-right: 40px; ) .wpcf7-form: .clear(clear ორივე ;)

საკონტაქტო ფორმა 7-ს შეუძლია მრავალი საკონტაქტო ფორმის მართვა, სადაც შეგიძლიათ მოქნილად მოარგოთ ფორმებისა და ფოსტის შინაარსი საკმაოდ მარტივი მარკირებით. ფორმებს აქვს ჩაშენებული მხარდაჭერა Ajax-ის გაგზავნისთვის, CAPTCHA, Akismet-ის სპამის ფილტრისთვის და სხვა.

დოკუმენტაცია და მხარდაჭერა

ეკრანის ანაბეჭდები

ინსტალაცია

1. ატვირთეთ მთელი contact-form-7 საქაღალდე /wp-content/plugins/ დირექტორიაში.
2. გაააქტიურეთ დანამატი დანამატების გვერდიდან თქვენს WordPress დაფაზე.

WordPress-ის დაფის მენიუში ნახავთ ჩანართს "გამოხმაურება".

იმის გასაგებად, თუ როგორ გამოიყენოთ მოდულის სწორად გამოყენება, შეგიძლიათ ეწვიოთ მის მთავარ გვერდს.

მიმოხილვები

მე ვხედავ, რომ ბევრ ადამიანს სძულს ეს მოდული, რადგან ისინი იყენებენ მხარდაუჭერელ ვერსიას, რომელიც არის შეფუთული თემაში, - მხოლოდ ჩემი გამოცდილებიდან შემიძლია ვთქვა, რომ მისი რამდენიმე წლის გამოყენების შემდეგ ბევრ საიტზე არის დიდი მადლობა. დეველოპერებისთვის, რომლებიც ინახავს მას განახლებულ და უფასოს ყველასთვის. ძალიან მარტივია დაყენება და მორგება. Გაუმარჯოს!

წევრები და დეველოპერები

„საკონტაქტო ფორმა 7“ არის ღია კოდის პროექტი. შემდეგი კონტრიბუტორები წვლილი შეიტანეს მოდულის განვითარებაში:

წევრები

ცვლილებების ჟურნალი

იხილეთ რელიზები დამატებითი ინფორმაციისთვის.

5.1.6

• CSS: შლის სტილის წესს სტილის ფურცლიდან, რომელიც იყო არასაჭირო და ეწინააღმდეგებოდა Twenty Twenty-ის წესებს.
• REST API: ამოიღებს საკონტაქტო ფორმის ID-ს პირდაპირ მარშრუტის პარამეტრებიდან.

5.1.5

• Config Validator: ახალი სატესტო ელემენტი unavailable_html_elements შეცდომისთვის.
• Config Validator: ახალი სატესტო ელემენტი attachments_overweight შეცდომისთვის.

5.1.4

• reCAPTCHA: წარმოგიდგენთ WPCF7_RECAPTCHA_SITEKEY და WPCF7_RECAPTCHA_SECRET მუდმივებს.
• reCAPTCHA: წარმოგიდგენთ wpcf7_recaptcha_sitekey და wpcf7_recaptcha_secret ფილტრის კაუჭებს.
• $status პარამეტრის დამატება wpcf7_form_response_output ფილტრში.
• წარმოქმნის შემთხვევით კოდს, როდესაც მომხმარებელი რეგისტრირებული მომხმარებელია.
• წარმოგიდგენთ WPCF7_ContactForm::unit_tag(), საჯარო მეთოდს, რომელიც აბრუნებს ერთეულის ტეგს.
• reCAPTCHA: აძლევს განსხვავებულ შეტყობინებას სპამის ჟურნალს იმ შემთხვევებში, როდესაც პასუხის ჟეტონი ცარიელია.
• თანხმობის დროშა: label_first ვარიანტის მხარდაჭერა თანხმობის ფორმის ტეგში.

5.1.3

• გამოსწორდა შეცდომა, რამაც შეუძლებელი გახადა ფოსტის ჩანართში ოფციის არჩევის გაუქმება.

5.1.2

• მუდმივი კონტაქტი: შემოვიდა კონტაქტების სიის ამომრჩეველი.
• მუდმივი კონტაქტი: დაინერგა დამატებითი პარამეტრი konstant_contact.
• reCAPTCHA: გააცნო wpcf7_recaptcha_actions და wpcf7_recaptcha_threshold ფილტრის კაკვები.

5.1.1

• reCAPTCHA: ცვლის პასუხს პასუხების ცარიელ ნიშნებზე.

5.1

• დაინერგა მუდმივი კონტაქტის ინტეგრაციის მოდული.
• განახლებულია reCAPTCHA მოდული reCAPTCHA v3-ის მხარდასაჭერად.
• ამატებს მუქი რეჟიმის სტილის წესებს.

5.0.5

• დაფიქსირდა შეუსაბამობის პრობლემა get_data_option() და get_default_option() შორის WPCF7_FormTag კლასში.
• აჩუმებს PHP შეცდომებს, რომლებიც წარმოიქმნება unlink() ზარებზე.
• გააცნო wpcf7_is_file_path_in_content_dir() UPLOADS მუდმივის მხარდასაჭერად.

5.0.4

• აშკარად აყენებს power_type არგუმენტს register_post_type() ზარში, რათა მოაგვაროს პრივილეგიების არაავტორიზებული გაზრდის პრობლემა.
• ლოკალური ფაილის მიმაგრება - აკრძალულია wp-content დირექტორიას გარეთ მდებარე ფაილების აბსოლუტური ბილიკების მითითება.
• Configuration Validator - ამატებს სატესტო ელემენტს დანართის ფაილის არასწორი პარამეტრების გამოსავლენად.
• გამოსწორდა ხარვეზი JavaScript-ის უკან თავსებადობის ფუნქციაში ძველი ბრაუზერებისთვის, რომლებიც არ უჭერენ მხარს HTML5 ჩანაცვლების ატრიბუტს.
• თანხმობის ჩამრთველი - გამორთავს ფორმის ტეგის არ შეინახოს ფუნქციას.

5.0.3

• CSS: გამოიყენეთ კურსორის სტილი "არ არის დაშვებული", როდესაც აჩერებთ გაგზავნის ღილაკებს გათიშულ მდგომარეობაში.
• თანხმობის დროშა: თეგების გენერატორის მომხმარებლის ინტერფეისის გადახედვა, რათა წაახალისოს კონფიდენციალურობის დაცვის უკეთესი ვარიანტების გამოყენება.
• wpcf7_anonymize_ip_addr() ფუნქციის იმპლემენტაცია.
• წარმოდგენილია consent_for:storage ვარიანტი ფორმის თეგის ყველა ტიპისთვის.

5.0.2

• readme.txt ფაილს დაემატა "კონფიდენციალურობის შენიშვნები" განყოფილება.
• განახლებული შინაარსი ინფორმაციის მეტა-ბლოკში.
• გამოიყენეთ get_user_locale() ნაცვლად get_locale() სადაც უფრო შესაფერისია.
• თანხმობის ჩამრთველი: განაახლეთ გამორთული გაგზავნის ღილაკების სტატუსი წარმატებული განაცხადის შემდეგ.

5.0.1

• დაფიქსირდა _n() არასწორი გამოყენება.
• კონფიგურაციის შემოწმება: დაფიქსირდა გაფრთხილებების არასწორი რაოდენობა გაფართოებული პარამეტრების ჩანართში.
• კონფიგურაციის შემოწმება: დაფიქსირდა [_site_admin_email] სპეციალური ელფოსტის ტეგის არასწორი დამუშავება სათაურის ველში "From".
• Acceptance flag: მითითებული კლასი და id ატრიბუტები გამოყენებული იქნა არასწორ HTML ელემენტზე.
• კონფიგურაციის შემოწმება: თუ არსებობს არჩევითი ფოსტის სათაური ისეთი საფოსტო ყუთებისთვის, როგორიცაა Cc ან Reply-To, მაგრამ შესაძლებელია ცარიელი მნიშვნელობა, დაბრუნდება შეცდომა "ფოსტის ყუთის არასწორი სინტაქსი".
• ცალსახად მიუთითეთ მეოთხე პარამეტრი add_action()-ში, რათა თავიდან აიცილოთ პარამეტრის გაუთვალისწინებელი მნიშვნელობები.
• შეამოწმეთ არის თუ არა სამიზნე დირექტორია ცარიელი მის წაშლამდე.

5.0

• დამატებითი პარამეტრები: on_sent_ok და on_submit წაიშალა.
• ახალი დამატებითი პარამეტრი: skip_mail.
• ფლამინგო: შემომავალი არხის სათაური იცვლება შესაბამისი საკონტაქტო ფორმის სათაურთან ერთად.
• DOM მოვლენები. API პასუხის მთელი ობიექტი ხელმისაწვდომია event.detail.apiResponse თვისებით.
• HTML ფოსტა: ამატებს ენასთან დაკავშირებულ ატრიბუტებს HTML სათაურში.
• ფაილის ატვირთვა: აყენებს მიღების ატრიბუტს ატვირთვის ველში.
• შემოვიდა ახალი WPCF7_MailTag კლასი.
• საშუალებას გაძლევთ შეწყვიტოთ წერილის გაგზავნის მცდელობა wpcf7_before_send_mail სამოქმედო კაკლის გამოყენებით. ასევე, შეგიძლიათ დააყენოთ პერსონალური სტატუსი და შეტყობინება სამოქმედო ჩარევის საშუალებით.
• მიღების ჩამრთველი: გაძლევთ საშუალებას მიუთითოთ პირობები ფორმის ტეგის შინაარსის ნაწილში.
• მიღების ჩამრთველი: მხარს უჭერს არასავალდებულო პარამეტრს.
• ახალი მორგებული ფოსტის თეგები: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [__user_name], [__user_name] [_user_display_name].
• ახალი ფილტრის კაკვები: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_($type) და wpcf7_mail_tag_replaced_($type)
• ახალი ფორმა-ტეგის მახასიათებლები: ნულოვანი კონტროლი-კონტეინერი და არა-ფოსტისთვის