Le fichier en tête.php: ce qui doit y aller et ce qui n'est pas

Ce tutoriel explore le fichier crucial header.php dans le développement de thème WordPress. Nous examinerons un exemple de fichier header.php, détaillant le contenu essentiel et non essentiel.

Introduction

Comprendre le contenu correct de header.php est vital pour la création de thème WordPress. C'est plus qu'un simple logo et menu; Il comprend des éléments essentiels pour les fonctionnalités et le référencement. Ceux-ci incluent: liens, métadonnées et diverses balises.

spécifiquement, header.php devrait contenir:

1. Meta Tags
2. Tags de tête
3. favicon, liens RSS et pingback
4. Titre
5. Styles et scripts en cours en utilisant wp_enqueue_style fonctions

Le fichier functions.php: une plongée plus profonde

Examinons le fichier functions.php, où nous ajouterons les extraits de code suivants pour gérer les styles et les scripts:

remove_action('wp_head', 'wp_generator');

function enqueue_styles() {
    wp_register_style( 'screen-style', get_template_directory_uri() . '/css_path/screen.css', array(), '1', 'all' );
    wp_enqueue_style( 'screen-style' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_styles' );

function enqueue_scripts() {
    wp_register_script( 'html5-shim', 'https://html5shim.googlecode.com/svn/trunk/html5.js', array( 'jquery' ), '1', false );
    wp_enqueue_script( 'html5-shim' );

    wp_register_script( 'custom-script', get_template_directory_uri() . '/js_path/customscript.js', array( 'jquery' ), '1', false );
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_scripts' );

Suppression de la balise du générateur de méta

La ligne remove_action('wp_head', 'wp_generator'); supprime la balise de méta-générateur, qui révèle la version WordPress. Il s'agit d'une meilleure pratique de sécurité pour prévenir les vulnérabilités potentielles.

Ajout de CSS et scripts

Les fonctions enqueue_styles() et enqueue_scripts(), accrochées à l'action wp_enqueue_scripts, utilisent wp_register_style et wp_enqueue_style (pour CSS) et wp_register_script et wp_enqueue_script (pour JavaScript) pour gérer efficacement les feuilles de style et les scripts. Il s'agit de l'approche recommandée pour ajouter CSS et JS à votre thème WordPress. Les fonctions gèrent l'enregistrement et l'observation des actifs, assurant une bonne commande de chargement et prévenir les conflits.

Comprendre le fichier header.php

Le fichier header.php doit inclure le peu:

• Déclaration de doctype: Spécifie la version HTML.
• Structure du document HTML: La balise et ses enfants.
• Déclaration de jeu de caractères: <meta charset="UTF-8"> pour assurer le codage des caractères approprié.
• Meta Tags: Meta Data essentiel comme des description, l'auteur et les paramètres de la fenêtre pour la réactivité. Exemple: <meta content="Keywords" name="keywords"> et <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">.
• TAGE TITRE: <title></title> Tag Utilisation wp_title() et bloginfo('name') Pour la génération de titre dynamique.
• ouverture <div> ou d'autres éléments structurels: pour contenir le contenu de l'en-tête. <p> <strong> Conclusion </strong> </p> <p> Ce guide fournit une base pour construire un fichier bien structuré et sécurisé <code>header.php pour votre thème WordPress. N'oubliez pas de tirer parti de wp_enqueue_scripts pour une gestion efficace des actifs.

  Ce message a été mis à jour avec les contributions de Sajal Soni, un développeur de sites Web en Inde spécialisé dans les cadres open source.