WordPress- ով կառուցեք հաճախորդների պորտալ

Բովանդակություն

• 01. Տեղադրեք WordPress- ի թարմ օրինակ
• 02. Հեռացրեք լռելյայն կոնտակտները
• 03. Ավելացրեք հաղորդագրության հատուկ տեսակ
• 04. Պատվերով հաղորդագրության տեսակի ինտերֆեյսը ավելացնել / խմբագրել
• 05. Ստեղծեք վերաշարադրված հարմար պարապ
• 06. Ավելացրեք անհատական ​​դաշտերի աջակցություն
• 07. Ավելացրեք հարմարեցված դաշտեր
• 08. Կարգավորեք դաշտերը
• 09. Ստեղծեք WordPress ձևանմուշի ֆայլ
• 10. Ստեղծեք լրիվ լայնությամբ մեկ գրառման դասավորություն
• 11. Սկսեք օղակը և ստեղծեք բովանդակությունը
• 12. Դինամիկ արժեքներ զանգահարելու համար օգտագործեք PHP
• 13. Կատարեք փորձնական հաճախորդ ՝ որոշ կեղծ տվյալներով
• 14. Կարգավորեք սխալները ցանկացած բացակայող տվյալների համար
• 15. Կարգավորել միջերեսը
• 16. Բացառեք այն կայքի քարտեզից

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

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

WordPress- ի այս ձեռնարկը ցույց կտա, թե ինչպես կարելի է WordPress- ը (այլ վեբ հոստինգի ծառայություններ մատուցել) ընդլայնել հաճախորդի պորտալում, որն ունակ է փաստաթղթեր, տեսանյութեր և գծանկարներ պահելու, այնպես որ հաճախորդը կարող է բոլորին մի տեղ մուտք գործել: Պորտալը յուրաքանչյուր հաճախորդի կծառայի յուրօրինակ և գաղտնաբառով պաշտպանված հղումով, որը չի հայտնվում սովորական նավիգացիայում:

Տվյալները պահելու համար կօգտագործվեն գրառման հատուկ տեսակներ և դաշտեր, որոնք կավելացվեն պլագինների միջոցով ՝ թեման փոխելու դեպքում տվյալների կորստից խուսափելու համար: Թեման մի փոքր կփոփոխվի:

Հաճախորդների պորտալ ունենալը հաճախորդներին հնարավորություն է տալիս բոլոր ֆայլերը նույն տեղում մուտք գործել, երբ որ դրանք անհրաժեշտ լինեն, ինչպես ամպային պահոցն օգտագործելիս: Այն ունի բիզնեսի առավելությունների զանգված, ներառյալ մատչելի վաճառքի ցուցադրումը կամ կարող է օգտագործվել ի սկզբանե աշխատանքային գործընթացի ընդհանուր նկարագիր տալու համար ՝ տեսողականորեն նկարագրելով առաքվողները:

Ներբեռնեք ֆայլերը այս ձեռնարկի համար:

• Ինչպես WordPress- ը վերածել տեսողական կառուցապատողի

01. Տեղադրեք WordPress- ի թարմ օրինակ

