Accentsconagua
Share
Este tutorial mostrará diferentes estrategias para editar el tema de administración de ProcessWire, o crear su propio.
El área de administración de ProcessWire permite a los diseñadores web crear una jerarquía de páginas de sitios web, campos de datos para plantillas de páginas, administrar usuarios, editar configuraciones de módulos y jugar con una gran cantidad de otras configuraciones de sitios. Para los editores de sitios, el administrador de ProcessWire (PW) es un área única de creación de contenido; Donde se ingresa el texto, se cargan las imágenes y se crean las páginas..
Aunque el tema de administración de ProcessWire es atractivo, simple y claro, a veces es apropiado editar el administrador para agregar características o cambiar la apariencia, digamos si estaba etiquetando el sitio para un cliente..
Veamos algunas de las estrategias y sus casos de uso para editar el administrador de ProcessWire CMS para su proyecto.
Para pequeños cambios puede encontrar que los temas Predeterminado y Reno (que se envían de forma predeterminada con PW), así como el nuevo AdminThemeUiKit (actualmente en desarrollo) tienen lo que está buscando. Cada uno de ellos usa configuraciones para cambiar estilos y diseños, como mostrar íconos de usuario, alterar la posición de navegación, estilos de campo, colores, etc..
Configuración predeterminada del módulo Admin Theme
Configuración del módulo Reno Admin ThemeVale la pena señalar que los temas de administración se pueden configurar por usuario editando la configuración de un usuario en acceso> usuario> [nombre de usuario]. Esto brinda a los administradores la flexibilidad de cambiar lo que los diferentes tipos de usuarios ven y tienen acceso a.
Campo de selección de tema de administrador de la página de usuarioPara crear su propio tema, recomendaría uno de los dos enfoques:
AdminThemeFramework claseLos temas de administración en PW son en realidad módulos que se pueden instalar, distribuir fácilmente y tener configuraciones de sitio. Digamos que un cliente desea poner una etiqueta blanca al administrador cambiando la paleta de colores y el logotipo del tema, podríamos duplicar el tema predeterminado en cable / módulos / AdminTheme / AdminThemeDefault a nuestra carpeta de módulos del sitio sitio / módulos / y al cambiar "seguir todo" al mismo nombre nuevo, puede comenzar a usar su nuevo tema.
Nota: El tema por defecto usa Sass css preprocesamiento. ¿Quieres agregar tu propio CSS y JS al tema? Ve a la default.php archivo donde encontrará la página principal html.
Si desea cambiar el estilo y la funcionalidad del administrador de PW ampliamente, puede valer la pena crear un módulo de tema en blanco creando una nueva carpeta en sitio / módulos y creando un .módulo archivo y clase de [YourModuleName].
Extendiendo AdminTheme o la clase AdminThemeFramework e implementando ambos Módulo y Módulo configurable, su clase de tema ahora tiene acceso a la funcionalidad API incorporada de ProcessWire y podrá instalarlo como un nuevo módulo de tema de administración. Desde aquí puede agregar su propia configuración de módulo, código de frontend y diseños.
Aquí hay algunos recursos útiles sobre los módulos de ProcessWire:
No abogaría por esto a menos que tuviera un caso de uso muy interesante; sin embargo, podría crear un Administrador desde cero, sin la ayuda de ninguna otra clase disponible para usted, utilizando la API de PW (un caso de uso de ejemplo podría estar interactuando con el admin usando webVR).
Al crear un nuevo archivo de plantilla dentro del tema de su sitio sitio / plantillas / suTempate.php y agregándolo a una página en el administrador de PW, puede agregar código a la plantilla para agregar inicio de sesión, edición de páginas y otra funcionalidad a través de la API de PW.
Por ejemplo, en un proyecto anterior les pedí a los usuarios del sitio que se registraran y agregaran contenido con el mismo diseño y estilo del sitio que el resto del sitio, pero sin las campanas y los silbidos del administrador de PW. En este caso, decidí escribir la pequeña cantidad de funcionalidad dentro de las plantillas utilizando la API de PW para iniciar sesión, guardar usuarios y contenido en la base de datos.
En esta descripción general, hemos examinado diferentes formas de crear administradores de ProcessWire personalizados o puntos de partida para crear los suyos..
Como siempre, para obtener más tutoriales sobre ProcessWire, consulte nuestros recursos en Tuts + y visite el foro de PW para obtener más temas y soporte.
