Inhalt
- 01. Installéiert eng nei Kopie vu WordPress
- 02. Ewechzehuelen Standard Plugins
- 03. Füügt e personaliséierten Posttyp bäi
- 04. D'Add / änneren personaliséiert Posttyp Interface
- 05. Erstellt e personaliséierte Schreiwe Slug
- 06. Füügt Ënnerstëtzung fir personaliséiert Felder bäi
- 07. Benotzerdefinéiert Felder derbäi
- 08. Setzt d'Felder op
- 09. Erstellt d'WordPress Template Datei
- 10. Erstellt eng eenzeg Breet Layout mat voller Breet
- 11. Start d'Loop a kreéiert den Inhalt
- 12. Benotzt PHP fir dynamesch Wäerter anzeruffen
- 13. Maacht en Testclient mat e puer Dummy Daten
- 14. Grëff Feeler fir fehlend Daten
- 15. D'Interface raumen
- 16. Ausschléisst et vun der Sitemap
E Gebitt ze hunn dat et Benotzer erlaabt sech unzemellen an erofzelueden oder Dokumenter ze gesinn ass vun de Konsumenten erwaart ginn, vun Telefonkontrakter bis Utilities.
Wann Designer mat hire Clienten zesumme schaffen, kann awer alles séier an e Schlamm vun E-Mailen, Linken op Mockups an Uschlëss ofbriechen.
Dëst WordPress Tutorial weist wéi Dir WordPress verlängert (aner Webhosting Servicer si verfügbar) an e Clientportal dat fäeg ass Dokumenter, Videoen an Zeechnungen ze späicheren, sou datt e Client Zougang zu hinnen all op enger Plaz kritt. D'Portal servéiert all Client mat engem eenzegaartegen a Passwuert geschützte Link deen net an der regulärer Navigatioun erscheint.
Benotzerdefinéiert Posttypen a Felder ginn benotzt fir d'Daten ze späicheren, an dës ginn duerch Plugins derbäigesat, fir Datenverloscht ze vermeiden wann d'Thema ännert. D'Thema gëtt liicht geännert.
Mat engem Clientportal gëtt de Clienten d'Bequemlechkeet Zougang zu hiren Dateien all op der selwechter Plaz ze kréien, wann se se brauchen, sou wéi wann Dir Cloud Storage benotzt. Et huet eng Rei Geschäftsvirdeeler, abegraff verfügbare Up-Sells ze weisen, oder ka benotzt ginn fir en Iwwerbléck iwwer den Aarbechtsprozess vun Ufank un ze ginn andeems se d'Liwwerbarkeete visuell beschreiwen.
Luet d'Dateien erof fir dësen Tutorial.
- Wéi gëtt WordPress zu engem visuellen Builder
01. Installéiert eng nei Kopie vu WordPress
Eng frësch Kopie vu WordPress gëtt op dem Entwécklungsserver installéiert, an d'Thema "Understrap" gouf gewielt fir eng Boilerplate Fondatioun ze ginn fir séier mat der Aarbecht unzefänken. De Custom Post Type UI Plugin gëtt benotzt fir datt eis personaliséiert Posttypen onofhängeg vum Thema sinn.
02. Ewechzehuelen Standard Plugins
Wann all Standard Plugins mat der Kopie vu WordPress komm sinn, läschen déi. D'Plugins déi fir dësen Tutorial gebraucht ginn sinn "Advanced Custom Fields" an "Custom Post Type UI". "Classic Editor" gouf och installéiert.
03. Füügt e personaliséierten Posttyp bäi
Mat der Custom Post Type UI Interface füügt en neie Posttyp mam Numm "Client" bäi. Wann Dir an de "Post Type Slug" gitt, ënnersträicht amplaz vu Späicher a schreift an der eenzegaarteger Form, well dëst et méi einfach mécht méi spéit Templates ze kreéieren. De Präfix tu_ gouf derbäi fir d'Chance op e Konflikt ze reduzéieren.
04. D'Add / änneren personaliséiert Posttyp Interface
Füügt e Plural mam Label "Clienten" a singular "Client", well dëst am WordPress Admin Menu erscheint. Kapitaliséierung gëtt an dëse Felder akzeptéiert, wat de WordPress Menü méi tidier mécht.
05. Erstellt e personaliséierte Schreiwe Slug
Mat engem Präfix fir de Posttyp Slug bedeit d'Clientë bäigefüügt am Portal mat engem Link erstallt deen ausgesäit wéi "/ tu_customer / example-company". Dëst gesäit net uerdentlech aus, an de personaliséierte Schreiwe Slug gëtt benotzt fir dëst ze verbesseren. Astellen vum Schreiwe Slug op "Clienten" erlaabt de personaliséierte Posttyp als / Clienten / Beispill-Firma ze gesinn.
06. Füügt Ënnerstëtzung fir personaliséiert Felder bäi
Déi lescht Optioun déi fir de personaliséierte Posttyp aktivéiert ass ass "Supports> Custom field" déi no ënnen op der Säit fonnt gëtt. Kräizt dëst, an dann "Posttyp bäifüügen" ënnen op der Säit. Dëst presentéiert d'Ännerungen a registréiert de Posttyp.
07. Benotzerdefinéiert Felder derbäi
Benotzerdefinéiert Felder mussen elo bäigefüügt ginn an dem Posttyp zougewise ginn, dee just erstallt gouf. D'Füündung vun enger Feldgrupp mam Numm "Clientportal" ass den éischte Schrëtt, gefollegt vum Benotzere Felder derbäi mam Feld add Knäppchen. Dat éischt Feld "kuerz" gëtt als Feldtyp "Datei" gesat, wat dem Admin erlaabt eng Datei op dëser Plaz eropzelueden. Setzt de Retourwäert op "Datei URL".
08. Setzt d'Felder op
Dat nächst Feld dat bäigefüügt gëtt ass "Markefrageblatt". Dëst besteet aus engem Link op eng Google Form déi de Client ausfëlle soll. Dee passendste Feldtyp dofir ass "URL". Déiselwecht Method kann fir all Felder benotzt ginn déi mat engem externen Service verbonne sinn. Wann Dir fäerdeg sidd, scrollt erof op d'Këscht "Location" a benotzt d'Logik "Show if Post Type" = "Client". Da publizéiert d'Feldgrupp.
09. Erstellt d'WordPress Template Datei
WordPress muss wësse wéi e Client Dashboard affichéiert. Fir dëst gëtt d'WordPress Template Hierarchie gefollegt fir eng Template Datei fir dës spezifesch Posttyp ze kreéieren. Erstellt eng Datei mam Numm single-tu_customer.php am Root Theme Verzeechnes.
10. Erstellt eng eenzeg Breet Layout mat voller Breet
Öffnen der Single-tu_customer.php Datei an füügt d'Get_header a get_footer WordPress Funktiounen derbäi. Zwëschen dëse Funktiounen erstallt e Vollbreed Layout fir den Inhalt ze halen deen mat Ärem Thema funktionnéiert.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> main id = "main"> -! Inhalt -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrapper ->? Php get_footer () ;?>
11. Start d'Loop a kreéiert den Inhalt
Am Haaptelement> rufft de_post un a schafe Containerelementer fir Informatiounen ze halen. Benotzt Plazhalerinformatioun fir eng Iddi vum Layout ze kréien a fänkt un d'Elementer ze stylen. D'Kaartelementer wäerte Bootstrap Kaarten mat engem Header, Beschreiwung an e Link sinn.
main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Inhalt / div> div> Inhalt / div> div> Inhalt / div> / div> / div>? php endually; // Enn vun der Loop. ?> var13 -> / main>! - #main ->
12. Benotzt PHP fir dynamesch Wäerter anzeruffen
Mat der Funktioun "the_field", eng Funktioun déi mam fortgeschrattene personaliséierte Felder Plugin kënnt, gëtt den dynameschen Inhalt aus de personaliséierte Felder an d'Clienteschabloun aginn. De 'field_name' ass de Wäert deen am Schrëtt 3 agefouert gouf.
div> div> h5> Brief / h5> p> Dëst ass Ären originelle kuerzen Dokument / p> a href = "? php the_field ('brief');?> var13 ->" target = "none"> Open / a > / div> / div>
13. Maacht en Testclient mat e puer Dummy Daten
Zougang zum WordPress Dashboard, en neie Client kann aus der lénkser Bar bäigesat ginn. Clienten> Neie Client bäisetzen. D'Postvisioun wäert vertraut sinn, awer scrolling down wäert all déi nei personaliséiert Felder weisen. Gitt e puer Testdaten a gitt sécher datt alles richteg funktionnéiert.
14. Grëff Feeler fir fehlend Daten
Wann en Dokument vergiess gëtt, oder et einfach ze fréi am Prozess ass fir dat Dokument verfügbar ass, kéint et fir e Client duerchernee sinn wann de Knäppchen net funktionnéiert. Wann Dir e Scheck bäifüügt datt e Wäert existéiert ier e gewise gëtt, gëtt d'Chance eng "fehlend Feld" Variatioun vun der Kaart ze weisen. Wann Dir eng Klass "behënnert" op d'Kaart füügt wann de Wäert feelt, erlaabt eis net verfügbar Kaarten ze styléieren.
? php if (get_field ('field_name')):?> var13 -> ugewisen wann de field_name e Wäert huet? php soss: // field_name falsch zréckginn?> var13 -> ugewisen wann d'Feld net existéiert? php endif ; // Enn vun wann field_name Logik?> var13 ->
15. D'Interface raumen
Elo datt d'Struktur vun der Interface finaliséiert ass, kann et richteg styléiert ginn. Mat CSS kann de Look vun de Kaarten a Faarwen op der Säit verbessert ginn. D'Faarf fir d'Navigatioun gouf op e Liichtblo geännert, an d'Benotzerrichtung gouf verbessert andeems en Aféierungstext derbäigesat gouf.
16. Ausschléisst et vun der Sitemap
Déi personaliséiert Posttypen sollten net an de Resultater vu Sichmaschinne fonnt ginn. De Posttyp muss aus der Sitemap vun der Websäit ausgeschloss ginn, entweder duerch e SEO Plugin, oder manuell mat engem Metatag a Robots.txt.
meta name = "robots" content = "noindex, nofollow" /> User-Agent: * Disallow: / clients /
Wëllt Dir eng nei Websäit designen? Benotzt e brillante Websäit Builder fir de Prozess super einfach ze maachen.
