Wie legt WordPress fest, dass Artikelseiten JavaScript/CSS-Code laden?

HerstellungWordPressWenn es beim Theming einen bestimmten JavaScript- oder CSS-Code gibt, der auf einer bestimmten Seite in WordPress erscheint, wird er nur einmal verwendet.

Wo soll der Code platziert werden? Style.css oder base.js?

Aber die Kosten dafür sind etwas hoch.

Beispiel 1:

• Versuchen Sie, den Highslide-JavaScript-Effekt auf Ihrer WordPress-Seite zu erzielen.
• Aber normalerweise wird es nur für Teile mit Bildern oder erforderlichen Seiten verwendet und für das Laden von Seiten auf nicht verwendeten Seiten, um Highslide-Abschnitte hinzuzufügen, sodass über 50 KB JavaScript zu groß sind.

Beispiel 2:

• In einem Artikel ist ein Standard-Kompatibilitätsverfahren zu verwendenTag fügt es ein, aber das eingefügteDie vom Tag generierte Seite kann die W3C-Verifizierung nicht bestehen.
• Eine gute Möglichkeit ist die Verwendung von SWFObject, einem JavaScript zum Generieren von W3C-validiertem Code.
• Das Problem ist jedoch, dass es verschwenderisch ist, SWFObject auf jeder Seite in WordPress zu laden, und nicht alle Seiten verwenden diese JavaScript-Datei.

Tatsächlich können wir die leistungsstarken benutzerdefinierten Felder von WordPress verwenden, um verschiedene JavaScript-Seiten für benutzerdefinierte Posts oder Seitenladevorgänge 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-Designs hinzu?

Öffnen Sie die Datei header.php des WordPress-Themes und suchen Sie den Code ▼

<?php wp_head(); ?>

füge danach ▼ hinzu

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

Der Kopf im Code ist der Name des benutzerdefinierten Felds, das angepasst werden kann.

Fügen Sie benutzerdefinierte Felder zu WordPress-Beiträgen oder -Seiten hinzu

WordPress-BackendIm Editor der Seite Artikel bearbeiten gibt es ein kleines Fenster für "benutzerdefinierte Felder".

1. Geben Sie bei "Name" ein:head
2. Geben Sie dann bei „Wert“ den Code ein, den Sie der Anzeige hinzufügen möchten ▼

• Klicken Sie auf Benutzerdefiniertes Feld hinzufügen.
• 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.

Andere Verwendungen für benutzerdefinierte WordPress-Felder

Nachdem Sie die oben genannten Prinzipien verstanden haben, werden Sie feststellen, dass benutzerdefinierte WordPress-Felder nicht nur benutzerdefiniertes JavaScript oder CSS für benutzerdefinierte Seiten implementieren können, sondern auch viele Funktionen durch benutzerdefinierte Felder implementieren können, z.

Um sie zu implementieren, versuchen Sie es mit benutzerdefinierten Feldern.

Wie werden Artikel-Tags und Kategorie-Kopf- und Fußzeilen angegeben, um JavaScript/CSS-Code in WordPress zu laden?

So passen Sie den Header in WordPress an?Wir können es durch die folgenden Artikelanweisungen installierenWordPress-PluginRealisieren Sie das Hinzufügen des Kopfcodes▼

🔗Wie füge ich Headcode zu WordPress-Artikeln hinzu? WP-Plugin optimiert Headcode

🔗Wie passe ich die Kopfzeile in WordPress an? Installieren des WordPress Footer- und Header-Plugins

• Auf diese Weise müssen Sie sich keine Sorgen machen, benutzerdefinierten Code zu verlieren oder benutzerdefinierten Code manuell zu übertragen, nachdem Sie das WordPress-Theme geändert haben.