Customize WordPress Dashboard Admin Panel

Adminify UI

For new users of the WP Adminify plugin, please note that Adminify UI is disabled by default. To customize your Dashboard interface, you will need to enable the Adminify UI. However, if you prefer to use the default WordPress UI, there is no need to enable the Adminify UI.

Adminify UI Templates

The Adminify UI Templates section allows you to personalize the appearance of your WordPress admin area. You can choose from the list of pre loaded templates or adjust various color settings to create a custom look and feel that aligns with your branding or preferences. Below are the settings available in this section:

NOTE: Make sure to configure SSL in your domain otherwise you can not enable Adminify UI and use Adminify UI templates.

Pre loaded UI Templates:

WP Adminify gives you 9 pre loaded templates to work with. Just click on the template you want to use to get a live preview. It is important to note however that when you use different templates you may notice that for some template colors your logo loses visibility. In that case if the template you want to use is a dark one, just use a light logo and vice versa.

Custom Color Preset: The custom color preset allows you to craft your own unique UI template by tweaking various UI customization settings. These settings include:

Body Background (Body BG): Customize the background color of the admin area body.
Primary Color: Adjust the background color of main active menu and buttons
Menu Background (Menu BG): Adjust the background color of the admin menu and topbar.
Menu Text: Customize the text color of the admin menu and topbar items.
Notification Background (Notification BG): Set the background color for the notification counter in the menu items area.

Each of these settings includes a color picker tool, allowing you to select the exact shade you want for each element. This flexibility ensures that you can create a cohesive and visually appealing admin interface.

Custom Background

The Custom Background section provides options to personalize the background of your WordPress dashboard. You can choose from various background types and customize them according to your preferences.

Toggle On/Off: Turn this setting on to enable the custom background for your dashboard.

Background Type Options:

Gradient: Choose a gradient background with customizable colors and direction.
Image: Upload a new image or use an existing one chosen from your WordPress media library as your static background.

Gradient Background Settings

Gradient Color:

From: Select the starting color of the gradient using the color picker.
To: Select the ending color of the gradient using the color picker.
Direction: Choose the direction of the gradient (e.g., top to bottom, left to right).

Background Image Customization Settings

Upload Image: Upload image from your computer or select image from your WordPress media library.
Background Position: Control the placement of your background image.
Background Repeat: Determine how the image is repeated.
Background Attachment: Set whether the image is fixed or scrolls with the page.
Background Size: Adjust the size of the background image.

Body Font

The Body Font section allows you to customize the typography settings of your WordPress admin area. You can adjust the font family, Style that match your branding.

Font Family => Select a font: Choose the font family for the body text from the dropdown menu. This selection affects the overall text appearance in the admin area.

Font Style => Select font syle: Select the font style you want..

Font preview => Preview box: The preview box allows you to see the font will look like.

Admin Favicon

Add Favicon: Upload and set your own favicon icon for your WordPress Dashboard panel.

Gutenberg Editor Logo

Add Gutenberg Editor Logo: Upload a logo specifically for the Gutenberg editor.

Light/Dark Mode

You can customize both the Light and Dark Mode logos. Select which mode logo you would like to change first. For example, I’m selecting light mode, which is selected by default.

Layout Mode

Light Mode: Select this option to configure the logo settings for the light mode of your admin area.

Logo Type

Image: Choose this option to upload an image as your logo.
Text: Select this option if you prefer to use text as your logo.

If you pick an Image type logo, next you’ll be able to:

Add Light Logo: Upload an image to be used as the logo in light mode.
Adjust Logo Size: Specify the width and height of the logo in pixels (px).

Add Mini Logo: Upload a smaller version of the logo to be used in compact views or mobile screens.

If you pick a Text type logo, next you’ll be able to:

Add Logo Text: Write whatever text you want your logo to show.
Select Logo Text Typography: Select font family, font size, letter spacing and font color to customize your text logo.

Dark Mode: Select this option to configure the logo settings for the dark mode of your admin area.

Dark Mode logo settings are all identical to the light mode logo settings except in place of a light logo you’ll need to pick a Dark logo that will work better with the dark theme.

Enable Scheduled Dark Mode: Enable or disable dark mode scheduling feature

Schedule Type: Two options available

System: Syncs with the device’s system-wide dark mode settings.

Custom: Allows users to set their own specific schedule.

Start Time: Set the time when dark mode should activate.
End Time: Set the time when dark mode should deactivate.

Controls Icons in Admin Bar

Search Form => Show/Hide: Toggle this option to show or hide the search form in the topbar area.

Comments Icon => Show/Hide: Toggle this option to show or hide the comments icon in the topbar area.

Light/Dark Switcher => Enable/Disable Switcher: If the switcher is enabled it appears at the top right of the dashboard just beside the view site and admin profile icon.

Post Status Background Colors

This feature allows customization of background colors for different post statuses in the admin interface, enhancing visual organization and workflow management.

Color Selection Options:

Colors can be set for six different post statuses: Publish, Pending, Future, Private, Draft, and Trash.
Each status has its own “Select Color” button, allowing for individual customization.

Status Types and Their Meanings:

Publish BG Color: Set a specific color for posts that are live and visible to the public.
Pending BG Color: Set a specific color for posts awaiting review or approval before publication.
Scheduled / Future BG Color: Set a specific color for scheduled posts set to be published at a later date.
Private BG Color: Set a specific color for posts that are password protected.
Draft BG Color: Set a specific color for posts that are still being worked on and not yet complete.
Trash BG Color: Set a specific color for posts that have been moved to the trash but not permanently deleted.

August 24, 2024

Customization Plugin Options Panel

Was this article helpful?

Customize