What Html Code Do I Use To Change The Font Color In Processwire

Read Time: 4 mins Languages:

This tutorial will demonstrate different strategies to edit the ProcessWire admin theme, or create your own.

ProcessWire's admin area allows spider web designers to create website page hierarchy, data fields for page templates, administer users, edit module settings and toy with a host of other site settings. For site editors, the ProcessWire (PW) admin is a one stop content creation area; where text is input, images uploaded and pages created.

Though the ProcessWire admin theme is attractive, elementary and clear, it's sometimes advisable to edit the admin to add features or change the look and feel, say if you were white-labelling the site for a client.

Processwire admin page tree - site page structure overview

Lets look at some of the strategies and their use cases to edit the ProcessWire CMS admin for your project.

Existing Admin Themes and Their Settings

For small changes you might detect that the Default and Reno themes (which transport past default with PW), as well equally the new AdminThemeUiKit (currently in evolution) accept what you're looking for. They each utilize settings for changing styles and layout, such as showing user icons, altering position of navigation, field styles, colours and so on.

DefaultAdminTheme module settings — Default Admin Theme module settings

RenoAdminTheme module settings — Reno Admin Theme module settings

It's worth noting that admin theme'south tin exist fix per user by editing a user's settings in access > user > [yourusername]. This gives administrators the flexibility to alter what different types of users see and take access to.

Creating New Admin Themes

To create your own theme I would recommend one of two approaches:

duplicate and edit an existing admin theme module
create a new module theme extending PW'due south AdminThemeFramework form

1. Indistinguishable Theme

Admin themes in PW are really modules that tin be installed, distributed easily and have site settings. Allow's say a customer wants to white-label the admin by changing the theme color palette and logo, we could duplicate the default theme at wire/modules/AdminTheme/AdminThemeDefault to our site modules binder site/modules/ and by changing the "follow all" to the same new proper noun you can start using your new theme.

folder name
AdminThemeDefault.module file name
AdminThemeDefault.module php class name

Note: The default theme uses Sass css preprocessing. Desire to add your own CSS and JS to the theme? Become to the default.php file where you'll find the chief page html.

ii. New Theme Module

If yous're looking to alter the style and functionality of the PW admin extensively, it might be worth creating a blank theme module by creating a new folder in site/modules and creating a .module file and course of [YourModuleName].

By extending AdminTheme or the AdminThemeFramework grade and implementing both Module and ConfigurableModule, your theme class now has access to ProcessWire's built in API functionality and yous'll be able to install it equally a new admin theme module. From here you can add together your own module settings, frontend code, and layouts.

Here are some useful resource on ProcessWire modules:

Create New Admin Using the Prisoner of war API

I wouldn't abet this unless you had a very interesting use case, however you could create an Admin from scratch, without the help of whatever other classes bachelor to you lot, past using the Prisoner of war API (an example use case might exist interacting with the admin using webVR).

Past creating a new template file within your site theme site/templates/yourTempate.php and adding it to a folio in PW's admin, you can add code to the template to add login, page editing and another functionality via the Pow API.

For example, in a by project I required site users to annals and add content with the same site layout and styling of the rest of the site but without the bells and whistles of the PW admin. In this example I decided to write the small amount of functionality within the templates using the PW API to login, save users and content to the database.