4 Möglichkeiten, Code zum Body-Tag in WordPress hinzuzufügen

Veröffentlicht: 2022-09-19

Das Hinzufügen von Code zum Body-Tag Ihrer WordPress-Site ist eine großartige Möglichkeit, Anpassungen oder Tracking-Code für Ihre Site hinzuzufügen. Es gibt verschiedene Möglichkeiten, dem Body-Tag Code hinzuzufügen, je nachdem, wo der Code platziert werden soll und wie viel Code Sie hinzufügen müssen. In diesem Artikel behandeln wir vier Methoden zum Hinzufügen von Code zum Body-Tag in WordPress: 1. Verwenden eines Plugins 2. Bearbeiten der Datei header.php Ihres Themes 3. Hinzufügen von Code zur Datei functions.php Ihres Child-Themes 4. Verwenden von a Hook in Ihrer functions.php-Datei. Wir geben auch einige Tipps, wo Sie Ihren Code platzieren müssen, damit er richtig geladen wird und nicht mit anderem Code auf Ihrer Website in Konflikt gerät.

Wenn wir ein Body-Tag für die Website schreiben, fügen wir normalerweise Code zwischen diesem und dem Body ein. Normalerweise ist dies ein JavaScript-Code, der in einem script-Tag versteckt ist. Externe Dienste wie Google Analytics, Google Tag Manager, Google Adsense und Facebook bieten möglicherweise ein Skript an, das erforderlich ist, bevor das Head-Tag geschlossen und das Body-Element geöffnet wird. WordPress 5.2 führt eine neue Funktion namens WP_body_open() ein, mit der Sie direkt nach dem Öffnen eines Body-Tags Code hinzufügen können. Die neueste Version von WordPress erfordert, dass Sie die Methode WP_body_open() zusammen mit dem Body-Tag verwenden. Dieser Code ist mit WordPress-Versionen 5.2 oder früher kompatibel. Wenn Sie möchten, können Sie das Skript auf Seiten, Beiträgen oder Kategorien ändern. Beim Erstellen von WordPress-Skripten können Sie ganz einfach Bedingungen anwenden.

Um die Seite zu öffnen, klicken Sie auf die Kopfzeile. Um die Datei php.dll zu öffnen, gehen Sie zum Editor und suchen Sie danach. Dieser Header enthält den Inhalt des Headers. Das Body-Tag befindet sich in der PHP-Datei.

Wie füge ich Code nach dem WordPress-Body-Tag hinzu?

Bildnachweis: www.hitechwork.com

WP_footer() ist eine WordPress-Funktion, die Code hinzufügt, bevor das body-Element schließt (nicht nachdem es geöffnet wurde). WP_footer() wurde bisher von WordPress-Entwicklern verwendet, um Code in das Body-Tag einzufügen oder Code nach dem Öffnen des Body-Elements dynamisch einzufügen.

Was ist der beste Haken zum Barschangeln? Ich möchte Inhalte direkt nach dem <body>-Tag einfügen. Mit WordPress können Sie eine Aktion erstellen, indem Sie die do_action-Funktion von WordPress verwenden. Es ist unwahrscheinlich, dass die meisten Themen einen Haken in diesem Bereich haben. WP verwendet jetzt eine neue Funktion: WP_body_open() Sie erfordert, dass Sie diese Funktion sofort aufrufen, nachdem das Body-Tag im Eröffnungsabschnitt Ihres Themes ausgewählt wurde. Sie können es auf die gleiche Weise verwenden, wie Sie es mit WordPress.head- oder WordPress.footer-Hooks tun würden, um alles danach zu drucken. Obwohl ich online keine funktionierenden Beispiele habe, habe ich mir eines ausgedacht, von dem ich hoffe, dass andere es nützlich finden werden. Als Ergebnis des oben genannten Kommentars habe ich ein Plugin erstellt, das Inhalte nach dem Body-Tag hinzufügt. WP_body_open ist jetzt eine neue Option in Version 5.2, die dieses Problem behebt.

So suchen Sie nach Code in der WordPress-Codebasis

Wenn Sie kein Plugin verwenden, müssen Sie die WordPress-Codebasis nach dem entsprechenden Code durchsuchen. Öffnen Sie dazu Ihre WordPress-Datei in einem Texteditor, suchen Sie nach der entsprechenden Codezeile und kopieren Sie sie und fügen Sie sie in die folgende Datei ein.

Wie füge ich Code vor dem Body-Tag in WordPress hinzu?

Bildnachweis: wphow.co

Es gibt einige Möglichkeiten, Code vor dem Body-Tag in WordPress hinzuzufügen. Eine Möglichkeit ist die Verwendung eines Plugins wie Insert Headers and Footers. Mit diesem Plugin können Sie Code zur Kopf- und Fußzeile Ihrer WordPress-Site hinzufügen. Eine andere Möglichkeit besteht darin, die header.php-Datei deines Themes zu bearbeiten. Sie können Code vor dem Body-Tag hinzufügen, indem Sie ihn am Anfang der Datei header.php hinzufügen.

