Hallo zusammen! In der heutigen Anleitung lernen Sie, wie Sie verschiedene benutzerdefinierte Codeschnipsel sicher in WordPress einfügen können. Hier sind einige der wichtigsten Dinge, die ich mit Ihnen teilen möchteUnser TeamErfahrung im Einfügen von benutzerdefinierten Codeschnipseln.

Wie lassen sich Code-Snippets am besten zu WordPress hinzufügen?

Bevor Sie mit dem Hinzufügen von Code-Snippets zu Ihrer WordPress-Website beginnen, sollten Sie wie bisher einige Änderungen an derWordPress Website Sicherung.

So ist Ihre WordPress-Website sicher und Sie können Ihre Website jederzeit von einem Backup wiederherstellen, falls etwas schief geht.

Wenn Sie Code-Snippets zu WordPress hinzufügen, finden Sie in der Regel Anleitungen zum Hinzufügen von Code-Snippets zu WordPress-Theme-Vorlagendateien (z. B. index.php, single.php usw.).

Diese Snippets sind nur für diese speziellen Themendateien nützlich, so dass Sie sie direkt hinzufügen oderEin WordPress Child-Theme erstellen.

Die meisten Codeschnipsel werden jedoch im WordPress-Theme in dieDatei functions.phpein. Einige Tutorials fügen Code-Schnipsel direkt in die Datei ein, und erfahrene Anwender können dies auch tun. Unser Tutorial richtet sich jedoch an Einsteiger und verwendet daher dieWordPress-Plugin.

Auf diese Weise werden die Anpassungen nicht entfernt, wenn das Thema geändert wird.

Es gibt verschiedene Möglichkeiten, WordPress-Dateien zu bearbeiten, je nachdem, welche Methode Sie gewählt haben, um Ihrer WordPress-Website benutzerdefinierte Code-Snippets hinzuzufügen.

Methode 1: Hinzufügen von benutzerdefiniertem Code mit dem WPCode-Plugin (einfach)

Die Verwendung des Code Snippets-Plugins ist die sicherste und anfängerfreundlichste Art, Code in WordPress einzufügen.

WPCodeMit dem Plugin können Sie ganz einfach benutzerdefinierte Code-Snippets auf Ihrer Website hinzufügen und verwalten.Keine Bearbeitung der Themendateien erforderlich.

Es hatIntelligente Funktion zur Überprüfung von Codefragmentenkann helfen, häufige Codefehler zu vermeiden. Dadurch wird verhindert, dass die Website beeinträchtigt wird, wenn Codeschnipsel hinzugefügt werden.

WPCode verfügt außerdem über eine integrierte Code-Bibliothek, mit der Sie die beliebtesten WordPress-Code-Snippets leicht finden können. Fügen Sie diese Snippets mit ein paar Klicks hinzu.

Das Beste daran ist, dass Administratoren alle Codeschnipsel von einem zentralen Bildschirm aus verwalten und sie sogar mit Hilfe von Tags organisieren können.

Achtung! Die WPCode-Methode ist nützlich, um diefunktionen.phpCode-Snippets in Dateien sind nützlich. Diese Methode wird verwendet, wenn Code-Snippets zu anderen Themendateien hinzugefügt werden sollen.

Bearbeiten und Hinzufügen von WordPress-Code mit WPCode

Wenn Sie mit dem WPCode-Plugin Code zu WordPress hinzufügen möchten, können Sie den Code direkt über das WordPress-Administrations-Dashboard einfügen.

Installieren und aktivieren Sie zunächst das kostenlose WPCode-Plugin.

Nach der Aktivierung gehen Sie zum WordPress Admin Dashboard im Bereich"Code-Schnipsel""+ Code-Schnipsel hinzufügen. Klicken Sie dann"Neu hinzufügen"Schaltfläche.

Dies führt Sie zu einem Bildschirm, auf dem Sie einen Clip aus der vorgefertigten Bibliothek auswählen oder eigenen Code hinzufügen können.

