Deze zelfstudie laat verschillende strategieën zien om het ProcessWire-beheerthema te bewerken of uw eigen thema te maken.
Met het admingebied van ProcessWire kunnen webontwerpers een hiërarchie van een webpagina, gegevensvelden voor paginasjablonen maken, gebruikers beheren, module-instellingen en speelgoed bewerken met een groot aantal andere site-instellingen. Voor site-editors is de ProcessWire (PW) -beheerder een one-stop-gedeelte voor het maken van inhoud; waar tekst wordt ingevoerd, afbeeldingen worden geüpload en pagina's worden gemaakt.
Hoewel het ProcessWire-beheerthema aantrekkelijk, eenvoudig en duidelijk is, is het soms gepast om de beheerder te bewerken om functies toe te voegen of het uiterlijk te wijzigen, bijvoorbeeld als u de site voor een klant een witte markering geeft.
Laten we eens kijken naar enkele van de strategieën en hun use-cases om de ProcessWire CMS-beheerder voor uw project te bewerken.
Voor kleine wijzigingen kan het zijn dat de standaard- en reno-thema's (die standaard worden verzonden met PW), evenals de nieuwe AdminThemeUiKit (die momenteel in ontwikkeling is) hebben wat u zoekt. Ze gebruiken elk instellingen voor het wijzigen van stijlen en lay-out, zoals het tonen van gebruikerspictogrammen, het wijzigen van de positie van navigatie, veldstijlen, kleuren enzovoort.
Standaard beheerdersmodule-instellingenReno Admin Thema-module-instellingenHet is vermeldenswaard dat admin-thema's per gebruiker kunnen worden ingesteld door de instellingen van een gebruiker in te bewerken toegang> gebruiker> [uwgebruikersnaam]. Dit geeft beheerders de flexibiliteit om te veranderen wat verschillende soorten gebruikers zien en waar ze toegang tot hebben.
Thema-selectieveld voor gebruikerspaginabeheerOm een eigen thema te maken, zou ik een van de volgende twee manieren aanbevelen:
AdminThemeFramework
klasseBeheerdersthema's in PW zijn eigenlijk modules die eenvoudig kunnen worden geïnstalleerd, gedistribueerd en die site-instellingen kunnen bevatten. Stel dat een klant de beheerder een white-label wil geven door het themakleurenpalet en -logo te wijzigen, dan kunnen we het standaardthema dupliceren op wire / modules / AdminTheme / AdminThemeDefault naar onze map met sitemodules site / modules / en door "volg alles" te veranderen in dezelfde nieuwe naam, kunt u uw nieuwe thema gaan gebruiken.
Notitie: Het standaardthema maakt gebruik van Sass css preprocessing. Wilt u uw eigen CSS en JS aan het thema toevoegen? Ga naar de default.php bestand waar u de html van de hoofdpagina zult vinden.
Als u de stijl en functionaliteit van de PW-beheerder op grote schaal wilt wijzigen, is het misschien de moeite waard om een lege themamodule te maken door een nieuwe map te maken in site / modules en een maken .module bestand en klasse van [YourModuleName].
Door Admin Theme of de klasse AdminThemeFramework uit te breiden en beide te implementeren module
en ConfigurableModule
, uw themaklasse heeft nu toegang tot de ingebouwde API-functionaliteit van ProcessWire en u kunt deze als een nieuwe module voor beheerdershema installeren. Hier kunt u uw eigen module-instellingen, frontend-code en lay-outs toevoegen.
Hier zijn enkele nuttige bronnen voor ProcessWire-modules:
Ik zou hier niet voor pleiten, tenzij je een zeer interessante use-case had, maar je kon een Admin vanaf nul creëren, zonder de hulp van andere klassen die voor jou beschikbaar waren, door de PW API te gebruiken (een voorbeeld use case zou kunnen interageren met de admin met webVR).
Door een nieuw sjabloonbestand te maken binnen uw sitethema site / templates / yourTempate.php en door het toe te voegen aan een pagina in de admin van PW, kunt u code toevoegen aan de sjabloon om in te loggen, pagina's te bewerken en nog een andere functionaliteit via de PW API.
In een eerder project heb ik bijvoorbeeld vereist dat sitegebruikers zich registreerden en inhoud toevoegden met dezelfde sitelay-out en vormgeving van de rest van de site, maar zonder de toeters en bellen van de PW-beheerder. In dit geval heb ik besloten om de kleine hoeveelheid functionaliteit binnen de sjablonen te schrijven met behulp van de PW API om in te loggen, gebruikers en inhoud op te slaan in de database.
In dit overzicht hebben we gekeken naar verschillende manieren om aangepaste ProcessWire-beheerders of startpunten te maken om uw eigen processen te maken.
Zoals altijd, bekijk voor meer tutorials over ProcessWire onze bronnen op Tuts + en bezoek het PW-forum voor meer onderwerpen en ondersteuning.