La forma correcta sería que usted:

1. Cree un tema hijo de Astra y actívelo como su tema. Puede usar su herramienta https://wpastra.com/child-theme-generator/

Haces esto para poder continuar actualizando Astra y no perder tu trabajo personalizado.

2. En el archivo functions.php de su tema hijo, usa un enlace de acción de WordPress para poner en cola su CSS y su archivo JS, así:

add_action( 'wp_enqueue_scripts', 'amir_astra_scripts' );

 function amir_astra_scripts(){ wp_register_style( 'amir-styles', // Idendtifier to later enqueue it get_stylesheet_directory_uri() . 'path/to/file/your-css.css', //full URL to the file true, filemtime( get_stylesheet_directory() . 'path/to/file/your-css.css' ), // A dynamic version to bust caching 'all' ); wp_enqueue_style('amir-styles'); wp_register_script( 'amir-script', get_stylesheet_directory_uri() . 'path/to/file/your-js.js', ['jquery'], // Make script a dependency of jquery filemtime( get_stylesheet_directory() . 'path/to/file/your-js.js'), true // Load in footer instead of header ); wp_enqueue_script('amir-script'); }

3. Si no necesita cargar su CSS y JS en cada página del sitio, use las etiquetas condicionales de WordPress para cargarlas condicionalmente, solo en las páginas necesarias. Por ejemplo, si necesita cargar su CSS y JS en todas las publicaciones del blog, puede encapsular la puesta en cola en is_single() así después de registrarlos

 if( is_single() ){ wp_enqueue_style('amir-styles'); wp_enqueue_script('amir-script'); }

Si los necesitara solo en la página con slug "contacto", lo haría

 if( is_page('contact') ){ wp_enqueue_style('amir-styles'); wp_enqueue_script('amir-script'); }