Cómo Encolar Assets en el Plugin Helper

class DLMS_Assets {

// ── Constructor: conectar los hooks de encolado ────────────────
public function __construct() {
// Frontend: páginas públicas del sitio
add_action( ‘wp_enqueue_scripts’, [ $this, ‘enqueue_frontend’ ] );
// Admin: área de administración de WordPress
add_action( ‘admin_enqueue_scripts’, [ $this, ‘enqueue_admin’ ] );
}

// ── Assets del frontend ────────────────────────────────────────
public function enqueue_frontend() {
// CSS del plugin
wp_enqueue_style(
‘dlms-helper-styles’, // Identificador único
DLMS_PLUGIN_URL . ‘assets/css/helper-styles.css’, // URL del archivo
[], // Dependencias
DLMS_VERSION // Versión
);

// JS del plugin (true = cargar en el footer)
wp_enqueue_script(
‘dlms-helper-scripts’,
DLMS_PLUGIN_URL . ‘assets/js/helper-scripts.js’,
[ ‘jquery’ ], // Depende de jQuery
DLMS_VERSION,
true // Cargar en el footer
);

// Pasar datos de PHP al JS (disponibles como dlmsData.ajaxUrl)
wp_localize_script(
‘dlms-helper-scripts’,
‘dlmsData’,
[
‘ajaxUrl’ => admin_url( ‘admin-ajax.php’ ),
‘siteUrl’ => get_site_url(),
]
);
}

// ── Assets del área de administración ─────────────────────────
public function enqueue_admin( $hook ) {
// Solo cargar en la página del wizard
if ( ‘dashboard_page_dlms-wizard’ !== $hook ) {
return;
}
wp_enqueue_style(
‘dlms-admin-styles’,
DLMS_PLUGIN_URL . ‘assets/css/helper-styles.css’,
[],
DLMS_VERSION
);
}
}

new DLMS_Assets();