Um einen benutzerdefinierten Code hinzuzufügen, klicken Sie auf "Benutzerdefinierten Code hinzufügen (neues Code-Snippet)" unter der OptionVerwenden Sie die Schaltfläche Codefragment.

Benennen Sie auf dem nächsten Bildschirm zunächst den Codeschnipsel, damit Sie ihn sich leichter merken können. Fügen Sie dann den Code in das Feld ein. Wählen Sie den richtigen Code-Typ aus dem Dropdown-Menü auf der rechten Seite.

Scrollen Sie dann nach unten zu "Einfügen "Abschnitte. Hier haben Sie die Möglichkeit, den Codeschnipsel als Shortcode zu verwenden und ihn dann manuell zu kopieren und an einer beliebigen Stelle der Website einzufügen.

Alternativ dazu gibt es die Option "Automatische Einfügung"Methode, um auszuwählen, wo das Code-Snippet automatisch eingefügt werden soll (WordPress-Funktion).

Zur Auswahl stehen Positionen wie Überall ausführen, Nur Frontend, Nur Administrator, Website-weiter Titel, Nach dem Beitrag, Zwischen den Beiträgen, Vor dem Absatz usw.

Das Beste an WPCode ist, dass es neben den verschiedenen Optionen für das automatische Einfügen auch Optionen für die bedingte Logik für Anfänger enthält. Damit können Sie wählen, wann der Code geladen werden soll.

Nachdem Sie den Code hinzugefügt haben, ändern Sie den Schalter in der oberen rechten Ecke von "inaktiv"Wechseln zu"Funktion".

Klicken Sie dann aufSpeichern von CodefragmentenSchaltfläche.

Sobald ein Code-Snippet aktiv ist, wird es automatisch hinzugefügt oder als Shortcode angezeigt, je nachdem, welche Einfügemethode Sie gewählt haben.

Wie man es erkennt WordPress Header und Footer Code hinzufügen

Manchmal ist es vielleicht nur notwendig, das Thema anzusprechenheader.phpvielleichtfooter.phpAuch das WPCode-Plugin kann dabei helfen.

Wenn es um das Hinzufügen vonGoogle AnalyticsDies ist sehr nützlich, wenn es um Tracking-Codes für Google AdSense usw. geht.

Außerdem verwaltet es alle Kopf- und Fußzeilen-Codes an einem Ort, so dass manuelle Fehler vermieden werden und das Theme aktualisiert oder geändert werden kann, ohne es zu verlieren.

Achtung!Diese Methode eignet sich am besten für Tracking-Skripte, benutzerdefinierten CSS- und JavaScript-Code.

umschaltenCodeschnipsel "Kopf- und FußzeileDas Codeschnipsel wird dann in den Kopf-, Körper- oder Fußzeilenbereich der Website eingefügt.

Klicken Sie auf "Änderungen speichern"und dann wird das Code-Snippet auf der Website angezeigt.

Methodologien2: Hinzufügen von benutzerdefiniertem Code zu standortspezifischen WordPress-Plugins

Eine weitere flexible Option ist die Verwendung eines standortspezifischen WordPress-Plugins. Dabei handelt es sich um ein benutzerdefiniertes Plugin, das Sie für Ihre eigene Website erstellen und verwenden können, um Ihren gesamten benutzerdefinierten Code zu speichern.

Der Vorteil dieses Ansatzes ist, dass der Code nicht themenabhängig ist und auch dann aktiv bleibt, wenn das Thema geändert wird. Er wird auch nicht durch die Website beeinflusst.WordPress-AktualisierungenDie Auswirkungen des

Achtung!Diese Methode funktioniert nur, wenn Sie diefunktionen.phpCodeschnipsel der Datei.

Wenn Sie ein Site-spezifisches Plugin verwenden, können Sie den eingebauten WordPress-Plugin-Editor verwenden, um eigenen Code hinzuzufügen.

umschaltenPlugins "Plugin-Editorund dann von der Datei mit der Bezeichnung "Wählen Sie das zu bearbeitende Plug-in:" Dropdown-Menü, um das Plug-in auszuwählen.

