So fügen Sie benutzerdefinierten Code einfach in WordPress hinzu (ohne Ihre Website zu beschädigen)

Als ich anfing, meine eigene WordPress-Website anzupassen, hatte ich Angst, benutzerdefinierten Code hinzuzufügen. Ein falsch platziertes Semikolon in der functions.php-Datei konnte meine gesamte Website zum Absturz bringen. Allein der Gedanke daran versetzte mich in Panik.

Als ich also auf WordPress-Tutorials stieß, wie viele unserer eigenen hier auf WPBeginner, die mir sagten, ich solle Schnipsel in mein Theme oder ein sitespezifisches Plugin einfügen, erschien mir die Idee noch einschüchternder.

Hier sind jedoch die guten Nachrichten. Es gibt ein kostenloses Plugin, mit dem Sie benutzerdefinierten Code sicher hinzufügen können, ohne das Risiko, Ihre Website zu beschädigen.

In diesem Artikel zeige ich Ihnen diese einfache Methode, um benutzerdefinierten Code sicher in WordPress einzufügen. Dieser Ansatz funktioniert perfekt sowohl für Anfänger als auch für erfahrene Benutzer, die ihre Websites ohne Stress anpassen möchten.

Das Problem mit benutzerdefinierten Code-Snippets (und wie man es behebt)

Wie ich bereits erwähnt habe, finden Sie in WordPress-Tutorials oft Code-Schnipsel mit Anweisungen, diese in die functions.php-Datei Ihres Themes oder ein standortspezifisches Plugin einzufügen.

Das größte Problem ist, dass selbst ein winziger Fehler im benutzerdefinierten Code-Snippet Ihre WordPress-Website beschädigen und unzugänglich machen kann.

Ganz zu schweigen davon, dass, wenn Sie Ihr WordPress-Theme aktualisieren oder ändern, alle Ihre Anpassungen entfernt werden.

Das andere Problem ist, dass es schwierig werden kann, die Datei zu verwalten, wenn Sie mehrere Code-Schnipsel in ein sitespezifisches Plugin einfügen.

Glücklicherweise gibt es für Benutzer einen einfacheren Weg, benutzerdefinierte Code-Snippets in WordPress hinzuzufügen und zu verwalten.

WPCode ist das beliebteste Code-Snippet-Plugin, das von über 2 Millionen WordPress-Websites verwendet wird. Es erleichtert das Hinzufügen von Code-Snippets in WordPress, ohne die functions.php-Datei Ihres Themes bearbeiten zu müssen.

WPCode macht es auch einfach, Tracking-Codes für Google Analytics, Facebook Pixel, Google AdSense und mehr zu den Kopf- und Fußzeilenbereichen Ihrer Website hinzuzufügen.

Sie müssen sich nie Sorgen machen, Ihre Website zu beschädigen, denn die intelligente Code-Snippet-Validierung hilft Ihnen, häufige Codefehler zu vermeiden.

Darüber hinaus verfügt WPCode über eine integrierte Schnipselbibliothek, in der Sie alle gängigsten WordPress-Code-Schnipsel finden, wie z. B. das Hochladen von SVG-Dateien, das Deaktivieren der REST API, das Deaktivieren von Kommentaren, das Deaktivieren von Gutenberg und vieles mehr.

Dies macht die Installation separater Plugins für jede Funktionsanfrage überflüssig.

Das Beste daran ist, dass Sie alle Ihre Code-Snippets auf einem zentralen Bildschirm verwalten und Tags hinzufügen können, um sie zu organisieren.

Es gibt auch eine kostenlose Version von WPCode, die alle grundlegenden Funktionen enthält, die Sie zum Hinzufügen von benutzerdefiniertem Code in WordPress benötigen, einschließlich Unterstützung für 6 Code-Typen, intelligente bedingte Logik und mehr.

Mit diesen Worten werfen wir einen Blick darauf, wie Sie mit WPCode ganz einfach benutzerdefinierte Code-Snippets in WordPress hinzufügen können.

• Benutzerdefinierte Code-Snippets in WordPress hinzufügen
• Fehlerbehandlung in benutzerdefiniertem Code
• Verwaltung Ihrer benutzerdefinierten Code-Snippets
• Bonus: Generate Custom Code Snippets with AI

Benutzerdefinierte Code-Snippets in WordPress hinzufügen

Das erste, was Sie tun müssen, ist, das kostenlose WPCode-Plugin auf Ihrer Website zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installation eines WordPress-Plugins.

Nach der Aktivierung fügt das Plugin einen neuen Menüpunkt mit der Bezeichnung „Code-Snippets“ zur Admin-Leiste Ihres WordPress-Dashboards hinzu. Ein Klick darauf zeigt Ihnen eine Liste aller benutzerdefinierten Code-Snippets, die Sie auf Ihrer Website gespeichert haben.

