Stratégies de thème d'administration ProcessWire

Ce didacticiel présentera différentes stratégies pour modifier le thème de l’administrateur ProcessWire ou créer le vôtre..

La zone d'administration de ProcessWire permet aux concepteurs Web de créer une hiérarchie de pages de sites Web, des champs de données pour les modèles de page, d'administrer des utilisateurs, de modifier les paramètres de module et de jouer avec une foule d'autres paramètres de site. Pour les éditeurs de sites, l’administration ProcessWire (PW) est une zone de création de contenu centralisée; où le texte est saisi, les images téléchargées et les pages créées. 

Bien que le thème de l'administrateur de ProcessWire soit attrayant, simple et clair, il est parfois approprié de modifier l'administrateur pour ajouter des fonctionnalités ou modifier l'aspect et la convivialité, par exemple si vous étiquetiez le site en blanc pour un client.

Examinons certaines des stratégies et leurs cas d'utilisation pour modifier l'administrateur ProcessWire CMS de votre projet..

Thèmes d'administration existants et leurs paramètres

Pour les petites modifications, vous constaterez peut-être que les thèmes Par défaut et Reno (fournis par défaut avec PW), ainsi que le nouvel AdminThemeUiKit (en cours de développement) ont ce que vous recherchez. Ils utilisent chacun des paramètres pour modifier les styles et la présentation, tels que l'affichage d'icônes utilisateur, la position de navigation, les styles de champs, les couleurs, etc..

Paramètres du module de thème d'administration par défautParamètres du module Reno Admin Theme

Il est à noter que le thème de l'administrateur peut être défini par utilisateur en modifiant les paramètres de l'utilisateur dans accès> utilisateur> [votre nom d'utilisateur]. Les administrateurs ont ainsi la possibilité de modifier les types de consultation et d’accès des différents types d’utilisateur..

Champ de sélection du thème administrateur de la page utilisateur

Création de nouveaux thèmes d'administration

Pour créer votre propre thème, je recommanderais l'une des deux approches suivantes:

1. dupliquer et éditer un module de thème admin existant
2. créer un nouveau thème de module prolongeant les PW AdminThemeFramework classe
   

1. Thème en double

Les thèmes d'administration dans PW sont en fait des modules qui peuvent être installés, distribués facilement et dotés de paramètres de site. Supposons qu'un client veuille attribuer une marque blanche à l'administrateur en modifiant la palette de couleurs et le logo du thème. Nous pourrions dupliquer le thème par défaut à l'adresse wire / modules / AdminTheme / AdminThemeDefault dans notre dossier de modules de site site / modules / et en changeant le "tout suivre" avec le même nouveau nom, vous pouvez commencer à utiliser votre nouveau thème.

• nom de dossier
• Nom du fichier AdminThemeDefault.module
  
• AdminThemeDefault.module nom de classe php
  

Remarque: Le thème par défaut utilise le prétraitement Sass css. Voulez-vous ajouter vos propres CSS et JS au thème? Aller au default.php fichier où vous trouverez la page principale html.

2. Nouveau module thématique

Si vous souhaitez modifier considérablement le style et les fonctionnalités de l’administrateur PW, il peut être intéressant de créer un module de thème vierge en créant un nouveau dossier dans site / modules et créer un .module fichier et classe de [VotreModuleNom].

En étendant AdminTheme ou la classe AdminThemeFramework et en implémentant les deux Module et Module configurable, votre classe de thème a maintenant accès à la fonctionnalité intégrée de l'API de ProcessWire et vous pourrez l'installer en tant que nouveau module de thème d'administrateur. À partir de là, vous pouvez ajouter vos propres paramètres de module, code frontal et présentations..

Voici quelques ressources utiles sur les modules ProcessWire: 

• 

  Introduction d'un débutant à l'écriture de modules dans ProcessWire

  Dans ce didacticiel, nous allons apprendre à créer et à installer des modules ProcessWire, à examiner leurs exigences et à expliquer comment utiliser les points d'ancrage ProcessWire pour…
• 

  Extension de l'Administrateur ProcessWire à l'aide de modules personnalisés

  Dans ce didacticiel, nous examinerons comment étendre l’administrateur de ProcessWire à l’aide de modules personnalisés. Avec trois exemples de modules, je vais vous donner un petit aperçu du…

Créer un nouvel administrateur à l'aide de l'API PW

Je ne le recommanderais pas sauf si vous aviez un cas d'utilisation très intéressant. Cependant, vous pouvez créer un administrateur à partir de rien, sans l'aide d'aucune autre classe disponible, en utilisant l'API PW (un exemple d'utilisation pourrait interagir avec le admin utilisant webVR).

En créant un nouveau fichier de modèle dans le thème de votre site site / templates / yourTempate.php et en l'ajoutant à une page de l'administrateur de PW, vous pouvez ajouter du code au modèle pour ajouter un identifiant, une édition de page et une autre fonctionnalité via l'API de PW..

Par exemple, dans un projet précédent, je demandais aux utilisateurs du site de s’inscrire et d’ajouter du contenu avec le même agencement et le même style de site que le reste du site, mais sans les fonctions de l’administrateur PW. Dans ce cas, j'ai décidé d'écrire la petite quantité de fonctionnalités dans les modèles en utilisant l'API PW pour vous connecter, enregistrer les utilisateurs et le contenu dans la base de données..

Conclusion

Dans cet aperçu, nous avons examiné différentes manières de créer des administrateurs ProcessWire personnalisés ou des points de départ pour créer votre propre.

Comme toujours, pour plus de tutoriels sur ProcessWire, consultez nos ressources sur Tuts + et visitez le forum PW pour plus de sujets et d'assistance..