Der Editor lädt das standortspezifische Plugin. Fügen Sie dann einfach den Code in die Seite ein.

Wenn Sie fertig sind, klicken Sie auf "Aktualisierte Dokumente", um die Änderungen zu speichern.

Wenn etwas im Code fehlt oder die Website beschädigen könnte, macht der Plugin-Editor die Änderungen automatisch rückgängig.

Eine andere Möglichkeit, benutzerdefinierten Code zu einem Site-spezifischen Plugin hinzuzufügen, ist die Verwendung von FTP.

Öffnen Sie die Website mit einem FTP-Client, klicken Sie dann mit der rechten Maustaste auf die Plugin-Datei und wählen Sie "Anzeigen/Bearbeiten"Optionen.

Dadurch wird die Datei geöffnet und Sie können ganz einfach Code-Schnipsel hinzufügen. Wenn Sie die Datei speichern und erneut hochladen, werden die Änderungen automatisch angezeigt.

Methodologien3: Hinzufügen von benutzerdefiniertem Code zu Functions.php oder anderen Theme-Vorlagen

Schließlich können Codefragmente direkt in das Thema eingefügt werdenfunktionen.phpDateiein. Wir empfehlen jedoch die Verwendung anderer Methoden, da dies einige Nachteile hat.

Erstens: Wenn Sie Ihre Daten aktualisierenWordPress-ThemenDann werden alle Änderungen verschwinden.

Als Nächstes fügen Sie einen Code hinzu, der nur funktioniert, wenn dieses bestimmte Thema verwendet wird.

Wir sehen uns an, wie Sie Code-Snippets richtig kopieren und einfügen, ohne die Website zu beschädigen.

Wenn Sie den Codeschnipsel direkt in eine Themadatei oder eine andere Seitenvorlage einfügen, navigieren Sie im WordPress-Administrationsbereich in den BereichErscheinungsbild" Themen-Editorfunktionen.phpum Code hinzuzufügen.

Wählen Sie dann die Datei in der rechten Spalte aus und sie wird im Editor geöffnet.

Je nachdem, welches Tutorial Sie wählen, erfahren Sie, wo Sie den Codeschnipsel einfügen können. Wenn nicht, müssen Sie den Code am Ende der Datei unter dem bereits vorhandenen Code einfügen.

Eine andere Möglichkeit besteht darin, mit dem FTP des von WordPress gehosteten Dateimanagers benutzerdefinierten Code zu den Theme-Dateien hinzuzufügen.

Verbinden Sie den FTP-Client mit der Website und gehen Sie auf die Seitewp-content " themen " ihr-themen-ordnerund klicken Sie mit der rechten Maustaste auf die zu bearbeitende Datei.

Klicken Sie dann auf "Anzeigen/Bearbeiten" öffnet die Datei in einem Texteditor und fügt den Codeschnipsel hinzu.

Behebung von PHP-Fehlern beim Hinzufügen von benutzerdefiniertem Code

Neulinge machen ein paar Fehler, wenn sie ihrer WordPress-Website benutzerdefinierte Code-Snippets hinzufügenüblicher Fehler. Die gute Nachricht ist, dass die meisten Fehler vermieden und behoben werden können.

Werfen wir einen Blick auf diese Fehler und wie Sie sie beheben können.

1. fehlerhafte Verwendung von PHP Start- und End-Tags

WordPress ist hauptsächlich in der Programmiersprache PHP geschrieben, die eine spezielle Syntax hat, die dem Server mitteilt, dass der folgende Code von PHP verarbeitet werden muss. Ein typisches PHP-Codefragment ist unten abgebildet:

Der gesamte PHP-Code muss in der Datei<?phpim Gesang antworten? >Tagged in.

PHP-End-Tags sind wichtig in Dateien, die zwischen PHP und HTML hin und her wechseln. Dazu gehören die meisten WordPress-Theme-Dateien, die PHP-Markup und HTML verwenden.

Achten Sie darauf, dass Sie, wenn Sie Code an einer Stelle einfügen, an der der PHP-Start-Tag nicht ausgeschaltet ist, Code ohne den PHP-Start-Tag einfügen müssen.

Wenn der benutzerdefinierte Code außerhalb oder nach dem PHP-End-Tag eingefügt wird, muss auch der PHP-Start-Tag hinzugefügt werden.

Die 90%-Fehler werden alle durch falsch positionierte PHP-Start- oder End-Tags verursacht. Anhand des Codes können Sie erkennen, ob Sie Ihrem benutzerdefinierten Codeschnipsel einen PHP-Start- oder End-Tag hinzufügen müssen.

Allerdings sind viele WordPress-Theme-Dateienfunktionen.phpEs kann überhaupt kein PHP-End-Tag vorhanden sein. Das bedeutet, dass der Code am Ende der Datei hinzugefügt werden kann, ohne dass ein Start- oder End-Tag erforderlich ist.

Hier ist ein Beispiel.

Denn einige Tutorials gehen davon aus, dass Sie bereits wissen, wie man die PHP Start- und End-Tags verwendet. Daher kann es sein, dass das Tutorial nur einen Codeschnipsel ohne diese Tags zeigt.

Manchmal können Codeschnipsel an mehr als einer Stelle eingefügt werden, so dass die PHP-End- und -Start-Tags nicht enthalten sind.

Wenn Sie ein Codeschnipsel wie dieses zu Ihrer Themedatei hinzufügen, achten Sie darauf, dass es sich innerhalb eines PHP-Tags befindet.

PHP-Fehler in WordPress verstehen

Fehler, die beim Hinzufügen von benutzerdefiniertem Code zu WordPress auftreten, zeigen in der Regel detaillierte Fehlermeldungen an, von denen die meisten folgende sindgrammatikalischer Fehler, Parsing-Fehler oder aufgrund unerwarteter Zeichenfataler Fehler.

Die gute Nachricht ist, dass diese Fehler Ihnen sagen, welche Zeile in Ihrem Code den Fehler verursacht.

Sie können dann zu der genauen Codezeile gehen, um den Code zu untersuchen und herauszufinden, was fehlt.

Hier empfehlen wir die Verwendung der entsprechendenTexteditor für die Codebearbeitungdenn sie verfügen über Zeilennummern und Syntaxhervorhebung, die bei der Lösung von Problemen helfen können.

Wenn Sie das WPCode-Plugin verwenden, erhalten Sie außerdem einen genauen Fehlerbericht, der die genaue Zeile anzeigt, in der der Fehler aufgetreten ist.

Wenn WPCode feststellt, dass es Administratoren den Zugriff auf die Website verwehrtBereich VerwaltungIm Falle eines Fehlers wird der Codeschnipsel automatisch deaktiviert, so dass Sie das Problem sicher beheben können.

Was ist zu tun, wenn eine WordPress-Website nicht erreichbar ist?

Kein Grund zur Panik. Alle Dateien der Website sind noch vorhanden und Sie können auf sie zugreifen.

Verwenden Sie einfach den FTP-Client oderBedienfeldDie Anwendung Dateimanager verbindet sich mit der Website.

Suchen Sie dann die Datei, in der Sie den Code hinzugefügt haben, der den Fehler verursacht hat, und öffnen Sie sie zur Bearbeitung.

Dann können Sie versuchen, die Probleme im Codeschnipsel zu beheben. Wenn die Probleme nicht behoben werden können, wird derEntfernen Sie den hinzugefügten CodeschnipselWenn Sie die Änderungen speichern möchten, können Sie dies tun.

Die Website sollte jetzt wieder normal funktionieren. Wenn der Fehler weiterhin angezeigt wird, laden Sie eine neue Zip-Datei des WordPress-Themas herunter und entpacken Sie sie auf Ihren Desktop.

Suchen Sie dann die zuvor geänderte Datei und laden Sie sie auf den Server hoch, wobei Sie die alte Datei überschreiben.

Weitere Informationen darüber, wie Sie diese Probleme lösen können, finden Sie in unserem Artikel über dieHäufige WordPress-Fehler und wie man sie behebt.