Turinys
- 01. Įdiekite naują „WordPress“ kopiją
- 02. Pašalinkite numatytuosius papildinius
- 03. Pridėkite pasirinktinį įrašo tipą
- 04. Pridėti / redaguoti pasirinktinio įrašo tipo sąsają
- 05. Sukurkite pasirinktinį perrašymo šliužą
- 06. Pridėkite palaikymą pasirinktiniuose laukuose
- 07. Pridėti pasirinktinius laukus
- 08. Nustatykite laukus
- 09. Sukurkite „WordPress“ šablono failą
- 10. Sukurkite viso pločio vieno pašto išdėstymą
- 11. Pradėkite ciklą ir sukurkite turinį
- 12. Norėdami iškviesti dinamines reikšmes, naudokite PHP
- 13. Padarykite bandomąjį klientą su tam tikrais manekeno duomenimis
- 14. Tvarkykite trūkstamų duomenų klaidas
- 15. Sutvarkykite sąsają
- 16. Išskirkite jį iš svetainės schemos
Vartotojai tikisi turėti sritį, leidžiančią vartotojams prisijungti ir atsisiųsti ar peržiūrėti dokumentus, pradedant telefono sutartimis ir baigiant komunalinėmis paslaugomis.
Kai dizaineriai dirba su savo klientais, viskas gali greitai suskaidyti į el. Laiškų, nuorodų į maketus ir priedus šlamštą.
Šioje „WordPress“ pamokoje bus parodyta, kaip išplėsti „WordPress“ (galimos kitos žiniatinklio prieglobos paslaugos) į kliento portalą, kuriame galima saugoti dokumentus, vaizdo įrašus ir piešinius, kad klientas galėtų juos visus pasiekti vienoje vietoje. Portalas aptarnaus kiekvieną klientą su unikalia ir slaptažodžiu apsaugota nuoroda, kuri nerodoma įprastoje naršymo srityje.
Duomenims saugoti bus naudojami pasirinktiniai įrašų tipai ir laukai, kurie bus pridėti per papildinius, kad būtų išvengta duomenų praradimo, jei tema pasikeistų. Tema bus šiek tiek pakeista.
Turėdami kliento portalą, klientai gali patogiai pasiekti savo failus vienoje vietoje, kai tik jų reikia, panašiai kaip naudojant debesies saugyklą. Jis turi daugybę verslo pranašumų, įskaitant galimų parduotų akcijų rodymą, arba gali būti naudojamas darbo procesui apžvelgti nuo pat pradžių, vizualiai apibūdinant rezultatus.
Atsisiųskite failus šiai pamokai.
- Kaip „WordPress“ paversti vaizdų kūrimo priemone
01. Įdiekite naują „WordPress“ kopiją
Kūrimo serveryje įdiegta nauja „WordPress“ kopija, o „understrap“ tema pasirinkta siekiant suteikti pagrindo pagrindą, kad būtų galima greitai pradėti darbą. Bus naudojamas „Custom Post Type“ vartotojo sąsajos papildinys, todėl mūsų tinkinti įrašų tipai nepriklauso nuo temos.
02. Pašalinkite numatytuosius papildinius
Jei kartu su „WordPress“ kopija buvo numatytieji papildiniai, ištrinkite juos. Šiai pamokai reikalingi papildiniai yra „Išplėstiniai pasirinktiniai laukai“ ir „Tinkinto įrašo tipo vartotojo sąsaja“. Taip pat buvo įdiegtas „Classic Editor“.
03. Pridėkite pasirinktinį įrašo tipą
Naudodami „Custom Post Type“ vartotojo sąsają pridėkite naują įrašo tipą, vadinamą „klientas“. Įvesdami „Pranešimo tipo šliužą“, vietoj tarpų naudokite pabraukimus ir rašykite vienaskaitos forma, nes taip vėliau bus lengviau kurti šablonus. Priešdėlis tu_ buvo pridėtas siekiant sumažinti konflikto tikimybę.
04. Pridėti / redaguoti pasirinktinio įrašo tipo sąsają
Pridėkite daugiskaitos ženklą „klientai“ ir vienaskaitą „klientas“, nes tai bus rodoma „WordPress“ administratoriaus meniu. Šiuose laukuose priimama didžiosios raidės, todėl „WordPress“ meniu bus tvarkingesnis.
05. Sukurkite pasirinktinį perrašymo šliužą
Jei įrašo tipo šliužui naudosite priešdėlį, klientai, pridėti prie portalo, bus sukurti su nuoroda, kuri atrodo kaip „/ tu_customer / example-company“. Tai neatrodo tvarkinga, o tam pagerinti naudojamas įprastas perrašymo šliužas. Nustačius perrašymo šliužą į „klientai“, pasirinktinis įrašo tipas gali būti rodomas kaip / klientai / įmonės pavyzdys.
06. Pridėkite palaikymą pasirinktiniuose laukuose
Paskutinė parinktis, įgalinta pasirinktinio įrašo tipui, yra „Palaikymai> Pasirinktinis laukas“, kuris yra netoli puslapio apačios. Pažymėkite tai, tada puslapio apačioje „pridėkite įrašo tipą“. Tai pateikia pakeitimus ir registruoja pašto tipą.
07. Pridėti pasirinktinius laukus
Dabar reikia pridėti pasirinktinius laukus ir priskirti ką tik sukurtą įrašo tipą. Pirmiausia reikia pridėti laukų grupę, pavadintą „klientų portalas“, po to pridėjus pasirinktinius laukus mygtuku „Pridėti lauką“. Pirmasis laukas „trumpas“ bus nustatytas kaip lauko tipas „failas“, kuris leidžia administratoriui įkelti failą šioje vietoje. Nustatykite grąžinimo vertę į „file url“.
08. Nustatykite laukus
Kitas laukas, kurį reikia pridėti, yra „prekės ženklo klausimynas“. Tai sudarys nuorodą į „Google“ formą, kurią klientas turėtų užpildyti. Tam tinkamiausias lauko tipas yra „URL“. Tas pats metodas gali būti naudojamas visuose laukuose, kurie bus susieti su išorine paslauga. Baigę slinkite žemyn iki langelio „vieta“ ir naudokite logiką „Rodyti, jei įrašo tipas“ = „Klientas“. Tada paskelbkite lauko grupę.
09. Sukurkite „WordPress“ šablono failą
„WordPress“ turi žinoti, kaip parodyti kliento informacijos suvestinę. Tam reikia vadovautis „WordPress“ šablonų hierarchija, norint sukurti šiam konkrečiam įrašo tipui skirtą šablono failą. Sukurkite failą pavadinimu single-tu_customer.php šakninių temų kataloge.
10. Sukurkite viso pločio vieno pašto išdėstymą
Atidarykite „single-tu_customer.php“ failą ir pridėkite „get_header“ bei „get_footer“ „WordPress“ funkcijas. Tarp tų funkcijų sukurkite viso pločio išdėstymą, kad laikytumėte turinį, kuris tinka jūsų temai.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> main id = "main"> -! Turinys -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrapper ->? Php get_footer () ;?>
11. Pradėkite ciklą ir sukurkite turinį
Pagrindiniame elemente> iškvieskite the_post ir sukurkite konteinerio elementus informacijai laikyti. Norėdami sužinoti idėją apie išdėstymą, naudokite vietos rezervavimo ženklo informaciją ir pradėkite kurti elementus. Kortelės elementai bus „bootstrap“ kortelės su antrašte, aprašymu ir nuoroda.
main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php pabaigos; // ciklo pabaiga. ?> var13 -> / main>! - #main ->
12. Norėdami iškviesti dinamines reikšmes, naudokite PHP
Naudojant funkciją „the_field“, funkciją, kuri pateikiama su išplėstinių pasirinktinių laukų papildiniu, dinaminis turinys iš pasirinktinių laukų įvedamas į kliento šabloną. „Lauko_pavadinimas“ yra reikšmė, kuri buvo įvesta atliekant 3 veiksmą.
div> div> h5> Brief / h5> p> Tai yra jūsų originalus trumpas dokumentas / p> a href = "? php the_field ('brief');?> var13 ->" target = "none"> Open / a > / div> / div>
13. Padarykite bandomąjį klientą su tam tikrais manekeno duomenimis
Norėdami pasiekti „WordPress“ informacijos suvestinę, naują klientą galima pridėti iš kairės juostos. Klientai> Pridėti naują klientą. Įrašo rodinys bus pažįstamas, tačiau slinkdami žemyn, pamatysite visus naujus pasirinktinius laukus. Įveskite keletą bandymo duomenų, kad įsitikintumėte, jog viskas veikia tinkamai.
14. Tvarkykite trūkstamų duomenų klaidas
Jei dokumentas yra pamirštas arba paprasčiausiai per anksti, kad dokumentas būtų prieinamas, klientui gali būti painu, kai mygtukas neveikia. Pridėjus patikrinimą, ar vertė yra prieš ją parodant, galima parodyti kortelės variantą „trūksta lauko“. Pridėjus klasę „išjungta“ prie kortelės, kai trūksta vertės, galėsime suformuoti neprieinamas korteles.
? php if (get_field ('lauko_pavadinimas')):?> var13 -> rodomas, kai lauko_pavadinimas turi vertę? php else: // lauko_pavadinimas grąžintas klaidingas?> var13 -> rodomas, kai lauko nėra? php endif ; // if field_name logikos pabaiga?> var13 ->
15. Sutvarkykite sąsają
Dabar, kai sąsajos struktūra yra baigta, ją galima tinkamai sukonstruoti. Naudojant CSS, galima pagerinti kortelių išvaizdą ir spalvas puslapyje. Navigacijos spalva pakeista į šviesiai mėlyną, o vartotojo kryptis patobulinta pridedant įvadinį tekstą.
16. Išskirkite jį iš svetainės schemos
Tinkintų įrašų tipų neturėtų būti paieškos sistemų rezultatuose. Įrašo tipą reikia pašalinti iš svetainės svetainės schemos naudojant SEO papildinį arba rankiniu būdu naudojant metažymą ir robots.txt.
meta name = "robots" content = "noindex, nofollow" /> Vartotojo agentas: * Neleisti: / klientai /
Norite sukurti naują svetainę? Naudokite puikų svetainių kūrimo priemonę, kad procesas būtų labai paprastas.