WordPress- ի թարմ պատճենը տեղադրված է զարգացման սերվերի վրա, և «ստորին ժապավենը» թեման ընտրվել է կաթսայատան հիմքը տալու համար `արագ աշխատանք սկսելու համար: Օգտագործվելու է Պատվերով հաղորդագրության տիպի UI հավելվածը, որպեսզի մեր պատվերով հաղորդագրությունների տեսակները անկախ լինեն թեմայից:

02. Հեռացրեք լռելյայն կոնտակտները

Եթե ​​WordPress- ի կրկնօրինակի հետ միասին կան որևէ կանխադրված հավելումներ, ապա դրանք ջնջեք: Այս ձեռնարկի համար անհրաժեշտ ներդիրներն են «Ընդլայնված հարմարեցված դաշտեր» և «Պատվերով հաղորդագրության տիպի միջերես»: Տեղադրված է նաև «Դասական խմբագիր»:

03. Ավելացրեք հաղորդագրության հատուկ տեսակ

Օգտագործելով Custom Post Type UI ինտերֆեյսը, ավելացրեք նոր հաղորդագրության տեսակ, որը կոչվում է «հաճախորդ»: «Post type slug» մուտք գործելիս բացերի փոխարեն օգտագործեք տողեր և գրեք եզակի ձևով, քանի որ դա հետագայում կդյուրացնի ձևանմուշների ստեղծումը: Tu_ նախածանցը ավելացվել է ՝ բախման հավանականությունը նվազեցնելու համար:

04. Պատվերով հաղորդագրության տեսակի ինտերֆեյսը ավելացնել / խմբագրել

Ավելացրեք «հաճախորդներ» պիտակով հոգնակի թվին և եզակի «հաճախորդ» պիտակով, քանի որ դա կհայտնվի WordPress- ի ադմինիստրատորի ցանկում: Այս դաշտերում կապիտալիզացիան ընդունված է, ինչը WordPress- ի ընտրացանկը կդարձնի ավելի կոկիկ:

05. Ստեղծեք վերաշարադրված հարմար պարապ

Գրառման տիպի շապիկի համար նախածանց օգտագործելը կնշանակի, որ պորտալում ավելացված հաճախորդները կստեղծվեն հղումով, որը նման է «/ tu_customer / example-company»: Սա կոկիկ տեսք չունի, և դրա բարելավման համար օգտագործվում է հատուկ վերաշարադրված ծխամորճ: «Հաճախորդներ» վերաշարադրելու պարամետրը կարգավորելը թույլ է տալիս հաղորդագրության պատվերով տեսակը հայտնվել որպես / հաճախորդներ / օրինակ-ընկերություն:

06. Ավելացրեք անհատական ​​դաշտերի աջակցություն

Վերջին տարբերակը, որը միացված է փակցված հաղորդագրության տեսակին, «Աջակցություններ> Պատվերով դաշտ» է, որը գտնվում է էջի ներքևի մասում: Նշեք սա, ապա «ավելացրեք գրառման տեսակը» էջի ներքևում: Սա ներկայացնում է փոփոխությունները և գրանցում հաղորդագրության տեսակը:

07. Ավելացրեք հարմարեցված դաշտեր

Այժմ հարմարեցված դաշտերը պետք է ավելացվեն և վերագրվեն հենց նոր ստեղծված գրառման տեսակին: «Հաճախորդների պորտալ» անունով դաշտային խմբի ավելացումն առաջին քայլն է, որին հաջորդում է դրան ավելացնել դաշտի կոճակի միջոցով հարմարեցված դաշտերի ավելացում: Առաջին դաշտի «համառոտագիրը» կսահմանվի որպես դաշտի տիպ «ֆայլ», որը թույլ է տալիս ադմինիստրատորին ֆայլ վերբեռնել այս վայրում: Վերադարձի արժեքը սահմանեք «ֆայլի url»:

08. Կարգավորեք դաշտերը

Հաջորդ դաշտը, որը պետք է ավելացվի, «ապրանքանիշի հարցաշարն» է: Սա բաղկացած է լինելու հղումից դեպի google ձև, որը հաճախորդը պետք է լրացնի: Դրա համար դաշտի ամենահարմար տեսակը «URL» - ն է: Այս նույն մեթոդը կարող է օգտագործվել բոլոր այն ոլորտների համար, որոնք կապվելու են արտաքին ծառայության հետ: Ավարտելուց հետո ոլորեք ներքև դեպի «տեղադրություն» վանդակը և օգտագործեք «ifուցադրել, եթե հաղորդագրության տեսակը» = «Հաճախորդ» տրամաբանությունը: Դրանից հետո հրապարակեք դաշտային խումբը:

09. Ստեղծեք WordPress ձևանմուշի ֆայլ

WordPress- ը պետք է իմանա, թե ինչպես ցուցադրել հաճախորդի վահանակը: Դրա համար հետևում են WordPress ձևանմուշի հիերարխիային ՝ այս հատուկ գրառման տեսակի համար ձևանմուշ ֆայլ ստեղծելու համար: Արմատային թեմայի գրացուցակում ստեղծեք single-tu_customer.php անունով ֆայլ:

10. Ստեղծեք լրիվ լայնությամբ մեկ գրառման դասավորություն

Բացեք single-tu_customer.php ֆայլը և ավելացրեք get_header և get_footer WordPress գործառույթները: Այդ գործառույթների միջև ստեղծեք ամբողջ լայնությամբ դասավորություն ՝ ձեր թեմայի հետ աշխատող բովանդակությունը պահելու համար:

? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "առաջնային"> հիմնական id = "main"> -! Բովանդակություն -> / հիմնական> / div> / div>! - .row -> / div>! - # բովանդակություն -> / div>! - # մեկ փաթաթան ->? Php get_footer () ;?>>

11. Սկսեք օղակը և ստեղծեք բովանդակությունը

Հիմնական> տարրի շրջանակներում զանգահարեք the_post և ստեղծեք տարայի տարրեր ՝ տեղեկատվություն պահելու համար: Օգտագործեք տեղապահի մասին տեղեկությունները ՝ դասավորության մասին պատկերացում կազմելու համար և սկսեք տարրերը ոճավորել: Քարտի տարրերը կլինեն bootstrap քարտեր `վերնագրով, նկարագրությամբ և հղումով:

