Todo depende de la escala de sus personalizaciones y de cómo organizará sus cosas. Pero hay 2 formas principales de hacerlo. funciones.php y archivos de plantilla
La forma en que me gusta hacerlo es registrar todos mis scripts / estilos en functions.php para que sepa con qué trabajaré pero pondré en cola solo lo que necesito cuando lo necesite.
Puede poner en cola todas sus cosas condicionalmente dentro de su archivo functions.php ( if( is_page( 'blah') { //... enqueue stuff }) o puede hacer uso de archivos de plantilla para diseñar categorías / etiquetas / publicaciones / páginas específicas, etc.
Luego, dentro de ese archivo de plantilla, llama a sus archivos de secuencia de comandos / estilo en cola allí. Eso también hace que sea una buena forma de comprender qué se carga y dónde.
Pero definitivamente, si desea dividir su hoja de estilo en archivos más pequeños, deberá usar
La misma lógica se aplicaría al script con las correspondientes funciones de registro / en cola
Además, tenga en cuenta la cantidad de solicitudes en su estrategia, si divide sus cosas en varios archivos, intente mantener baja la cantidad de archivos cargados para que no afecte negativamente la carga de la página de esa manera.
Hay otra cosa que puede hacer para acelerar la carga de la página. Si le dice al navegador que guarde en caché sus hojas de estilo, entonces tal vez 1 (o unas pocas) tenga más posibilidades de cargarse de la memoria caché que si tiene varios archivos en todo su sitio y siempre necesitan ser recuperados del servidor porque es una nueva solicitud de archivo en cada nueva página que se carga. Así que ten esto en cuenta.
Independientemente, el almacenamiento en caché de 1 o muchos activos es un buen enfoque y aumentará la capacidad de respuesta percibida de su sitio web en términos de velocidad del sitio.
Si necesita más orientación sobre cómo usar esas funciones, háganoslo saber.
EDITAR
Las principales razones para registrar scripts son las siguientes
- Hace que sea más fácil llamar a un guión / estilo cuando lo necesitamos
- Hace posible utilizar un guión / estilo registrado como una dependencia para un archivo que necesitamos cargar.
- Evitar que escribamos el mismo código más de lo que necesitamos, simplificando efectivamente nuestro código
- Más cosas en las que podría no estar pensando en este momento
NOTA
No es necesario poner en cola un guión / estilo que se haya registrado si aparece como parte $depsdel archivo que está poniendo en cola actualmente.
Un ejemplo (no necesariamente cómo debe hacerlo, pero para que entienda el propósito)
he registrado
- common-style.css
- navigation.css
- botones.css
Ahora esos estilos están registrados, así que si voy a una página específica y quiero aplicar un estilo diferente allí. Pongo en cola en esa página (ya sea por declaración condicional en functions.php o en mi plantilla de página) specific-style.cssasí.
add_action( 'wp_enqueue_scripts', 'my_specific_style' );
function my_specific_style(){
wp_enqueue_style( 'specific-style', get_stylesheet_directory_uri() . '/path/to/specific-style.css', array( 'common-style', 'navigation', 'button') );
}
Tenga en cuenta que la matriz en wp_enqueue_stylees una matriz de los controladores de estilos ya registrados. WP cargará convenientemente los 4 archivos en el orden correcto para respetar la dependencia.
Puede poner en cascada la dependencia simplemente registrando cada script / estilo con la dependencia correcta
es decir, buttons.css depende de navigation.css que depende de common-style.css
Si registro con esa lógica en mente, solamente necesito enqueue específica-style.css con buttons.css como una dependencia y WP se cadenita la carga de respetar la orden.
wp-register-style/scriptutilizar scripts / estilos para todas mis páginas en functions.php? ¿Cuáles son los beneficios de registrar todos los estilos y ampliarlos solo cuando sea necesario?