Die Header.php -Datei: Was muss in sie gehen und was nicht.

Dieses Tutorial untersucht die entscheidende header.php -Datei in der WordPress -Themenentwicklung. Wir werden eine Beispiel-Datei untersuchen, in der es sich header.php

Einführung

Das Verständnis des richtigen Inhalts von

ist für die Erstellung von WordPress -Themen von entscheidender Bedeutung. Es ist mehr als nur ein Logo und ein Menü. Es enthält wesentliche Elemente für Funktionalität und SEO. Dazu gehören: Links, Meta -Daten und verschiedene Tags.

header.php Insbesondere sollte

enthalten:

header.php

Meta -Tags

1. Kopf -Tags
2. Favicon, RSS -Links und Pingback
3. Titel
4. Stile und Skripte, die mit
Funktionen
5. aufgenommen werden wp_enqueue_style

Die

Datei: ein tieferes Tauchgang functions.php Lassen Sie uns die

-Datei untersuchen, in der wir die folgenden Code -Snippets hinzufügen, um Stile und Skripte zu verwalten:

functions.php

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' );

Entfernen des Meta -Generator -Tags

Die Zeile

entfernt das Meta -Generator -Tag, das die WordPress -Version enthüllt. Dies ist eine Best Practice, um potenzielle Schwachstellen zu verhindern.

remove_action('wp_head', 'wp_generator');

Hinzufügen von CSS und Skripten

Die Funktionen

und

, die in die Aktion enqueue_styles() eingebunden ist, verwenden Sie enqueue_scripts() und wp_enqueue_scripts (für CSS) und wp_register_style und wp_enqueue_style (für JavaScript), um Stylesheets und Skripte effizient zu verwalten. Dies ist der empfohlene Ansatz zum Hinzufügen von CSS und JS zu Ihrem WordPress -Thema. Die Funktionen behandeln die Registrierung und die Vermögenswerte, um die ordnungsgemäße Belastungsreihenfolge zu gewährleisten und Konflikte zu verhindern. wp_register_script wp_enqueue_script

Verständnis der

Datei header.php Die

Datei sollte nur minimal enthalten:

• docType deklaration: Gibt die HTML -Version an.
• HTML -Dokumentstruktur: Das -Tag und seine Kinder.
• Zeichensatzdeklaration: <meta charset="UTF-8"> Um eine ordnungsgemäße Zeichenkodierung zu gewährleisten.
• Meta -Tags: Essentielle Meta -Daten wie Beschreibung, Autor und Ansichtsfenster für die Reaktionsfähigkeit. Beispiel: <meta content="Keywords" name="keywords"> und <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">.
• Titel -Tag: <title></title> Tag mit wp_title() und bloginfo('name') für die dynamische Titelgenerierung.
• Öffnen <div> oder andere strukturelle Elemente: , um den Header -Inhalt zu enthalten. <p> <strong> Schlussfolgerung </strong> </p> <p> Dieser Leitfaden bietet eine Grundlage für den Bau einer gut strukturierten und sicheren <code>header.php -Datei für Ihr WordPress-Thema. Denken Sie daran, wp_enqueue_scripts für ein effizientes Vermögensverwaltung zu nutzen.

  Dieser Beitrag wurde mit Beiträgen von Sajal Soni, einem auf Open-Source-Frameworks spezialisierten Website-Entwickler aus Indien, aktualisiert.

Das obige ist der detaillierte Inhalt vonDie Header.php -Datei: Was muss in sie gehen und was nicht.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!