Denna handledning kommer att visa olika strategier för att redigera ProcessWire admin tema, eller skapa din egen.
ProcessWires administrativa område gör det möjligt för webbdesigners att skapa hemsidorhierarki, datafält för sidmallar, administrera användare, redigera modulinställningar och leksak med en mängd andra webbplatsinställningar. För webbplatsredigerare är ProcessWire (PW) admin ett skapningsområde för enstans innehåll; där text läggs in, bilder uppladdade och sidor skapade.
Även om ProcessWire admin-temat är attraktivt, enkelt och tydligt, är det ibland lämpligt att redigera adminen för att lägga till funktioner eller ändra utseendet, säg om du var vitmärkning på webbplatsen för en klient.
Låt oss titta på några av strategierna och deras användarfall för att redigera ProcessWire CMS-administratören för ditt projekt.
För små ändringar kan du upptäcka att standard- och reno-teman (som skickas som standard med PW), liksom den nya AdminThemeUiKit (för närvarande i utveckling) har det du letar efter. De använder var och en inställningar för att ändra stilar och layout, till exempel visa användarikoner, ändra position för navigering, fältformat, färger och så vidare.
Inställningar för standardadministratormodulerReno Admin Tema modul inställningarDet är värt att notera att admin-temat kan ställas in per användare genom att redigera en användares inställningar i åtkomst> användare> [ditt användarnamn]. Detta ger administratörer möjlighet att ändra vilka olika typer av användare som ser och har tillgång till.
Användarsidan admin tema välj fältFör att skapa ditt eget tema skulle jag rekommendera ett av två tillvägagångssätt:
AdminThemeFramework
klassAdmin teman i PW är faktiskt moduler som kan installeras, distribueras enkelt och ha platsinställningar. Låt oss säga att en klient vill vitlista administratören genom att ändra temat färgpalett och logotyp, vi kan duplicera standardtemat på tråd / moduler / AdminTheme / AdminThemeDefault till vår mapp för webbplatsmoduler site / moduler / och genom att ändra "följ alla" till samma nya namn kan du börja använda ditt nya tema.
Notera: Standardtemat använder Sass css preprocessing. Vill du lägga till din egen CSS och JS till temat? Gå till standard.php fil där du hittar huvudsidans html.
Om du vill ändra stilen och funktionaliteten hos PW-administratorn, kan det vara värt att skapa en tom temamodul genom att skapa en ny mapp i språk / moduler och skapa en .modul fil och klass av [YourModuleName].
Genom att utöka AdminTheme eller AdminThemeFramework klassen och implementera båda Modul
och ConfigurableModule
, Din temaklass har nu tillgång till ProcessWires inbyggda API-funktionalitet och du kan installera den som en ny tematik för admin. Härifrån kan du lägga till egna modulinställningar, frontendkod och layouter.
Här är några användbara resurser på ProcessWire-moduler:
Jag skulle inte förespråka detta om du inte hade ett mycket intressant användningsfall, men du kunde skapa en administratör från början, utan hjälp av andra klasser tillgängliga för dig, genom att använda PW API (ett exempel kan användarväxel interagera med admin använder webVR).
Genom att skapa en ny mallfil inom ditt webbplatstema Sajt / templates / yourTempate.php och lägger till den på en sida i PW: s admin kan du lägga till kod i mallen för att lägga till inloggning, sidredigering och annan funktionalitet via PW API.
Till exempel, i ett tidigare projekt krävde jag att webbplatsanvändare skulle registrera och lägga till innehåll med samma webbplatslayout och styling av resten av webbplatsen utan att klickar och visslar på PW admin. I det här fallet bestämde jag mig för att skriva den lilla funktionaliteten i mallarna med hjälp av PW API för att logga in, spara användare och innehåll i databasen.
Inom den här översikten har vi tittat på olika sätt att skapa egna ProcessWire-administratörer eller startpunkter för att skapa egna.
Som alltid, för mer övningar på ProcessWire kolla in våra resurser på Tuts + och besök PW forumet för fler ämnen och support.