Մենյու
տունՀամակարգային

Նամակ խմբագրի կոնտակտային ձևի id b 1147. Հետադարձ կապի ձևի պլագիններ WordPress-ի համար: Պարտադիր դաշտի վավերացում

Կոնտակտային ձևը շատ կայքերի կարևոր հատկանիշն է: Սա է պատճառը, որ WordPress-ի գրացուցակում այդքան շատ կոնտակտային ձևերի հավելումներ կան: Ամենահայտնիներից մեկն է կոնտակտային ձև 7. Փլագինը թույլ է տալիս ստեղծել ցանկացած տեսակի ձևեր; շատ ճկուն և հեշտ կարգավորվող; զարգանում է երկար տարիներ և պարունակում է բազմաթիվ զարգացումներ։

Կոնտակտային ձևերի ստեղծում և ցուցադրում

Ադմինիստրատորում ձևերի ստեղծում

Փլագինը տեղադրելուց հետո կհայտնվի «Contact Form 7» ցանկի տարրը, որի միջոցով կարող եք ստեղծել և ջնջել ձևաթղթեր։

Նկարում պատկերված ձևը ստեղծվել է ավտոմատ կերպով, երբ plugin-ն ակտիվացել է:

Մենք օգտագործում ենք լռելյայն ձևը, դրա համար կստեղծենք «Կապ ինձ հետ» էջ և այնտեղ կտեղադրենք ձևի կարճ կոդը։

Կայքի ճակատը

Հիմա եկեք պահպանենք հոդվածը և տեսնենք, թե ինչ տեսք ունի մեր ձևը (օգտագործելով Քսան տասնվեց թեման).

Նկարում ներկայացված է ձևաթուղթը ուղարկված նամակից հետո (սա նշվում է ձևի ներքևի ծանուցմամբ):

Ձևերի հարմարեցում (բարդ ձևերի ստեղծում)

Վերևի օրինակը ցույց է տալիս, թե ինչպես կարելի է տեղադրել պատրաստի և շատ պարզ կոնտակտային ձև: Եվ հիմա եկեք նայենք, թե ինչպես ստեղծել ավելի բարդ ձև: Դա անելու համար մենք կվերադառնանք ադմինիստրատորի վահանակ, ձևերի կառավարիչ և կանցնենք լռելյայն ձևի խմբագրմանը:

Վերին դաշտում - ձևի անունը (տեսանելի է միայն ադմինիստրատորի վահանակում), նշեք ձեզ համար պարզ անուն, օրինակ՝ «Կարծիք կայքի մասին», «Աշխատանքի դիմումի ձև», «Ձև»: հետադարձ կապ« և այլն։

Վերնագրի տակ կարճ ծածկագիր է: Մենք այն օգտագործում ենք գրառումներում՝ ձևը ցուցադրելու համար։

Եվ ստորև ներկայացված են չորս ներդիր.

  1. Ձևի ձևանմուշ
  2. Նամակ
  3. Լրացուցիչ կարգավորումներ

Եկեք դիտարկենք յուրաքանչյուր ներդիր առանձին:

Ձևի ձևանմուշ

Այս ներդիրում կարող եք կարգավորել դաշտերը և տեսքըձևերը. Աշխատանքային տարածքն է HTML խմբագիր WP. Միայն սովորական կոճակների փոխարեն մենք տեսնում ենք տարբեր ձևի դաշտեր տեղադրելու կոճակներ։

Ձևի դասավորություն

Դասավորության համար կարող եք օգտագործել html պիտակներ և պլագինների կարճ կոդեր: Կարճ կոդերն ավելացնում են ձևի դաշտեր, իսկ html թեգերը թույլ են տալիս ստեղծել կամայական HTML կառուցվածք: Օրինակ, մեր լռելյայն ձևն ունի հետևյալ տեսքը.

Եվ երբ ցուցադրվի գրառման մեջ, այն կվերածվի այս HTML-ի.

Կարճ կոդի շարահյուսություն

