How to debug

Debug mode functions and resources

Enable debug mode to use debugger panel for administrators and related functions during development.

The debugger panel can be accessed only by administrators in frontend and admin panel from the admin topbar button. It contains information about current post queries, theme status, PHP and JS logs and other information.

Debug mode advanced adds more verbose to PHP and JS logs and enables developer mode in admin panel.



Debug mode is enabled on this site for al users.

Debug mode is enabled on this website and the debugger panel is available for all users at any time through the top right bar button. The default behavior only renders and shows the debugger panel for administrator user roles, and can be toggled on the frontend and admin panel through the WordPress top bar button.

Debugger panel

Use debugger panel log for PHP and JS

Add an entry to the debugger panel log in PHP and JS custom files code:

dct_debug(text, variable, level, advanced);

Use this function to debug any variable type with a custom level when debug mode is enabled. In JS, also logs to the browser console.

text: Text to debug. Default: empty.
var: Variable to debug (any type). Default: empty.
level: Level of log entry, allows filtering. Options: "log" (default), "info", "success", "warning", "error".
advanced: Only log when debug mode advanced is enabled. Default: false.
var_table: Only for JS. Log variable to console in table format. Default: false.

How to use dct_debug function with custom files code:

Use $dct object in PHP and JS

Object $dct contains information about your child theme, environment and current page that can be used in custom JS and PHP code.

How to use global $dct object with custom files code:

Current $dct object contents:

{
    "debug": {
        "enabled": true,
        "advanced": false,
        "maintenance": false
    },
    "scss_compiler": {
        "minify": false,
        "autocompile": true
    },
    "colors": {
        "primary": "#3fa6a5",
        "primary-dark": "#2a6e6d",
        "primary-darker": "#153736",
        "primary-light": "#6bc6c5",
        "primary-lighter": "#a2dbda",
        "primary-comp": "#a63f40",
        "label-debug": "#cddfcf",
        "label-debug-dark": "#a6c6aa",
        "label-debug-darker": "#7fad84",
        "label-debug-light": "#f4f8f4",
        "label-debug-lighter": "#ffffff",
        "label-design": "#dcdfcd",
        "label-design-dark": "#c0c6a6",
        "label-design-darker": "#a5ad7f",
        "label-design-light": "#f7f8f4",
        "label-design-lighter": "#ffffff",
        "label-develop": "#dfd6cd",
        "label-develop-dark": "#c6b6a6",
        "label-develop-darker": "#ad967f",
        "label-develop-light": "#f8f6f4",
        "label-develop-lighter": "#ffffff",
        "label-customize": "#dfcdcd",
        "label-customize-dark": "#c6a6a6",
        "label-customize-darker": "#ad7f7f",
        "label-customize-light": "#f8f4f4",
        "label-customize-lighter": "#ffffff",
        "label-code": "#dbc9dc",
        "label-code-dark": "#c1a3c3",
        "label-code-darker": "#a87daa",
        "label-code-light": "#f5f1f5",
        "label-code-lighter": "#ffffff",
        "background-grey": "#f0f0f0",
        "background-grey-hover": "#e4e4e4"
    },
    "fonts": {
        "font-title": "'Roboto', sans-serif",
        "font-body": "'Roboto', sans-serif",
        "font-code": "'Roboto Mono', Courier New, monospace"
    },
    "sizes": {
        "site-max-width": "1000px",
        "menu-top-height": "82px",
        "docs-sidebar-width": "300px"
    },
    "assets": {
        "css": [
            "dct-style",
            "colors-panel-scss",
            "child-theme-style"
        ],
        "js": [
            "dct-base-js",
            "dct-admin-js",
            "gsap-min-js",
            "ScrollTrigger-min-js",
            "Draggable-min-js",
            "InertiaPlugin-min-js",
            "SplitText-min-js",
            "custom-js"
        ]
    },
    "customizer": {
        "preloader": true,
        "admin_panel": true,
        "login_page": true
    },
    "theme": {
        "Name": "DCT for WP",
        "Version": "1.2.0",
        "Description": "Dynamic Child Theme for WP Public release",
        "ThemeURI": "https://www.dctforwp.com",
        "Author": "Estudi FGH.net",
        "AuthorURI": "https://www.estudifgh.net",
        "Template": "Divi",
        "TextDomain": "dct",
        "DomainPath": "",
        "Status": "publish",
        "Stylesheet": "dct-child-theme",
        "StylesheetURI": "https://www.dctforwp.com/wp-content/themes/dct-child-theme"
    },
    "post": {
        "post_title": "How to debug",
        "post_id": 227,
        "post_type": "docs",
        "post_status": "publish",
        "post_date": "18/07/2026",
        "post_author": ""
    },
    "user": {
        "user_login": false,
        "user_id": 0,
        "user_name": false,
        "user_email": false,
        "user_roles": null
    },
    "conditionals": {
        "is_admin": false,
        "is_blog_admin": false,
        "is_login": false,
        "is_front_page": false,
        "is_home": false,
        "is_singular": true,
        "is_single": true,
        "is_page": false,
        "is_archive": false,
        "is_category": false,
        "is_tag": false,
        "is_date": false,
        "is_attachment": false,
        "is_author": false,
        "is_page_template": false,
        "is_paged": false,
        "is_post_type_archive": false,
        "is_search": false,
        "is_404": false,
        "is_ssl": true
    },
    "environment": {
        "Site URL": "https://www.dctforwp.com",
        "Theme basepath": "https://www.dctforwp.com/wp-content/themes/dct-child-theme",
        "Theme name": "DCT for WP",
        "Theme version": "1.2.0",
        "WordPress version": "7.1",
        "PHP version": "8.2.33"
    },
    "language": {
        "locale": "en_US",
        "user_locale": "en_US"
    }
}

← Debugger settingsMaintenance mode →

Documentation

How to debug

Debug mode functions and resources

Use debugger panel log for PHP and JS

Use $dct object in PHP and JS

Status: Child theme

Summary

Theme object `$dct`

Theme mods

Custom files

PHP Custom files 5

JS Custom files 2

SCSS Partials styles 7

SCSS Base styles 1

CSS Compiled styles 3

Debugger errors log

Status: SCSS Compiler

Global Variables

SCSS Partials styles

SCSS Base styles

CSS Compiled styles

Post query

True Conditionals

False Conditionals

Current user

Hooks, actions & filters

Child theme hooks

All hooks `wp_actions`

All filters `wp_filters`

Environment

Server information

Debugger log: PHP

Debugger errors log: PHP

PHP object `$dct`

Debugger log: JS

JS object `$dct`

Documentation

How to debug

Debug mode functions and resources

Use debugger panel log for PHP and JS

Use $dct object in PHP and JS

Status: Child theme

Summary

Theme object $dct

Theme mods

Custom files

PHP Custom files 5

JS Custom files 2

SCSS Partials styles 7

SCSS Base styles 1

CSS Compiled styles 3

Debugger errors log

Status: SCSS Compiler

Global Variables

SCSS Partials styles

SCSS Base styles

CSS Compiled styles

Post query

True Conditionals

False Conditionals

Current user

Hooks, actions & filters

Child theme hooks

All hooks wp_actions

All filters wp_filters

Environment

Server information

Debugger log: PHP

Debugger errors log: PHP

PHP object $dct

Debugger log: JS

JS object $dct

Theme object `$dct`

All hooks `wp_actions`

All filters `wp_filters`

PHP object `$dct`

JS object `$dct`