Da Sie das Plugin gerade erst installiert haben, ist Ihre Liste leer.

Klicken Sie auf die Schaltfläche „Neu hinzufügen“, um Ihren ersten benutzerdefinierten Code-Snippet in WordPress hinzuzufügen.

Dies bringt Sie zur Seite „Snippet hinzufügen“. Hier können Sie ein Code-Snippet aus der vorgefertigten Bibliothek auswählen oder Ihren benutzerdefinierten Code hinzufügen.

Um benutzerdefinierten Code hinzuzufügen, klicken Sie auf die Schaltfläche „+ Benutzerdefiniertes Snippet hinzufügen“ unter der Option „Ihren benutzerdefinierten Code hinzufügen (Neues Snippet)“.

Wählen Sie dann den Code-Typ aus der Liste der Optionen, die auf dem Bildschirm erscheinen.

Für dieses Tutorial klicken wir auf die Option „PHP-Snippet“.

Sie werden nun zur Seite „Benutzerdefiniertes Snippet erstellen“ weitergeleitet.

Sie können damit beginnen, einen Titel für Ihr benutzerdefiniertes Code-Snippet einzugeben. Dies kann alles sein, was Ihnen hilft, den Code zu identifizieren.

Danach können Sie Ihren Code-Schnipsel in das Feld „Code-Vorschau“ kopieren und einfügen.

Im obigen Screenshot habe ich einen benutzerdefinierten Code-Snippet hinzugefügt, um die WordPress-Versionsnummer von meiner Testseite zu entfernen.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Unter dem Codefeld sehen Sie Einfügeoptionen. Es gibt zwei Haupt-Einfügeoptionen: Automatisch einfügen und Shortcode.

Wenn Sie die Methode „Automatisch einfügen“ gewählt haben, wird der Schnipsel automatisch auf Ihrer Website eingefügt und ausgeführt.

Sie können das Snippet automatisch nur im WordPress Admin-Bereich, im Frontend Ihrer Website oder überall ausführen. Sie können Ihr Snippet sogar an seiten-spezifischen Stellen einfügen, z. B. vor oder nach Beiträgen oder innerhalb des Beitragsinhalts.

Wenn Sie unsicher sind, wählen Sie die Standardoption „Snippet überall ausführen“.

Bei der 'Shortcode'-Methode wird der Ausschnitt nicht automatisch eingefügt. Sobald Sie den Ausschnitt speichern, erhalten Sie einen Shortcode, der spezifisch für den Ausschnitt ist und den Sie überall auf Ihrer Website verwenden können.

Wenn Sie weiter nach unten scrollen, können Sie einschränken, wo der Code-Snippet nach Gerätetyp geladen werden soll. Standardmäßig werden Code-Snippets auf allen Gerätetypen geladen, aber Sie können sie auch so einstellen, dass sie nur auf Desktops oder nur auf Mobilgeräten geladen werden.

Als Nächstes können Sie den leistungsstarken Abschnitt „Intelligente bedingte Logik“ verwenden, um automatisch eingefügte Snippets basierend auf einer Reihe von Regeln entweder anzuzeigen oder auszublenden.

Sie können beispielsweise Code-Snippets nur für angemeldete Benutzer anzeigen lassen, Code-Snippets nur auf bestimmten Seiten-URLs laden und vieles mehr.

Zuletzt sehen Sie einen Bereich 'Grundlegende Informationen'. Sie können hier alles hinzufügen, was Ihnen hilft zu verstehen, was dieser Code tut, wo Sie ihn gefunden haben und warum Sie ihn zu Ihrer Website hinzufügen.

Sie können Ihrem Code-Snippet auch Tags zuweisen. Dies hilft Ihnen, Ihre Code-Snippets nach Thema und Funktionalität zu sortieren.

Das Prioritätsfeld ermöglicht es Ihnen, die Reihenfolge zu steuern, in der die Snippets ausgeführt werden, wenn Sie mehrere Snippets an derselben Stelle anzeigen möchten. Standardmäßig erhalten alle Snippets eine Priorität von 10. Wenn ein Snippet früher als andere angezeigt werden soll, setzen Sie einfach die Snippet-Priorität auf eine niedrigere Zahl, z. B. 5.

Wenn Sie mit der Auswahl der Optionen fertig sind, schalten Sie den Schalter in der oberen rechten Ecke von „Inaktiv“ auf „Aktiv“ um und klicken Sie dann auf die Schaltfläche „Snippet speichern“.