Եկեք սեղմենք «Տեքստ» կոճակը: Բացվում է պատուհան, որտեղ մենք կարող ենք նշել տեքստային դաշտի ատրիբուտները: Նշեք և սեղմեք «Տեղադրել պիտակը»:

Պիտակը հետագայում կվերածվի տեքստային դաշտի՝ html կոդով.

Կարճ կոդերը կարող են հարմար կերպով ստեղծվել՝ օգտագործելով կարճ կոդերի կոնստրուկտորը:

Բայց կոնստրուկտորը թույլ չի տալիս փոխել կարճ կոդը (այդտեղ կարող եք միայն կարճ կոդ ստեղծել): Կարճ կոդը փոխելու երկու եղանակ կա.

  1. ջնջել և ստեղծել նորը` օգտագործելով կոնստրուկտորը:
  2. ուսումնասիրեք շարահյուսությունը և ձեռքով շտկեք դաշտի կարճ կոդը:

Դիզայների հետ դուք ինքներդ կհասկանաք:

Եվ այստեղ մենք կվերլուծենք կարճ կոդի շարահյուսությունը։


Օրինակ, հաշվի առեք տեքստային դաշտի պիտակը լրացուցիչ ընտրանքներով.

Տեքստ (պարտադիր)Դաշտի տեսակը՝ տեքստ, ընտրություն, գաղտնաբառ, համար և այլն: (այս դեպքում՝ տեքստային դաշտ): Որոշում է, թե որ ձևի տարրին կվերափոխվի մեր պիտակը, ինչը նշանակում է, թե ինչպիսի տվյալներ կընդունի: * Աստղանիշը դաշտը դարձնում է պարտադիր (ձևը չի ներկայացվի և կցուցադրվի ծանուցում, որ դաշտը պետք է լրացվի): հաճախորդի անունը (պարտադիր)Դաշտի անվանումն օգտագործվում է որպես անունի հատկանիշ մուտքագրման մեջ, ինչպես նաև օգտագործվում է ուղարկված նամակի ձևանմուշը ձևավորելիս։ id:my-id Մուտքի id հատկանիշը my-id արժեքով: Օգտագործվում է զարդարման համար։ class:my-class Դասի հատկանիշը my-class արժեքով մուտքագրման վրա: Օգտագործվում է զարդարման համար։ տեղապահ «Մուտքագրեք անուն" Использовать текст "Введите имя" как placeholder. !}

Հետևեք պիտակի ատրիբուտների հերթականությանը. սկզբում գալիս է դաշտի տեսակը, այնուհետև անունը և միայն այնուհետև լրացուցիչ ընտրանքներ:

Դաշտի տեսակները

  • Տեքստային դաշտեր՝ տեքստ, էլ. փոստ, հեռ., url, textarea
  • Թվային դաշտեր՝ թիվ, տիրույթ
  • Ամսաթվի դաշտեր. ամսաթիվ
  • Վանդակներ, ռադիոներ, ցուցակներ. վանդակ, ռադիո, ընտր
  • Ֆայլի վերբեռնման դաշտ՝ ֆայլ
  • CAPTCHA: captchac և captchar
  • Հարցումներ՝ վիկտորինա
  • «Ընդունել» դաշտ՝ ընդունում
  • Ներկայացնել կոճակ՝ ներկայացնել
  • Պատվերով դաշտի տեսակը

Նամակի ձևանմուշ

Երկրորդ ներդիրում կարող եք ճշգրտորեն կարգավորել ուղարկված նամակի ձևանմուշը (դասավորությունը) և հատկությունները: Այս ներդիրի դաշտերում կարող եք օգտագործել հատուկ ձևի դաշտային պիտակներ. դա հնարավորություն է տալիս ուղարկել նամակում նշված ձևի մեջ նշված տվյալները:

Թեգերը կազմված են ձևի ձևանմուշի դաշտերի անուններից: Օրինակ, մենք ստեղծել ենք տեքստային դաշտ՝ անունով. Այժմ դուք կարող եք օգտագործել պիտակը ձեր էլփոստի ձևանմուշում: Նամակում այս թեգի փոխարեն կփոխարինվի օգտատիրոջ մուտքագրած դաշտի արժեքը (լրիվ անուն):

Էլփոստի վերնագրեր.

    Ում - էլփոստի տուփորտեղ էլ կուղարկվի էլ. Դուք կարող եք նշել այնքան տուփ, որքան ցանկանում եք՝ բաժանված ստորակետերով:

    From - անունը և էլ. փոստը, ումից է նամակը եկել: Սովորաբար այստեղ նշվում է սերվերի փոստը (օրինակ [էլփոստը պաշտպանված է]).

    Դուք կարող եք նշել ցանկացած փոստ, բայց եթե փոստի տիրույթը տարբերվում է կայքի տիրույթից, ձևը չի լինի փորձարկվելու էև «հայհոյելու» է այս պարամետրով, չնայած նամակները դեռ կուղարկվեն:

    Թեմա - էլփոստի վերնագիր: Թե որ ձևից են ուղարկվել տվյալները, պարզ կլինի։ Օրինակ՝ նամակի թեման է՝ «Կայքում սխալ», «Հետ զանգի պատվեր» և այլն։ Ընտրեք վերնագիր՝ ստացված տառերի հետ աշխատանքը հեշտացնելու համար:

  • Լրացուցիչ վերնագրեր - Պատասխանել. այստեղ լռելյայն գրված է: Reply-to վերնագիրը մեզ ասում է, որ այս նամակին կարելի է պատասխանել՝ սեղմելով «Պատասխանել» կոճակը: փոստի ծրագիր, իսկ ձևի պիտակը կաղապարի դաշտի անունն է։ Օգտագործողը նշված էԱյս պիտակի փոխարեն կտեղադրվի էլ. Դուք ստանում եք Reply-to-ին նման մի բան. [էլփոստը պաշտպանված է].
Նամակի մարմին

Սա այս ներդիրի հաջորդ կարևոր մասն է: Ահա նամակի տեքստը. Տեքստում մենք օգտագործում ենք բոլոր նույն ձևի պիտակները (դաշտերի անունները ձևի ձևանմուշից):

Եկեք վերլուծենք լռելյայն տառը.

From:<>Թեմա՝ Հաղորդագրություն.

Մենք ունեինք 4 դաշտ, որոնք օգտատերը լրացրեց։ Նամակն ուղարկելուց հետո պիտակները կվերածվեն արժեքների, և մենք կստանանք այսպիսի նամակ.

From: Դմիտրի Թեմա՝ Հարց կոնտակտային ձև 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 կոդը՝ ձևի հնարավորություններն ընդլայնելու համար։ Օրինակ, կախեք իրադարձություններ վերլուծության համար:

Այս ֆունկցիոնալության օգտագործման մասին ես կխոսեմ առանձին հոդվածում:

Շատ կայքեր ստեղծում են հետադարձ կապի ձևեր, որպեսզի օգտվողները կարողանան հաղորդագրություն թողնել ադմինիստրատորին՝ առանց կայքից դուրս գալու: Կարգավորման և օգտագործման համար ամենահայտնի, որակյալ և հարմարը plugin-ն է Կոնտակտային ձև 7- դրա օգնությամբ դուք կարող եք ստեղծել ցանկացած կոնտակտային ձևեր և ոչ միայն: Քանի որ հավելվածն ունի մեծ թվով տարբեր ձևեր և դաշտեր, այն կարող է օգտագործվել բազմաթիվ առաջադրանքների համար: Օրինակ, ես այն օգտագործել եմ հավաքագրման կայքում գործատուի և աշխատանք փնտրողի համար հարցաթերթ ստեղծելու համար, միայն մեկ ապրանքի գիծ վաճառող կայքում ապրանքի պատվերի ձև ստեղծելու համար, ես օգտագործել եմ այս հավելվածը՝ բարդ և ծավալուն հաշվարկ ստեղծելու համար։ ձևաթղթեր շինհրապարակի համար, հետադարձ կապի տարբեր ձևերի և այլ ձևերի համար: Բայց խոսքը դրա մասին չէ, այլ այն մասին, թե ինչպես կարելի է կոնտակտային ձևը հայտնվի թռուցիկ պատուհանում, որպեսզի կարողանաք կոճակ ստեղծել կոնտակտային ձևը զանգահարելու համար յուրաքանչյուր էջում, և ոչ միայն «Կոնտակտներ» էջում:

Դա, իրոք, դժվար չէ, բայց ձեզ հարկավոր կլինի մեկ այլ պլագին FancyBox էֆեկտով, ես անձամբ հավանում եմ այս երկու փլագինները՝ Easy FancyBox կամ FancyBox WordPress-ի համար, կան տարբեր նմանատիպ պլագիններ, բայց դրանցից որևէ մեկը լավ է աշխատում և դեռ թույլ է տալիս բացել պատկերները: թռուցիկ պատուհանը:

Ընդհանուր առմամբ, տեղադրվում են երկու պլագիններ. Կոնտակտային ձև 7Եվ Հեշտ Fancy Box, կոնտակտային ձևը ստեղծվել է, մնում է կոդը ավելացնել կաղապարին։

Կոդը տեղադրվում է կայքի ձևանմուշի մեջ .php ֆայլերում:

Կաղապարի ֆայլի կոդում տեղադրված կոնտակտային ձևի ելնող կոդը.

Զանգահարեք

Եթե ​​ձևի զանգի կոդը տեղադրեք անմիջապես Visual Text Editor-ում TEXT ռեժիմում, ապա կոդը կունենա հետևյալ տեսքը.

Կոդ՝ ելնող կոնտակտային ձևով, որը տեղադրված է տեսողական գրառման խմբագրիչում (Տեքստային ռեժիմում) կայքի ադմինիստրատորի վահանակում.

Զանգահարեք

Իմ օրինակում ես ունեմ «Պատվիրել հետադարձ զանգ» ձևի կոդը. ձևում կա ընդամենը երկու դաշտ՝ անուն և հեռախոսահամար, որպեսզի կայքի ադմինիստրատորը հետ կանչի հաճախորդին:

Դիտարկենք այս կոդը.

Սա պատուհանը ձևով կանչելու կոճակի ծածկագիրն է, այս կոճակի համար կարող եք ցանկացած ոճ սահմանել և տեղադրել այն ձևանմուշի ցանկացած վայրում՝

Զանգահարեք

Սա ինքնին թռուցիկ պատուհանի ծածկագիրն է, այն կարելի է թողնել պատուհանի կանչի կոճակի տակ, կամ կարելի է հեռացնել էջատակի մեջ, որպեսզի բովանդակության կոդը ավելի մաքուր լինի.

Այս կոդում ձևն ինքնին կոչվում է հետևյալ գործառույթով.

Այնտեղ, որտեղ գրված է, ցուցադրեք կարճ կոդը Կոնտակտային ձևի համար, կարճ կոդը նշված է հենց կոնտակտային ձևում, երբ այն ստեղծվել է.

Միևնույն էջում մի քանի ձևաթղթեր կանչելու համար ձևը կանչելու համար անհրաժեշտ է օգտագործել տարբեր id:

Բացվող պատուհանում երկու հետադարձ կապի ձևեր կանչելու օրինակ.

Մենք զանգում ենք ձև 1

Զանգի ձև 2

Այս դեպքում մի քանի ձևեր կանչելու համար ուշադրություն դարձրեք կոդի հետևյալ մասերին.

... և երկրորդ ձևի համար. ... և այլն:

Հետադարձ կապի ձևի կարճ կոդը ցուցադրելու փոխարեն կարող եք ցուցադրել ցանկացած բովանդակություն, օրինակ՝ տեքստով կամ պատկերներով բլոկներ, կամ Feedburner բաժանորդագրության ձևը, օրինակ՝ այսպես է ցուցադրվում Feedburner բաժանորդագրության ձևը կայքերից մեկում։