Accentsconagua
Share
Denne opplæringen vil demonstrere forskjellige strategier for å redigere ProcessWire admin tema, eller lage din egen.
ProcessWires administrasjonsområde gir webdesignere mulighet til å lage websiderhierarki, datafelt for sidemaler, administrere brukere, redigere modulinnstillinger og leketøy med en rekke andre nettstedinnstillinger. For nettstedet redaktører, er ProcessWire (PW) admin et skapelsesområde for ett stopp der tekst er lagt inn, bilder lastet opp og sider opprettet.
Selv om ProcessWire admin-temaet er attraktivt, enkelt og klart, er det noen ganger hensiktsmessig å redigere administrasjonen for å legge til funksjoner eller endre utseende og følg, si om du var hvitmerking om nettstedet til en klient.
Leter på noen av strategiene og deres brukstilfeller for å redigere ProcessWire CMS administrasjonen for prosjektet ditt.
For små endringer kan du oppdage at standard- og reno-temaene (som leveres som standard med PW), så vel som det nye AdminThemeUiKit (for tiden i utvikling) har det du leter etter. De bruker hver innstilling for å endre stiler og layout, for eksempel visning av brukerikon, endring av navigasjonsplassering, feltstiler, farger og så videre.
Innstillinger for standard admin temmodul
Reno Admin Tema modul innstillingerDet er verdt å merke seg at admin tema kan settes per bruker ved å redigere en brukers innstillinger i tilgang> bruker> [ditt brukernavn]. Dette gir administratorer fleksibiliteten til å endre hvilke forskjellige typer brukere som ser og har tilgang til.
Brukerside admin tema valgfeltFor å lage ditt eget tema vil jeg anbefale en av to tilnærminger:
AdminThemeFramework klasseAdmin temaer i PW er faktisk moduler som kan installeres, distribueres enkelt og har nettstedinnstillinger. La oss si at en klient ønsker å merke etiketten til admin ved å endre temafargepalett og logo, vi kan duplisere standardtemaet på wire / moduler / AdminTheme / AdminThemeDefault til vår side moduler mappe site / moduler / og ved å endre "følg alle" til det samme nye navnet kan du begynne å bruke ditt nye tema.
Merk: Standardtemaet bruker Sass css preprocessing. Vil du legge til ditt eget CSS og JS til temaet? Gå til default.php fil der du finner hovedsiden html.
Hvis du ønsker å endre stilen og funksjonaliteten til PW administrasjonen, kan det være verdt å lage en tom temamodul ved å opprette en ny mappe i site / moduler og opprette en .modul fil og klasse av [YourModuleName].
Ved å utvide AdminTheme eller AdminThemeFramework klassen og implementere begge modul og ConfigurableModule, Temaklassen din har nå tilgang til ProcessWires innebygde API-funksjonalitet, og du vil kunne installere den som en ny admin-temamodul. Herfra kan du legge til dine egne modulinnstillinger, frontend-kode og layouter.
Her er noen nyttige ressurser på ProcessWire-moduler:
Jeg ville ikke forkaste dette hvis du ikke hadde en veldig interessant brukstilfelle, men du kunne lage en administrator fra bunnen av, uten hjelp av noen andre klasser som er tilgjengelige for deg, ved å bruke PW API (et eksempel kan brukskonflikt interagere med admin bruker webVR).
Ved å opprette en ny malfil innenfor ditt nettstedstema site / templates / yourTempate.php og legger den til en side i PWs admin, kan du legge til kode i malen for å legge til innlogging, sideredigering og annen funksjonalitet via PW API.
For eksempel, i et tidligere prosjekt, påkrevde jeg at nettstedbrukere skulle registrere og legge til innhold med samme nettstedoppsett og styling av resten av nettstedet, men uten klokkene og plystre av PW admin. I dette tilfellet bestemte jeg meg for å skrive den lille mengden funksjonalitet i maler ved hjelp av PW API for å logge inn, lagre brukere og innhold i databasen.
Innenfor denne oversikten har vi sett på forskjellige måter å opprette egendefinerte ProcessWire-admins eller startpunkter for å lage din egen.
Som alltid, for flere opplæringsprogrammer på ProcessWire, sjekk ut ressursene våre på Tuts + og besøk PW-forumet for flere emner og støtte..