Wenn Sie den Code-Schnipsel speichern und nicht aktivieren möchten, klicken Sie einfach auf die Schaltfläche „Snippet speichern“.

Sobald Sie das Code-Snippet gespeichert und aktiviert haben, wird es automatisch zu Ihrer Website hinzugefügt, wenn Sie diese Einfügungsmethode gewählt haben, oder als Shortcode angezeigt.

Fehlerbehandlung in benutzerdefiniertem Code

Oftmals, wenn Sie einen Fehler beim Hinzufügen des benutzerdefinierten Codes in Ihr sitespezifisches Plugin oder Ihre Theme-Datei machen, macht dies Ihre Website sofort unzugänglich.

Sie würden einen Syntaxfehler oder einen 500er internen Serverfehler auf Ihrer Website sehen. Um dies zu beheben, müssen Sie Ihren Code manuell mit einem FTP-Client rückgängig machen.

Das Coole am WPCode-Plugin ist, dass es Syntaxfehler im Code automatisch erkennt und diesen sofort deaktiviert.

Es wird Ihnen auch eine hilfreiche Fehlermeldung angezeigt, damit Sie den Fehler beheben können.

Die intelligente Code-Snippet-Validierung von WPCode erkennt auch Fehler, während Sie Ihren benutzerdefinierten Code hinzufügen.

Wenn Sie mit der Maus über den Fehler fahren, werden Anweisungen angezeigt, die Ihnen bei der Behebung helfen.

Verwaltung Ihrer benutzerdefinierten Code-Snippets

Das WPCode-Plugin bietet eine einfache Benutzeroberfläche zur Verwaltung Ihrer benutzerdefinierten Code-Snippets in WordPress.

Sie können Code-Snippets speichern, ohne sie auf Ihrer Website zu aktivieren, und das Snippet dann jederzeit aktivieren oder deaktivieren. Es ist auch möglich, Code-Snippets nach Typ und Speicherort zu filtern und Tags zu verwenden, um Ihre Code-Snippets einfach zu organisieren.

Sie können auch bestimmte Code-Snippets exportieren oder alle auf einmal exportieren.

Gehen Sie einfach zu Code Snippets » Tools und klicken Sie auf den Tab „Export“.

Wenn Sie Websites auf einen anderen Server verschieben, können Sie Ihre Code-Snippets einfach auf die neue Website importieren.

Besuchen Sie einfach die Seite Code Snippets » Tools » Import und laden Sie die Exportdatei hoch.

Bonus: Benutzerdefinierte Code-Snippets mit KI generieren

Selbst wenn Sie keine Ahnung von Programmierung haben, können Sie mit dem KI-Snippet-Generator von WPCode ganz einfach benutzerdefinierte Snippets für Ihre WordPress-Website erstellen. Anstatt sich mit PHP, HTML oder CSS herumzuschlagen, können Sie einfach auf Englisch beschreiben, was Sie für Ihre Website möchten.

Bewegen Sie auf der Seite 'Snippet hinzufügen' den Mauszeiger über die Option 'Snippet mit KI generieren'. Klicken Sie dann auf die Schaltfläche '+ Snippet generieren'.

Als Nächstes erscheint ein Textfeld, in dem Sie beschreiben können, was Ihr Snippet tun soll. Versuchen Sie, spezifisch zu sein, was Sie wollen, aber machen Sie es nicht zu lang, Sie können jederzeit die Funktion „AI Improve“ verwenden, um später weitere Änderungen vorzunehmen.

Nachdem Sie Ihre Anfrage eingegeben haben, klicken Sie auf die Schaltfläche „Generieren“.

Die KI schreibt nun Ihr neues Code-Snippet, wählt den Auto-Einfügeort aus und legt bei Bedarf bedingte Logik fest.

Wenn Sie Ihr neues Snippet anpassen möchten, können Sie auf die Schaltfläche 'KI verbessern' klicken, mit der Sie die gewünschten Änderungen beschreiben können.

Sie können auch die Funktion „KI verbessern“ verwenden, um Ihre vorhandenen Code-Snippets zu optimieren.

Video-Tutorial

Wenn Sie keine schriftlichen Anweisungen mögen, können Sie unser Video-Tutorial zur einfachen Hinzufügung von benutzerdefiniertem Code in WordPress verfolgen:

Ich hoffe, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ganz einfach benutzerdefinierten Code in WordPress hinzufügen. Möchten Sie mit einigen Code-Snippets auf Ihrer Website experimentieren? Schauen Sie sich unsere Liste mit extrem nützlichen Tricks für die WordPress-Funktionsdatei an und vergessen Sie nicht, sich unseren ultimativen Leitfaden zur Beschleunigung Ihrer WordPress-Website anzusehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.