WordPress gibt an, dass die Kopf- und Fußzeile des Artikels PHP/JavaScript/CSS-Code laden

Bei VerwendungWordPress-Website, Sie müssen einen bestimmten Artikel oder eine bestimmte Seite in WordPress angeben, PHP/JavaScript/CSS-Code in die Kopf- und Fußzeile laden, wie erreichen Sie das?

Wir können die leistungsstarken benutzerdefinierten Felder von WordPress verwenden, um verschiedene JavaScript-Seiten für einen bestimmten Beitrag oder Seitenladevorgang zu implementieren.

Dieser Artikel zeigt Ihnen: Wie verwende ich benutzerdefinierte Felder in WordPress, benutzerdefinierte JavaScript- oder CSS-Dateien?

Wenn Sie verstehen können, sind benutzerdefinierte Feldwerte nicht so einfach wie JavaScript- und CSS-Dateien.

Wie füge ich benutzerdefinierte Felder in WordPress hinzu?

Öffnen Sie üblicherweise die Datei header.php in Ihrem WordPress-Theme und stellen Sie sicher, dass der folgende Code hinzugefügt wurde: ▼

<?php wp_head(); ?>

So passen Sie den Header in WordPress anEine empfehlenswertere Vorgehensweise: über functions.php oder Code-Plugin-Implementierung

Das Design direkt ändern header.php 或 footer.php Der Code geht nach einem Theme-Update leicht verloren.

Sicherere und standardisiertere VorgehensweisenFügen Sie den folgenden Code zum aktuellen Theme hinzu. functions.php In der Datei oder mithilfe von Code Snippets Diese Art von Plugins wird zur Verwaltung von benutzerdefiniertem Code verwendet.

Um die Kerndateien des Designs nicht verändern zu müssen, verwenden wir... functions.php Mount-Code.

Schritt 1: Funktionscode hinzufügen

Bitte fügen Sie den folgenden PHP-Code zu Ihrem Theme hinzu. functions.php Am Ende des Dokuments oder über Code Snippets Erstellen Sie einen neuen Code-Ausschnitt im Plugin und fügen Sie ihn ein:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(Hinweis: Falls) functions.php Die Datei enthält bereits eine weitere Datei am Ende. ?>Bitte fügen Sie den Code nicht wiederholt ein; fügen Sie ihn einfach direkt oben ein. ?> (Vorher)

Schritt 2: Auf der Artikelbearbeitungsseite verwenden

1. Über das WordPress-Backend können Sie einen Beitrag oder eine Seite bearbeiten.
2. Sie finden es auf der Editorseite. "Benutzerdefinierte Felder" (Falls Sie die Metabox nicht sehen, klicken Sie bitte oben rechts auf „Anzeigeoptionen“ oder im Gutenberger Editor auf „Einstellungen“ und stellen Sie sicher, dass „Benutzerdefinierte Felder“ aktiviert ist).
3. 点击 Neu eingeben:
   • Name 输入 ：head (Für Header-Code) oder foot (Zur Verwendung im unteren Code).
   • Wert Eingabefeld: Fügen Sie den HTML-, CSS- oder JS-Code ein, den Sie hinzufügen möchten.
4. 点击 Fügen Sie ein benutzerdefiniertes Feld hinzu Und Artikel aktualisieren/veröffentlichen.

• Wenn Sie den Artikel aktualisieren, können Sie das Thema codieren und Werte für diese benutzerdefinierten Felder eingeben.

Da Sie nur den Code ausgeben, der in "Wert" geladen werden muss, müssen Sie den folgenden ähnlichen Code in "Wert" eingeben ▼

<script type="text/javascript">...</script>

oder ▼

<style type="text/css">...</style>

um den obigen Code auszugeben.

Die Vorteile dieser Modifikation:

1. sicherer: Nicht direkt verändern header.php 和 footer.phpDadurch wird verhindert, dass der Code beim Aktualisieren des Themes überschrieben wird.
2. stärker standardisiertDie Verwendung von WordPress wird empfohlen. add_action Montagecode mit Haken.
3. klare LogikDie Kapselung von Funktionalitäten innerhalb von Funktionen erleichtert die spätere Wartung.