¿Se podría usar el cargador de estilo / secuencia de comandos WP para concatenar y gzip las secuencias de comandos y los estilos en el front-end?

26

WP tiene un bonito cargador de javascript incluido en wp-admin: enlace

y un cargador de CSS: enlace

Me preguntaba si también es posible usarlos en el front-end, no solo admin, porque pueden concatenar todos los scripts en cola y servirlos como un único archivo comprimido con gzip

    
pregunta Alex 26.01.2011 - 08:45

4 respuestas

12

respuesta tardía

De un breve vistazo:

Tendrías que usar

  • include( admin_url().'load-scripts.php' );
  • y include( admin_url().'script-loader.php' );

Luego salta a $GLOBALS['wp_scripts'] :

Usa ...

$wp_scripts->default_dirs( array_merge( 
     $wp_scripts->default_dirs
    ,array( '/themes/your_theme/js/' ) 
); 

... para extenderlo.

Y luego use

$wp_scripts->add( $handle, $path_from_content_dir, false/array( $deps ), $ver ) 

para agregar un script.

Notas:

  1. Los scripts sin comprimir son buscados por .dev.js (cuando SCRIPT_DEBUG es TRUE ).
  2. Lo mismo parece ser posible para $wp_styles .
  3. EDIT: WP 3.5 cambiará este comportamiento y usará .js para las versiones "dev" y ".min.js" cuando ( SCRIPT_DEBUG sea TRUE );

(Pero supongo que esto solo funcionará si usas un complemento o un complemento de mu).

No está probado y no estoy seguro de si esto funcionará.

    
respondido por el kaiser 24.04.2012 - 15:30
6

Esta es una muy buena pregunta y sería una gran característica para incluir en WordPress.

Algunas de las otras respuestas no responden a la pregunta principal.

  

Me preguntaba si es posible   Úsalos en la parte delantera también, no   solo admin, porque pueden   concatenar todos los scripts en cola, y   Servirlos como un único archivo comprimido.

No, actualmente no es posible utilizar el cargador de scripts integrado para concatenar CSS y scripts para el front end.

Había un discusión sobre esto en WP Hackers hace unos años y hay un ticket de trac para esta mejora que ha sido aceptado, pero para un futuro lanzamiento.

    
respondido por el Chris_O 29.03.2011 - 09:25
3

Si necesita poner en cola un archivo CSS en la parte delantera:

1) Registre el estilo a través de wp_register_style ($ handle, $ src) 2) Enganche wp_enqueue_style ($ handle) en el gancho wp_print_styles.

Si necesita poner en cola una secuencia de comandos en el extremo frontal:

1) Registre el estilo a través de wp_register_script ($ handle, $ src) 2) Enganche wp_enqueue_script ($ handle) en el gancho wp_head.

(Nota: hubiera esperado el enlace wp_print_styles para esto, pero este enlace aparentemente no funciona como se esperaba)

    
respondido por el Chip Bennett 28.03.2011 - 21:49
0

Tengo algunos scripts que tal vez quieras ver.

1. Combine.php  - En algunos de mis temas he implementado este script . Es compatible con una funcionalidad similar y se puede colocar en la carpeta de la plantilla y se puede trabajar con relativa facilidad.

2. WP Minify  - Este complemento admite la reducción y es muy fácil de usar.

3. W3 Total Cache  - Es un plugin de rendimiento muy potente. También admite la combinación script / css, así como una gran cantidad de otras funciones, por ejemplo, de cargar los scripts combinados en un CDN.

    
respondido por el Scott 19.02.2011 - 15:44

Lea otras preguntas en las etiquetas