main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php միաժամանակ; // հանգույցի ավարտ: ?> var13 -> / main>! - # հիմնական ->

12. Դինամիկ արժեքներ զանգահարելու համար օգտագործեք PHP

Օգտագործելով «the_field» գործառույթը, գործառույթը, որը գալիս է առաջադեմ մաքսային դաշտերի հավելվածի հետ, մաքսային դաշտերից դինամիկ բովանդակությունը մուտքագրվում է հաճախորդի ձևանմուշ: «Field_name» - ն այն արժեքն է, որը մուտքագրվել է 3-րդ քայլում:

div> div> h5> Brief / h5> p> Սա ձեր բնօրինակ հակիրճ փաստաթուղթն է / p> a href = "? php the_field ('հակիրճ');?> var13 ->" target = "none"> Բացել / a > / div> / div>

13. Կատարեք փորձնական հաճախորդ ՝ որոշ կեղծ տվյալներով

Օգտվելով WordPress- ի գործիքատախտակից, ձախ հաճախականության բարից նոր հաճախորդ կարող է ավելացվել: Հաճախորդներ> Ավելացնել նոր հաճախորդ: Գրառման դիտումը ծանոթ կլինի, բայց ներքև շարժվելը կբացահայտի բոլոր նոր մաքսային դաշտերը: Մուտքագրեք որոշ փորձարկման տվյալներ ՝ համոզվելու համար, որ ամեն ինչ ճիշտ է գործում:

14. Կարգավորեք սխալները ցանկացած բացակայող տվյալների համար

Եթե ​​փաստաթուղթ մոռացվում է, կամ այդ փաստաթղթի հասանելիության գործընթացում պարզապես շատ վաղ է, այն կարող է շփոթեցնող լինել հաճախորդի համար, երբ կոճակը չի գործում: Ավելացնելով ստուգում, որ արժեքը գոյություն ունի նախքան այն ցույց տալը հնարավորություն է տալիս ցույց տալ քարտի «բացակայող դաշտը» տատանումները: Քարտին «անջատված» դասի ավելացումը, երբ արժեքը բացակայում է, թույլ կտա մեզ ոճավորել անհասանելի քարտերը:

? php if (get_field ('field_name')):?> var13 -> ցուցադրվում է, երբ դաշտի_ անունն ունի արժեք? php else: // field_name- ը կեղծ վերադարձվեց?> var13 -> ցուցադրվում է, երբ դաշտը գոյություն չունի? php endif ; // if- ի դաշտի անվան տրամաբանության վերջը> var13 ->

15. Կարգավորել միջերեսը

Այժմ, երբ ինտերֆեյսի կառուցվածքը վերջնական տեսքի է բերվել, այն կարող է պատշաճ կերպով ձևավորվել: CSS- ի միջոցով էջի քարտերի և գույների տեսքը կարող է բարելավվել: Նավարկման համար գույնը փոխվել է ավելի բաց կապույտի, և օգտագործողի ուղղությունը բարելավվել է ՝ ներածական տեքստ ավելացնելով:

16. Բացառեք այն կայքի քարտեզից

Հատուկ գրառումների տեսակները չպետք է գտնվեն որոնիչների արդյունքներում: Հաղորդագրության տեսակը պետք է բացառվի կայքի կայքի քարտեզից, կամ SEO plugin- ի միջոցով, կամ ձեռքով օգտագործելով meta tag և robots.txt:

meta name = "robots" content = "noindex, nofollow" /> Օգտագործող գործակալ ՝ * Արգելել ՝ / հաճախորդներ /

Wantանկանու՞մ եք նոր կայք մշակել: Օգտագործեք փայլուն կայք ստեղծող `գործընթացը չափազանց պարզ դարձնելու համար: