ProcessWire-Admin-Theme-Strategien

In diesem Lernprogramm werden verschiedene Strategien erläutert, um das ProcessWire-Admin-Design zu bearbeiten oder eigene zu erstellen.

Mit dem Admin-Bereich von ProcessWire können Webdesigner Websitenseitenhierarchie, Datenfelder für Seitenvorlagen erstellen, Benutzer verwalten, Moduleinstellungen bearbeiten und mit einer Vielzahl anderer Websiteeinstellungen arbeiten. Für Site-Editoren ist der ProcessWire (PW) -Admin ein Bereich zum Erstellen von Inhalten. Hier wird Text eingegeben, Bilder hochgeladen und Seiten erstellt. 

Obwohl das ProcessWire-Admin-Design ansprechend, einfach und klar ist, ist es manchmal angebracht, den Admin zu bearbeiten, um Funktionen hinzuzufügen oder das Erscheinungsbild zu ändern, beispielsweise wenn Sie die Site mit einem White-Label für einen Kunden versehen.

Schauen wir uns einige Strategien und Anwendungsfälle an, um den ProcessWire CMS-Administrator für Ihr Projekt zu bearbeiten.

Bestehende Admin-Themes und deren Einstellungen

Bei kleinen Änderungen stellen Sie möglicherweise fest, dass die Standard- und Reno-Designs (die standardmäßig mit PW ausgeliefert werden) sowie das neue AdminThemeUiKit (derzeit in Entwicklung) das haben, wonach Sie suchen. Sie verwenden jeweils Einstellungen zum Ändern von Stilen und Layouts, z. B. Anzeigen von Benutzersymbolen, Ändern der Navigationsposition, Feldstile, Farben usw..

Standardeinstellungen des Admin-Design-ModulsReno Admin Theme-Moduleinstellungen

Es ist erwähnenswert, dass Admin-Themes pro Benutzer festgelegt werden können, indem Sie die Benutzereinstellungen in bearbeiten Zugang> Benutzer> [IhrBenutzername]. Dies gibt Administratoren die Flexibilität, die Sichtbarkeit der verschiedenen Benutzertypen zu ändern.

Feld zum Auswählen des Benutzerseiten-Admin-Themes

Neue Admin-Designs erstellen

Um ein eigenes Thema zu erstellen, würde ich einen von zwei Ansätzen empfehlen:

1. Duplizieren und Bearbeiten eines vorhandenen Admin-Design-Moduls
2. Erstellen Sie ein neues Modulthema, das PWs erweitert AdminThemeFramework Klasse
   

1. Duplizieren Sie das Thema

Admin-Designs in PW sind eigentlich Module, die installiert, einfach verteilt und mit Standorteinstellungen versehen werden können. Nehmen wir an, ein Client möchte den Admin mit einer weißen Beschriftung versehen, indem er die Farbpalette und das Logo des Themas ändert. Wir könnten das Standarddesign unter kopieren wire / modules / AdminTheme / AdminThemeDefault zu unserem Site-Modul-Ordner Standort / Module / und indem Sie „follow all“ in denselben neuen Namen ändern, können Sie Ihr neues Design verwenden.

• Ordnernamen
• AdminThemeDefault.module Dateiname
  
• AdminThemeDefault.module PHP-Klassenname
  

Hinweis: Das Standarddesign verwendet die Sass-CSS-Vorverarbeitung. Möchten Sie Ihr eigenes CSS und JS zum Thema hinzufügen? Gehe zum default.php Datei, wo Sie die Hauptseite HTML finden.

2. Neues Themenmodul

Wenn Sie den Stil und die Funktionalität des PW-Administrators umfassend ändern möchten, empfiehlt es sich, ein leeres Design-Modul zu erstellen, indem Sie einen neuen Ordner in erstellen Standort / Module und ein erstellen .Modul Datei und Klasse von [IhrModulname].

Durch Erweitern von AdminTheme oder der Klasse AdminThemeFramework und Implementieren von beidem Modul und Konfigurierbares Modul, Ihre Design-Klasse hat jetzt Zugriff auf die integrierten API-Funktionen von ProcessWire, und Sie können sie als neues Admin-Design-Modul installieren. Hier können Sie Ihre eigenen Moduleinstellungen, Frontend-Code und Layouts hinzufügen.

Hier sind einige nützliche Ressourcen zu ProcessWire-Modulen: 

• 

  Eine Einführung für Anfänger in das Schreiben von Modulen in ProcessWire

  In diesem Lernprogramm erfahren Sie, wie Sie ProcessWire-Module erstellen und installieren, sich deren Anforderungen ansehen und erklären, wie Sie ProcessWire-Hooks verwenden, um…
• 

  Erweitern des ProcessWire-Admin mit benutzerdefinierten Modulen

  In diesem Lernprogramm werden wir die Erweiterung von ProcessWire-Admin mit benutzerdefinierten Modulen untersuchen. Mit drei Beispielmodulen werde ich Ihnen einen kleinen Vorgeschmack auf die…

Neuen Admin mithilfe der PW-API erstellen

Ich würde dies nicht befürworten, es sei denn, Sie hätten einen sehr interessanten Anwendungsfall. Sie könnten jedoch mit Hilfe der PW-API (ohne Hilfe anderer für Sie verfügbarer Klassen) einen Administrator von Grund auf erstellen Admin mit webVR).

Erstellen Sie eine neue Vorlagendatei in Ihrem Site-Design site / templates / yourTempate.php Wenn Sie es zu einer Seite in PW's Admin hinzufügen, können Sie der Vorlage Code hinzufügen, um Anmeldungen, Seitenbearbeitung und andere Funktionen über die PW-API hinzuzufügen.

In einem früheren Projekt musste ich beispielsweise Website-Benutzer registrieren und Inhalte mit demselben Site-Layout und Stil des Restes der Site hinzufügen, jedoch ohne das Schnickschnack des PW-Administrators. In diesem Fall habe ich mich entschlossen, die geringe Funktionalität innerhalb der Vorlagen mit der PW-API zu schreiben, um sich anzumelden, Benutzer und Inhalte in der Datenbank zu speichern.

Fazit

In dieser Übersicht haben wir verschiedene Möglichkeiten zum Erstellen benutzerdefinierter ProcessWire-Administratoren oder Ansatzpunkte für die Erstellung eigener Admins untersucht.

Weitere Tutorials zu ProcessWire finden Sie in unseren Ressourcen zu Tuts +. Im PW-Forum finden Sie weitere Themen und Unterstützung.