Vsebina
- 01. Namestite novo kopijo WordPressa
- 02. Odstranite privzete vtičnike
- 03. Dodajte vrsto objave po meri
- 04. Dodajanje / urejanje vmesnika vrste objave po meri
- 05. Ustvari polž za prepisovanje po meri
- 06. Dodajte podporo za polja po meri
- 07. Dodajte polja po meri
- 08. Nastavite polja
- 09. Ustvarite datoteko predloge WordPress
- 10. Ustvarite postavitev enojne objave v celotni širini
- 11. Zaženite zanko in ustvarite vsebino
- 12. Uporabite PHP za klicanje dinamičnih vrednosti
- 13. Naredite testno stranko z nekaj lažnih podatkov
- 14. Obravnavajte napake za morebitne manjkajoče podatke
- 15. Pospravite vmesnik
- 16. Izključite ga iz zemljevida mesta
Potrošniki pričakujejo območje, ki uporabnikom omogoča prijavo in prenos ali ogled dokumentov, od telefonskih pogodb do javnih služb.
Ko pa oblikovalci sodelujejo s svojimi strankami, se lahko vse hitro zlomi v zmedo e-poštnih sporočil, povezav do maket in prilog.
Ta vadnica za WordPress bo pokazala, kako razširiti WordPress (na voljo so tudi druge storitve spletnega gostovanja) na odjemalski portal, ki lahko shranjuje dokumente, videoposnetke in risbe, tako da lahko odjemalec dostopa do njih na enem mestu. Portal bo vsaki stranki ponudil edinstveno in z geslom zaščiteno povezavo, ki se ne prikaže v običajni navigaciji.
Za shranjevanje podatkov bodo uporabljene prilagojene vrste in polja objav, ki bodo dodana prek vtičnikov, da se prepreči izguba podatkov, če se tema spremeni. Tema bo nekoliko spremenjena.
Naročniški portal strankam omogoča udoben dostop do njihovih datotek na istem mestu, kadar koli jih potrebujejo, podobno kot pri uporabi shrambe v oblaku. Ima vrsto poslovnih prednosti, vključno s prikazom razpoložljivih prodaj, ali pa ga lahko uporabimo za pregled delovnega procesa od začetka z vizualnim prikazom končnih rezultatov.
Prenesite datoteke za to vadnico.
- Kako WordPress spremeniti v vizualnega graditelja
01. Namestite novo kopijo WordPressa
Na razvojnem strežniku je nameščena nova kopija programa WordPress, tema "understrap" pa je bila izbrana, da daje temelj za hitro začetek dela. Uporabljen bo vtičnik Custom Post Type UI, zato so naše vrste objav po meri neodvisne od teme.
02. Odstranite privzete vtičnike
Če ste s kopijo programa WordPress dobili privzete vtičnike, jih izbrišite. Vtičniki, ki so potrebni za to vadnico, so "Napredna polja po meri" in "Uporabniški vmesnik vrste objave po meri". Nameščen je tudi "Classic Editor".
03. Dodajte vrsto objave po meri
Z uporabniškim vmesnikom uporabniškega vnosa po meri dodajte novo vrsto objave, imenovano »kupec«. Ko vnašate "Slug type post", namesto presledkov uporabite podčrtaje in pišite v ednini, saj boste tako lažje ustvarili predloge pozneje. Dodana je predpona tu_, da se zmanjša možnost konflikta.
04. Dodajanje / urejanje vmesnika vrste objave po meri
Dodajte množino z oznako »kupci« in ednino »kupec«, saj se bo to pojavilo v skrbniškem meniju WordPressa. V teh poljih je sprejeta uporaba velikih začetnic, zaradi česar bo meni WordPress bolj urejen.
05. Ustvari polž za prepisovanje po meri
Uporaba predpone za polž vrste post pomeni, da bodo stranke, dodane na portal, ustvarjene s povezavo, ki je videti kot "/ tu_customer / example-company". To ni videti urejeno in za izboljšanje tega se uporablja polž za prepisovanje po meri. Če nastavite polž za prepisovanje na "kupci", se lahko vrsta objave po meri prikaže kot / customers / example-company.
06. Dodajte podporo za polja po meri
Zadnja možnost, ki je omogočena za vrsto objave po meri, je "Podpira> Polje po meri", ki jo najdete na dnu strani. Označite to in nato na dnu strani "dodaj vrsto objave". Ta predloži spremembe in registrira vrsto objave.
07. Dodajte polja po meri
Zdaj je treba dodati polja po meri in jih dodeliti pravkar ustvarjeni vrsti objave. Prvi korak je dodajanje skupine polj z imenom "portal strank", čemur pa sledi dodajanje polj po meri z gumbom za dodajanje polja. Prvo polje "kratko" bo nastavljeno kot vrsta polja "datoteka", ki skrbniku omogoča, da naloži datoteko na tem mestu. Vrnjeno vrednost nastavite na "url datoteke".
08. Nastavite polja
Naslednje polje, ki ga je treba dodati, je »vprašalnik o blagovni znamki«. Ta bo vsebovala povezavo do Googlovega obrazca, ki ga mora stranka izpolniti. Najprimernejša vrsta polja za to je "URL". Isti način se lahko uporablja za vsa polja, ki se povezujejo z zunanjo storitvijo. Ko končate, se pomaknite navzdol do polja "lokacija" in uporabite logiko "Pokaži, če je vrsta objave" = "Stranka". Nato objavite skupino terenov.
09. Ustvarite datoteko predloge WordPress
WordPress mora vedeti, kako prikazati nadzorno ploščo stranke. Za to se upošteva hierarhija predloge WordPress, da se ustvari datoteka predloge za to določeno vrsto objave. Ustvarite datoteko z imenom single-tu_customer.php v korenskem imeniku teme.
10. Ustvarite postavitev enojne objave v celotni širini
Odprite datoteko single-tu_customer.php in dodajte funkciji get_header in get_footer WordPress. Med temi funkcijami ustvarite postavitev v polni širini, v kateri bo vsebina, ki ustreza vaši temi.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> main id = "main"> -! Vsebina -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrapper ->? Php get_footer () ;?>
11. Zaženite zanko in ustvarite vsebino
Znotraj glavnega> elementa pokličite the_post in ustvarite elemente vsebnika, v katerih bodo informacije. Uporabite informacije o rezerviranih mestih, da dobite idejo o postavitvi in začnite oblikovati elemente. Elementi kartice bodo zagonske kartice z glavo, opisom in povezavo.
main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php endading; // konec zanke. ?> var13 -> / main>! - #main ->
12. Uporabite PHP za klicanje dinamičnih vrednosti
Z uporabo funkcije "the_field", funkcije, ki je priložena vtičniku za napredna polja po meri, se dinamična vsebina iz polj po meri vnese v predlogo stranke. 'Ime_polja' je vrednost, ki je bila vnesena v 3. koraku.
div> div> h5> Brief / h5> p> To je vaš izvirni kratek dokument / p> a href = "? php the_field ('kratek');?> var13 ->" target = "none"> Odpri / a > / div> / div>
13. Naredite testno stranko z nekaj lažnih podatkov
Z dostopom do nadzorne plošče WordPress lahko v levi vrstici dodate novo stranko. Stranke> Dodaj novo stranko. Pogled objave bo znan, vendar se bo s pomikanjem navzdol razkrila vsa nova polja po meri. Vnesite nekaj testnih podatkov, da se prepričate, da vse deluje pravilno.
14. Obravnavajte napake za morebitne manjkajoče podatke
Če je dokument pozabljen ali je preprosto prezgodaj v postopku, da bi bil ta dokument na voljo, bi lahko bila stranka zmedena, če gumb ne deluje. Če dodate preverjanje, ali vrednost obstaja, preden jo prikažete, boste dobili priložnost, da se prikaže različica kartice "manjkajoče polje". Če na kartico dodamo razred »onemogočen«, ko vrednost manjka, bomo lahko oblikovali kartice, ki niso na voljo.
? php if (get_field ('ime_polja')):?> var13 -> prikazano, ko ima ime_polja vrednost? php else: // ime_polja vrnjeno false?> var13 -> prikazano, ko polje ne obstaja? php endif ; // konec logike if_polje?> var13 ->
15. Pospravite vmesnik
Zdaj, ko je struktura vmesnika dokončana, ga je mogoče pravilno oblikovati. Z uporabo CSS je mogoče izboljšati videz kartic in barve na strani. Barva za navigacijo je spremenjena v svetlejšo modro, smer uporabnika pa je izboljšana z dodajanjem uvodnega besedila.
16. Izključite ga iz zemljevida mesta
V objavah v iskalnikih ne najdemo vrst objav po meri. Vrsto objave je treba izključiti iz zemljevida spletnega mesta s pomočjo vtičnika SEO ali ročno z uporabo metaoznake in datoteke robots.txt.
meta name = "robots" content = "noindex, nofollow" /> User-agent: * Dovoli: / kupci /
Želite oblikovati novo spletno stran? Uporabite briljantnega graditelja spletnih strani, da bo postopek zelo preprost.
