Saturs
- 01. Instalējiet jaunu WordPress kopiju
- 02. Noņemiet noklusējuma spraudņus
- 03. Pievienojiet pielāgotu ziņas veidu
- 04. Pielāgota ziņojuma veida saskarnes pievienošana / rediģēšana
- 05. Izveidojiet pielāgotu pārrakstīšanas kausu
- 06. Pievienojiet atbalstu pielāgotajiem laukiem
- 07. Pievienojiet pielāgotus laukus
- 08. Iestatiet laukus
- 09. Izveidojiet WordPress veidnes failu
- 10. Izveidojiet pilna platuma viena statņa izkārtojumu
- 11. Sāciet cilpu un izveidojiet saturu
- 12. Izmantojiet PHP, lai izsauktu dinamiskās vērtības
- 13. Izveidojiet testa klientu ar dažiem manekena datiem
- 14. Rīkojieties ar kļūdām, ja trūkst datu
- 15. Sakārtojiet saskarni
- 16. Izslēdziet to no vietnes kartes
Patērētāji ir gaidījuši, ka ir zona, kas lietotājiem ļauj pieteikties un lejupielādēt vai apskatīt dokumentus, sākot no tālruņa līgumiem līdz komunālajiem pakalpojumiem.
Kad dizaineri strādā ar saviem klientiem, viss var ātri sadalīties e-pastu, saišu uz maketiem un pielikumiem sajaukšanā.
Šajā WordPress apmācībā tiks parādīts, kā paplašināt WordPress (ir pieejami citi tīmekļa mitināšanas pakalpojumi) klienta portālā, kurā var glabāt dokumentus, video un zīmējumus, lai klients tiem visiem piekļūtu vienā vietā. Portāls katram klientam apkalpos unikālu un ar paroli aizsargātu saiti, kas neparādās parastajā navigācijā.
Datu glabāšanai tiks izmantoti pielāgoti ziņu veidi un lauki, un tie tiks pievienoti, izmantojot spraudņus, lai izvairītos no datu zuduma, ja mainās tēma. Tēma tiks nedaudz modificēta.
Klientu portāla pieejamība klientiem nodrošina piekļuvi saviem failiem vienā un tajā pašā vietā, kad vien tas viņiem nepieciešams, līdzīgi kā lietojot mākoņa krātuvi. Tam ir virkne uzņēmējdarbības priekšrocību, tostarp pieejamo izpārdošanu parādīšana, vai arī to var izmantot, lai sniegtu pārskatu par darba procesu no paša sākuma, vizuāli izklāstot rezultātus.
Lejupielādējiet failus šai apmācībai.
- Kā WordPress pārvērst par vizuālo veidotāju
01. Instalējiet jaunu WordPress kopiju
Izstrādes serverī ir instalēta jauna WordPress kopija, un tēma "understrap" ir izvēlēta, lai dotu katla pamatu, lai ātri sāktu darbu. Tiks izmantots pielāgotā ziņojuma veida lietotāja saskarnes spraudnis, tāpēc mūsu pielāgotie ziņu veidi ir neatkarīgi no tēmas.
02. Noņemiet noklusējuma spraudņus
Ja kopā ar WordPress kopiju bija noklusējuma spraudņi, izdzēsiet tos. Šai apmācībai nepieciešamie spraudņi ir “Advanced Custom Fields” un “Custom Post Type UI”. Ir instalēts arī "Classic Editor".
03. Pievienojiet pielāgotu ziņas veidu
Izmantojot pielāgotā pasta veida lietotāja interfeisu, pievienojiet jaunu ziņas veidu ar nosaukumu "klients". Ievadot "Post type slug", atstarpju vietā izmantojiet pasvītras un rakstiet vienskaitļa formā, jo tas atvieglos veidņu izveidi vēlāk. Prefikss tu_ ir pievienots, lai samazinātu konflikta iespējamību.
04. Pielāgota ziņojuma veida saskarnes pievienošana / rediģēšana
Pievienojiet daudzskaitli ar norādi “klienti” un vienskaitļa “klients”, jo tas parādīsies WordPress administratora izvēlnē. Šajos laukos tiek pieņemts lielo burtu lietojums, kas padarīs WordPress izvēlni sakoptāku.
05. Izveidojiet pielāgotu pārrakstīšanas kausu
Prefiksa izmantošana ziņu veida gliemežiem nozīmēs, ka klienti, kas pievienoti portālam, tiks izveidoti ar saiti, kas izskatās kā "/ tu_customer / example-company". Tas nešķiet kārtīgs, un, lai to uzlabotu, tiek izmantots pielāgots pārrakstīšanas plēksne. Ja pārrakstīšanas lode tiek iestatīta uz “klienti”, pielāgotais ziņojuma veids var tikt parādīts kā / klienti / piemērs-uzņēmums.
06. Pievienojiet atbalstu pielāgotajiem laukiem
Pēdējā opcija, kas ir iespējota pielāgotā ziņojuma veidam, ir "Atbalsti> Pielāgots lauks", kas atrodas lapas apakšdaļā. Atzīmējiet šo izvēles rūtiņu un pēc tam lapas apakšdaļā pievienojiet ziņojuma veidu. Tas iesniedz izmaiņas un reģistrē amata veidu.
07. Pievienojiet pielāgotus laukus
Pielāgotie lauki tagad jāpievieno un jāpiešķir tikko izveidotajam ziņas tipam. Pirmais solis ir lauku grupas pievienošana ar nosaukumu "klientu portāls", pēc tam tai pievienojot pielāgotus laukus, izmantojot pogu Pievienot lauku. Pirmais lauks "īss" tiks iestatīts kā lauka tips "fails", kas ļauj administratoram augšupielādēt failu šajā vietā. Iestatiet atgriešanās vērtību uz "file url".
08. Iestatiet laukus
Nākamais pievienotais lauks ir "zīmola anketa". Tas sastāvēs no saites uz Google veidlapu, kas klientam jāaizpilda. Tam vispiemērotākais lauka veids ir “URL”. Šo pašu metodi var izmantot visos laukos, kas būs saistīti ar ārēju pakalpojumu. Kad esat pabeidzis, ritiniet uz leju līdz lodziņam "atrašanās vieta" un izmantojiet loģiku "Parādīt, vai ziņas tips" = "Klients". Pēc tam publicējiet lauku grupu.
09. Izveidojiet WordPress veidnes failu
WordPress jāzina, kā parādīt klienta informācijas paneli. Lai izveidotu veidnes failu šim konkrētajam ziņu veidam, tiek ievērota WordPress veidņu hierarhija. Saknes motīvu direktorijā izveidojiet failu ar nosaukumu single-tu_customer.php.
10. Izveidojiet pilna platuma viena statņa izkārtojumu
Atveriet failu single-tu_customer.php un pievienojiet funkcijas get_header un get_footer WordPress. Starp šīm funkcijām izveidojiet pilna platuma izkārtojumu, lai turētu saturu, kas darbojas ar jūsu motīvu.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> main id = "main"> -! Saturs -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrapper ->? Php get_footer () ;?>
11. Sāciet cilpu un izveidojiet saturu
Galvenajā> elementā izsauciet the_post un izveidojiet konteinera elementus informācijas glabāšanai. Izmantojiet informāciju par vietturiem, lai iegūtu priekšstatu par izkārtojumu, un sāciet veidot elementus. Kartes elementi būs bootstrap kartes ar galveni, aprakstu un saiti.
main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php beigas; // cilpas beigas. ?> var13 -> / main>! - #main ->
12. Izmantojiet PHP, lai izsauktu dinamiskās vērtības
Izmantojot funkciju "the_field" - funkciju, kas nāk ar uzlaboto pielāgoto lauku spraudni, pielāgoto lauku dinamiskais saturs tiek ievadīts klienta veidnē. Lauka nosaukums ir vērtība, kas tika ievadīta 3. darbībā.
div> div> h5> Brief / h5> p> Šis ir jūsu oriģināls īss dokuments / p> a href = "? php the_field ('brief');?> var13 ->" target = "none"> Open / a > / div> / div>
13. Izveidojiet testa klientu ar dažiem manekena datiem
Piekļūstot WordPress informācijas panelim, no kreisās puses joslas var pievienot jaunu klientu. Klienti> Pievienot jaunu klientu. Ziņas skats būs pazīstams, taču, ritinot uz leju, tiks atklāti visi jaunie pielāgotie lauki. Ievadiet dažus testa datus, lai pārliecinātos, ka viss darbojas pareizi.
14. Rīkojieties ar kļūdām, ja trūkst datu
Ja dokuments tiek aizmirsts vai vienkārši ir pārāk agri, lai šis dokuments būtu pieejams, klientam tas var būt mulsinošs, ja poga nedarbojas. Pievienojot pārbaudi, vai vērtība pastāv pirms tās parādīšanas, ir iespēja parādīt kartes "trūkstošā lauka" variantu. Pievienojot kartei “invalīdi” karti, ja trūkst vērtības, mēs varēsim noformēt nepieejamas kartes.
? php if (get_field ('lauka_nosaukums')):?> var13 -> tiek parādīts, ja lauka_nosaukumam ir vērtība? php else: // lauka_nosaukums atgriezts nepatiesi?> var13 -> tiek parādīts, ja lauka nav ; // if lauka_nosaukuma loģikas beigas?> var13 ->
15. Sakārtojiet saskarni
Tagad, kad saskarnes struktūra ir pabeigta, to var pareizi noformēt. Izmantojot CSS, var uzlabot lapu karšu izskatu un krāsas. Navigācijas krāsa ir mainīta uz gaišāku zilu, un lietotāja virziens ir uzlabots, pievienojot ievada tekstu.
16. Izslēdziet to no vietnes kartes
Pielāgotos ziņu veidus nevajadzētu atrast meklētājprogrammu rezultātos. Ziņas veids ir jāizslēdz no vietnes vietnes kartes vai nu izmantojot SEO spraudni, vai manuāli, izmantojot metatagu un robots.txt.
meta name = "robots" content = "noindex, nofollow" /> User-agent: * Neatļaut: / klienti /
Vai vēlaties izveidot jaunu vietni? Izmantojiet izcilu vietņu veidotāju, lai procesu padarītu ļoti vienkāršu.