Strategie del tema Admin ProcessWire

Questo tutorial mostrerà diverse strategie per modificare il tema di amministrazione ProcessWire o crearne di tuoi.

L'area amministrativa di ProcessWire consente ai web designer di creare gerarchia di pagine di siti Web, campi di dati per modelli di pagina, amministrare gli utenti, modificare le impostazioni del modulo e giocare con una serie di altre impostazioni del sito. Per gli editor di siti, l'amministratore di ProcessWire (PW) è un'area di creazione di contenuti one-stop; dove viene inserito il testo, le immagini caricate e le pagine create. 

Sebbene il tema di amministrazione di ProcessWire sia attraente, semplice e chiaro, a volte è opportuno modificare l'amministratore per aggiungere funzionalità o modificare l'aspetto, ad esempio se si stava etichettando in bianco il sito per un cliente.

Diamo un'occhiata ad alcune delle strategie e ai loro casi d'uso per modificare l'amministratore CMS di ProcessWire per il tuo progetto.

Temi di amministrazione esistenti e loro impostazioni

Per piccole modifiche potresti scoprire che i temi Default e Reno (che vengono forniti per impostazione predefinita con PW), così come il nuovo AdminThemeUiKit (attualmente in fase di sviluppo) hanno ciò che stai cercando. Ognuno usa le impostazioni per cambiare gli stili e il layout, come mostrare icone utente, modificare la posizione della navigazione, stili di campo, colori e così via.

Impostazioni del modulo Tema di amministrazione predefinitoImpostazioni del modulo Theme Reno Admin

Vale la pena notare che i temi di amministrazione possono essere impostati per utente modificando le impostazioni di un utente in accesso> utente> [nomeutente]. Ciò offre agli amministratori la flessibilità di modificare i diversi tipi di utenti che vedono e hanno accesso.

Campo di selezione del tema di amministrazione della pagina utente

Creazione di nuovi temi di amministrazione

Per creare il tuo tema suggerirei uno dei due approcci:

1. duplica e modifica un modulo di temi di amministrazione esistente
2. creare un nuovo tema per i moduli estendendo le PW AdminThemeFramework classe
   

1. Tema duplicato

I temi di amministrazione in PW sono in realtà moduli che possono essere installati, distribuiti facilmente e con impostazioni del sito. Supponiamo che un cliente desideri etichettare in bianco l'amministratore modificando la tavolozza e il colore del tema, potremmo duplicare il tema predefinito su filo / modules / AdminTheme / AdminThemeDefault alla nostra cartella dei moduli del sito sito / modules / e cambiando il "segui tutti" con lo stesso nuovo nome, puoi iniziare a usare il tuo nuovo tema.

• nome della cartella
• Nome del file AdminThemeDefault.module
  
• Nome della classe php AdminThemeDefault.module
  

Nota: Il tema predefinito utilizza la preelaborazione CSS di Sass. Vuoi aggiungere il tuo CSS e JS al tema? Vai al default.php file in cui troverai la pagina principale html.

2. Nuovo modulo tematico

Se stai cercando di modificare estesamente lo stile e la funzionalità dell'amministratore PW, potrebbe essere utile creare un modulo tema vuoto creando una nuova cartella in Il portale / moduli e creando a .modulo file e classe di [YourModuleName].

Estendendo AdminTheme o la classe AdminThemeFramework e implementando entrambi Modulo e ConfigurableModule, la tua classe tematica ora ha accesso alla funzionalità API integrata di ProcessWire e sarai in grado di installarla come un nuovo modulo tematico di amministrazione. Da qui puoi aggiungere le impostazioni del tuo modulo, il codice frontend e i layout.

Ecco alcune risorse utili sui moduli ProcessWire: 

• 

  Introduzione di un principiante alla scrittura di moduli in ProcessWire

  In questo tutorial impareremo come creare e installare i moduli ProcessWire, esaminare i loro requisiti e spiegare come utilizzare gli hook ProcessWire per ...
• 

  Estensione di ProcessWire Admin tramite i moduli personalizzati

  In questo tutorial esamineremo l'estensione dell'amministratore di ProcessWire utilizzando moduli personalizzati. Con tre moduli di esempio ti darò un piccolo assaggio del ...

Crea nuovo amministratore utilizzando l'API PW

Non lo sosterrei a meno che tu non abbia un caso d'uso molto interessante, tuttavia potresti creare un amministratore da zero, senza l'aiuto di altre classi disponibili, utilizzando l'API PW (un caso d'uso di esempio potrebbe interagire con il admin usando webVR).

Creando un nuovo file di modello all'interno del tema del tuo sito sito / templates / yourTempate.php e aggiungendolo a una pagina nell'amministratore di PW, è possibile aggiungere codice al modello per aggiungere login, modifica della pagina e un'altra funzionalità tramite l'API PW.

Ad esempio, in un progetto passato ho richiesto agli utenti del sito di registrarsi e aggiungere contenuti con lo stesso layout del sito e lo stile del resto del sito ma senza i campanelli e gli squilli dell'amministratore PW. In questo caso ho deciso di scrivere la piccola quantità di funzionalità all'interno dei modelli utilizzando l'API PW per accedere, salvare utenti e contenuti nel database.

Conclusione

All'interno di questa panoramica abbiamo esaminato diversi modi per creare amministratori ProcessWire personalizzati o punti di partenza per crearne di nuovi.

Come sempre, per ulteriori tutorial su ProcessWire consulta le nostre risorse su Tuts + e visita il forum PW per ulteriori argomenti e supporto.