Wordpress DECHO

.env

DEBUG_URL=whatever.test

_DECHO.scss

div.DECHO {
  background: #F6F2CD;
  border: {
    bottom: 2px solid red;
    top: 2px solid red;
  }
  font: {
    family: Courier;
    size: 12px;
  }
  h3 {
    font: {
      size: 14px;
    }
    max-width: 1300px;
    margin: 0 auto;
    text-transform: none;
  }
  pre {
    margin: 0 auto;
    overflow: auto;
    max-width: 1300px;
    width: 100%;
  }
}

debug.php

<?php

function DECHO($var) {
    $current_user = wp_get_current_user();
    if (user_can($current_user, 'administrator') || $_SERVER['SERVER_NAME'] == getenv('DEBUG_URL')) {
        $bt     = debug_backtrace();
        $caller = array_shift($bt);

        add_action('wp_footer', function () use ($var, $caller) {
            echo '<div class="DECHO"><h3>Line: ' . $caller['line'] . '<br />File: ' . $caller['file'] . '</h3><pre>' . print_r($var,
                    true) . '</pre></div>';
        });
    }
}

function ADECHO($var) {
    $current_user = wp_get_current_user();
    if (user_can($current_user, 'administrator')) {
        $bt     = debug_backtrace();
        $caller = array_shift($bt);

        add_action('admin_footer', function () use ($var, $caller) {
            echo '<div style="margin-left: 170px;" class="DECHO"><h3>Line: ' . $caller['line'] . '<br />File: ' . $caller['file'] . '</h3><pre>' . print_r($var,
                    true) . '</pre></div>';
        });
    }
}