So schließen Sie das Body-Tag in WordPress

Body-Tags müssen normalerweise überhaupt nicht geschlossen werden. WordPress kümmert sich um alles für Sie. Der folgende Code, */body, kann verwendet werden, um das Body-Tag explizit zu schließen.

Wie füge ich ein Body-Tag in WordPress hinzu?

Bildnachweis: wpmarks.com

Durch Klicken auf die Schaltfläche „Aussehen“ auf der linken Seite des WP-Admin-Panels können Sie den Design-Editor anzeigen. Um ein Design zu bearbeiten, wählen Sie es aus dem Dropdown-Menü in der oberen rechten Ecke aus und scrollen Sie durch die Dateien, bis Sie die Fußzeile finden. Es hat das Body-Close-Tag darauf.

Wenn Sie eine WordPress-Seite erstellen, fügen Sie das Body-Tag hinzu, um zu bestimmen, wie sie angezeigt wird. Die Datei header.php enthält die Code-Anpassung, die benötigt wird, um sie dem Body-Tag hinzuzufügen. Es wird empfohlen, dass nur Skripte hinzugefügt werden oder alles, was das Erscheinungsbild der Website nicht beeinflusst. Wählen Sie den Design-Editor in der linken Seitenleiste Ihres WP-Admin-Panels aus, nachdem Sie auf die Bezeichnung des Erscheinungsmenüs geklickt haben. Wählen Sie aus der Dropdown-Liste oben rechts auf der Seite das Design aus, das Sie bearbeiten möchten, und scrollen Sie durch die Dateien, bis Sie die Datei footer.php finden. Jedes Mal, wenn Sie auf ein bestimmtes Element klicken, erfahren Sie in einem kleinen Informationsausschnitt, was dieses Element tut. Es ist eine gute Wahl, um grundlegende Skripte in jeden Aspekt Ihrer Website einzufügen.

Es gibt Dienste, bei denen Sie den Code in bestimmte Seiten einfügen müssen, um detailliertere Tracking-Metriken zu erhalten. Verwenden Sie stattdessen dieses Plugin, um solche Metriken zu verfolgen. Wenn Sie sich eine Seite oder einen Beitrag ansehen, können Sie die Seiten-ID, die Beitrags-ID und die Vorschau überprüfen. Es gibt auch Möglichkeiten, Benutzer basierend auf ihrer Benutzerrolle einzuschränken, z. B. das Konversions-Tracking für eingeloggte Kunden nicht zuzulassen. Ein Plugin namens Seiten-IDs, das mit der Einstellungsseite verknüpft ist, wird ebenfalls vom selben Entwickler bereitgestellt. Mit dem Kontrollkästchen können Sie angeben, wie Skripte hinzugefügt werden sollen, wenn Ihr Design Body-Open-Tags unterstützt. Das open_body_open-Tag ist die Kennung für den WordPress-Body. Ein schwerwiegender PHP-Fehler kann auftreten, wenn Sie HTML in den Abschnitt „WP_bod_open“ Ihrer Website einfügen.

Wo Sie Ihre Kopf- und Fußzeile platzieren

Wo soll ich Fußzeile und Kopfzeile in der Fußzeilen- und Kopfzeilenliste einfügen?
Sie können Kopf- und Fußzeilen-Tags zu jedem Dokument hinzufügen, und sie werden nicht ignoriert. Im Titel und anderen identifizierenden Abschnitten des Dokuments befindet sich ein *head-Tag und im Fußbereich ein *footer-Tag.

Fügen Sie diesen Code vor dem Body>-Tag auf Ihrer Website hinzu

Das Hinzufügen dieses Codes vor dem body>-Tag auf Ihrer Website stellt sicher, dass Ihre Website schneller geladen wird und besser reagiert. Dieser Code macht Ihre Website effizienter, indem er die erforderlichen Ressourcen im Voraus lädt, bevor sie benötigt werden. Infolgedessen wird Ihre Website schneller geladen und reagiert besser auf Benutzereingaben.

Wo sollten Sie benutzerdefinierten Code hinzufügen, der auf der Website sichtbar sein soll?

Wählen Sie die Option Designer, um mit der Erstellung Ihrer Website zu beginnen. Sie können Ihren Code zur Seite hinzufügen, indem Sie zu den Seiteneinstellungen gehen. Ihr benutzerdefinierter Code sollte unter dem Tag Before */body/ hinzugefügt werden. Sie können bei Bedarf fortfahren.

Die Vor- und Nachteile von serverseitigem Scripting

Clientseitige Skripte werden normalerweise mit Quellcode geliefert, der vom Benutzer gelesen werden kann. Im Gegensatz zu Skripts, die auf einem Server ausgeführt werden, sind Benutzerskripts normalerweise verborgen. Da sie auf dem Server und nicht im direkten Blickfeld des Benutzers ausgeführt werden, sollten sie ausgeführt werden.