Um Stildateien in WordPress -Themen oder Plugins ordnungsgem?? einzuführen, sollten Sie die Funktion wp_enqueue_style () verwenden. 1. Verwenden Sie wp_enqueue_style (), um die CSS -Datei zu registrieren und zu laden. Die Grundstruktur ist wp_enqueue_style ($ Handle, $ src, $ dEPs, $ ver, $ media), wobei $ Handle ein eindeutiger Kenner ist, $ src ist die CSS -Datei -URL, $ DEPS ist ein Abh?ngigkeitsstil, $ Ver ist die Versionsnummer und $ medien ist der Medienart. 2. Verwenden Sie Enqueue -Operationen, um die Datei functions.php zu platzieren und mit dem Hook wp_enqueue_scripts auszuführen, um das korrekte Laden zu gew?hrleisten. 3.. Verwenden Sie die Bedingungen, um zu beurteilen, z. 4. Um Konflikte zu vermeiden, sollte jeder Griff einzigartig sein. Es wird empfohlen, mit einem Pr?fix benannt zu werden, und Sie k?nnen überprüfen, ob es über wp_style_is () registriert ist. 5. Der übergeordnete Themenstil -Stil sollte zuerst im Kinderthema geladen werden, dann sollte der Kinderthemenstil geladen werden, und die Abh?ngigkeiten sollten festgelegt werden, um die richtige Reihenfolge sicherzustellen.

Die ordnungsgem??e Einführung von Stildateien in WordPress -Themen oder Plugins ist nicht so rau wie einfach echo '<link>' . Die richtige Art und Weise besteht darin, die Funktion wp_enqueue_style() zu verwenden, die Konflikte vermeiden, die Leistung verbessern und die Abh?ngigkeiten besser verwalten kann.

Die Grundstruktur mit wp_enqueue_style

wp_enqueue_style() ist eine offizielle Funktion, die von WordPress bereitgestellt wird, mit dem CSS -Dateien registriert und geladen werden. Die grundlegende Nutzung ist wie folgt:

 wp_enqueue_style ($ Handle, $ src, $ deps, $ ver, $ media);

• $handle : Eine eindeutige Kennung (ID) des Stils, wie 'my-style'
• $src : Die URL -Adresse der CSS -Datei
• $deps : Andere Stile, von denen dieser Stil abh?ngt, wie 'main-style'
• $ver : Die Versionsnummer, die für die Cache -Steuerung verwendet wird, kann filemtime(get_stylesheet_directory() . '/style.css') eingestellt werden, um die ?nderungszeit automatisch zu erhalten
• $media : Medientypen wie 'all' , 'screen' , 'print' usw., Standardeinstellung ist 'all'

Im Allgemeinen setzen wir den Enqueue -Betrieb in der Datei functions.php des Themas ein und führen sie über den Hook wp_enqueue_scripts aus.

Laden Sie spezifische Stile nur bei Bedarf

Manchmal m?chten wir nur bestimmte CSS -Dateien in einer bestimmten Seite oder Vorlage laden, z. B. Homepage, Artikel -Detail -Seite oder benutzerdefinierte Vorlagenseite. Zu diesem Zeitpunkt k?nnen Sie den Zustand verwenden, um festzustellen, ob das Enqueue gesteuert wird.

Gemeinsame Urteilsweisen sind:

• is_front_page() : Bestimmt, ob es sich um die Startseite handelt
• is_single() : Bestimmt, ob es sich um eine einzelne Artikelseite handelt
• is_page_template('template-name.php') : Bestimmt, ob eine Seitenvorlage verwendet wird

Zum Beispiel:

 add_action ('wp_enqueue_scripts', 'enqueue_custom_styles');
Funktion enqueue_custom_styles () {
    if (is_page_template ('template-landing.php')) {
        wp_enqueue_style ('Landing-Stil', get_template_directory_uri (). '/css/landing.css');
    }
}

Dies kann unn?tige Ressourcenladen reduzieren, die Seitengeschwindigkeit beschleunigen und Stilkonflikte vermeiden.

Achten Sie auf die Benennung und Dingung der Griffe

Jede Stildatei muss einen eindeutigen handle -Namen haben. Wenn Sie versehentlich ein vorhandenes Griff wiederholt registrieren, wird der Stil m?glicherweise nicht geladen oder überschrieben.

Wenn Sie beispielsweise 'main-style' verwenden und ein Plugin auch denselben Namen verwendet, kann es Probleme geben. Daher wird empfohlen, Ihrem Stil einen vorangestellten Namen zu geben, wie 'yourtheme-main-style' 'yourplugin-style'

Wenn Sie best?tigen m?chten, ob ein Stil registriert wurde, k?nnen Sie wp_style_is( $handle, 'registered' ) verwenden, um ihn zu überprüfen.

Greifen Sie im Stil des Stils in Kinderthemen

Wenn Sie ein Kinderthema entwickeln, m?chten Sie normalerweise zuerst den Stil des übergeordneten Themas und dann den Stil des Kinderthema laden. Achten Sie zu diesem Zeitpunkt auf Bestellung und Abh?ngigkeiten.

Empfohlene Schreibmethode:

 add_action ('wp_enqueue_scripts', 'enqueue_parent_and_child_styles');
Funktion enqueue_parent_and_child_styles () {
    // Registrieren Sie den übergeordneten Themenstil wp_enqueue_style ('Elternstil', get_template_directory_uri (). '/Style.css');

    // Registrieren Sie erneut Kinderthemenstile und stützen sich auf den Elternstil wp_enqueue_style ('Child-Stil', get_stylesheet_directory_uri (). '/Style.css', Array ('Elternstil');
}

Beachten Sie get_template_directory_uri() hier verwendet wird, um auf das übergeordnete Themenverzeichnis zu verweisen, und get_stylesheet_directory_uri() wird verwendet, um auf das aktuelle Verzeichnis des untergeordneten Themas zu verweisen.

Grunds?tzlich ist das. Solange Sie sich daran erinnern, Haken, festgelegte Griffe und Abh?ngigkeiten vernünftig zu verwenden und bei Bedarf zu laden, k?nnen Sie das Problem des Ladens der meisten Stile vermeiden.

Das obige ist der detaillierte Inhalt vonWie man Stile in WordPress richtig eingreift. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!