wp_head , quel bazars !

Benjamin Derepas
PHP Wordpress

Bonjour,

Je me met tant bien que mal à wordpress mais je rencontre un petit problème concernant la function wp_head()et wp_footer.
On est d'accord que ces fonctions vont ajoutées des meta (inutiles dans pas mal de cas, ou dont ou se passerai volontier) et surtout ajouter les fichier css et js de tous les plugins ?

Ma question est, comment faire pour avoir un template WP avec seulement un style.css et un app.js ?
Dans le style :

  • ne pas mettre wp_head et wp_footer
  • rajouter à la main dans notre fichier principale (style.css et app.js) tous les codes des css et scripts externent des plugins)
  • utiliser grunt ou gulp pour uglyfier , minifier et compresser tout ça .

Est ce que cela vous parait correcte ? Les pro WP vous êtes les bienvenus , je cherche avant tout la rapiditié, des pages légères et optimisées pour le SEO .

1 réponse

lgm243

Salut pour virer des éléments du header tu as la fonction remove_action('wp_head','choix')
exemple

remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'index_rel_link');
remove_action('wp_head', 'parent_post_rel_link');
remove_action('wp_head', 'start_post_rel_link');
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head');
remove_action('wp_head', 'wp_shortlink_wp_head');        
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head', 10);   
add_filter('the_generator', '__return_false');         
remove_action( 'wp_head', 'print_emoji_detection_script', 7 ); 
remove_action( 'wp_print_styles', 'print_emoji_styles' );

Pour tes scripts utilisent
wp_register_script();
wp_enqueue_script();
Pleins de tuto sur google
ajouter-correctement-ses-scripts-jquery-avec-wordpress

Exemple si tu veux retirer un css d'un plugin (pagenavi par exemple et faire ton propre css)

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
    wp_deregister_style( 'wp-pagenavi' );
}

Exemple de function que j'utilise pour le JS
je me fais un fichier mininifier js sous gulp main.min.js (qui regroupe jquery mes librairies)
wp_register_script tu ajoutes true à la fin de la fonction pour envoyer ton main.min.js dans le footer
tu peux aussi ajouter des scripts en fonction de la page, template de page ....
Ex tu ajoutes le script de map google dans ta page contact

function wpEnqueueScripts(){
    wp_deregister_script('jquery');
    wp_register_script('monscript', get_template_directory_uri() . '/main.min.js','','1',true); 
    wp_enqueue_script('monscript');
    if(is_page_template( 'page-contact.php' ) ){
    wp_enqueue_script('Google maps','http://maps.googleapis.com/maps/api/js?key=taclef','','',true);
    }
}
add_action('wp_enqueue_scripts', 'wpEnqueueScripts');