Inhaltsverzeichnis
Möchten Sie lernen, wie man Snippets aus dem Internet in WordPress einfügt?
Wir veröffentlichen viele WordPress-Tutorials, in denen die Benutzer aufgefordert werden, Code-Snippets zu WordPress hinzuzufügen.
Das Kopieren und Einfügen von Code in WordPress-Theme-Dateien mag für erfahrene Benutzer einfach erscheinen, für Anfänger kann es jedoch einschüchternd sein.
In diesem Artikel zeigen wir Ihnen, wie Sie Codeschnipsel aus dem Internet in WordPress kopieren und einfügen können, ohne Ihre Website zu zerstören.
Warum sollten Sie Code Snippets zu Ihrer WordPress-Website hinzufügen?
WordPress ist aufgrund seiner Flexibilität der beste Website-Builder der Welt. Es ist super einfach, neue Features und Funktionen zu Ihrer Website hinzuzufügen und kann bei der Erstellung nahezu jeder Art von Website helfen.
Wir geben alle möglichen Tipps und Tricks weiter, mit denen Sie Ihre Website verbessern können. Bei einigen dieser Tipps müssen Sie Code zu WordPress hinzufügen.
Das Hinzufügen von benutzerdefinierten Codeschnipseln zu Ihrer Website ist zwar optional, und Sie können oft Plugins finden, die dieselbe Aufgabe erfüllen, aber manchmal ist ein einfaches Snippet effizienter.
Durch das Hinzufügen von Code-Snippets lassen sich oft viele häufige WordPress-Fehler beheben, die Sicherheit von WordPress verbessern und neue Funktionen zu Ihrer Website hinzufügen.
Werfen wir also einen Blick darauf, wie Sie Code-Snippets sicher zu Ihrer WordPress-Website hinzufügen können.
Was sind die besten Wege, um Code Snippets in WordPress hinzuzufügen?
Es ist wichtig zu erwähnen, dass Sie, bevor Sie Code-Snippets zu Ihrer WordPress-Website hinzufügen, ein WordPress-Backup-Plugin installieren und verwenden sollten.
So ist Ihre WordPress-Website sicher, und Sie können sie jederzeit von einem Backup wiederherstellen, falls etwas schief geht.
Beim Hinzufügen von Snippets zu WordPress finden Sie möglicherweise Anweisungen zum Hinzufügen von Snippets zu WordPress-Theme-Vorlagendateien, wie index.php , single.php und mehr.
Diese Snippets sind nur für diese spezifischen Themedateien nützlich, daher müssen Sie sie direkt hinzufügen oder ein WordPress Child-Theme erstellen.
Die meisten Codeschnipsel werden jedoch in die Datei functions.php Ihres WordPress-Themes eingefügt. In einigen Tutorials wird empfohlen, sie direkt in die Datei einzufügen, aber es gibt viel bessere Alternativen, mit denen Sie Ihre Änderungen zukunftssicher machen können.
Auf diese Weise werden Ihre benutzerdefinierten Funktionen nicht entfernt, wenn Sie ein anderes Theme verwenden.
Es gibt verschiedene Möglichkeiten, WordPress-Dateien zu bearbeiten, je nachdem, welche Methode Sie wählen, um Ihrem WordPress-Blog oder Ihrer Website benutzerdefinierte Code-Snippets hinzuzufügen.
Werfen wir also einen Blick auf einige der anfängerfreundlichsten Möglichkeiten, benutzerdefinierte Code-Snippets in WordPress hinzuzufügen.
Methode 1: Hinzufügen von benutzerdefiniertem Code mit dem WPCode-Plugin (einfach)
Die Verwendung eines Code-Snippets-Plugins ist der sicherste und anfängerfreundlichste Weg, Code in WordPress einzufügen.
Mit dem WPCode-Plugin können Sie ganz einfach benutzerdefinierte Codeschnipsel auf Ihrer Website hinzufügen und verwalten, ohne Ihre Themedateien bearbeiten zu müssen.
Die intelligente Code-Snippet-Validierung hilft Ihnen, häufige Code-Fehler zu vermeiden und schützt Sie davor, Ihre Website beim Hinzufügen von Code-Snippets zu beschädigen.
WPCode verfügt außerdem über eine integrierte Code-Bibliothek, in der die beliebtesten WordPress-Code-Snippets zu finden sind, die Sie mit wenigen Klicks hinzufügen können.
Das Beste daran ist, dass Sie alle Codeschnipsel von einem zentralen Bildschirm aus verwalten und sie sogar mit Hilfe von Tags organisieren können.
Die kostenlose Version von WPCode enthält alles, was Sie brauchen, um benutzerdefinierten Code in WordPress hinzuzufügen. WPCode Pro bietet erweiterte Funktionen wie eine private Cloud-Snippet-Bibliothek, Konvertierungspixel, geplante Snippets und mehr.
Anmerkung: Die WPCode-Methode ist nützlich für Schnipsel, die in die funktionen.php Wenn Sie aufgefordert werden, einen Codeschnipsel in andere Themendateien einzufügen, funktioniert diese Methode nicht.
Bearbeiten und Hinzufügen von Code zu WordPress mit WPCode
Wenn Sie das WPCode-Plugin verwenden, um Code zu WordPress hinzuzufügen, fügen Sie den Code direkt in Ihrem WordPress-Administrations-Dashboard hinzu.
Zunächst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserem Leitfaden für Einsteiger zur Installation eines WordPress-Plugins.
Nach der Aktivierung gehen Sie einfach zu Code-Schnipsel " + Schnipsel hinzufügen in Ihrem WordPress-Administrations-Dashboard und klicken Sie dann auf die Schaltfläche Neu hinzufügen Taste.
Daraufhin wird ein Bildschirm angezeigt, auf dem Sie ein Snippet aus der vorgefertigten Bibliothek auswählen oder Ihren eigenen Code hinzufügen können.
Um benutzerdefinierten Code hinzuzufügen, klicken Sie auf das Feld Snippet verwenden unter der Option "Eigenen Code hinzufügen (neues Snippet)".
Geben Sie auf dem nächsten Bildschirm zunächst einen Namen für Ihr Snippet ein, damit Sie es sich besser merken können. Fügen Sie dann Ihren Code in das Feld ein. Achten Sie darauf, dass Sie den richtigen Codetyp aus dem Dropdown-Menü auf der rechten Seite auswählen.
Scrollen Sie dann nach unten zum Abschnitt "Einfügen". Hier können Sie wählen, ob Sie den Code-Snippet als Shortcode verwenden möchten, den Sie manuell kopieren und an einer beliebigen Stelle auf Ihrer Website einfügen können. Oder wählen Sie die Methode "Automatisches Einfügen", um eine Stelle (WordPress-Funktion) auszuwählen, an der der Code-Snippet automatisch eingefügt wird.
Das Beste an WPCode ist, dass es neben den verschiedenen Auto-Insert-Optionen auch eine einsteigerfreundliche Option für bedingte Logik bietet, mit der Sie auswählen können, wann Ihr Code geladen werden soll.
Sobald Sie den Code hinzugefügt haben, schalten Sie den Schalter in der oberen rechten Ecke von "Inaktiv" auf "Aktiv" um.
Klicken Sie dann auf die Schaltfläche Schnipsel speichern Taste.
Sobald das Snippet aktiv ist, wird es automatisch hinzugefügt oder als Shortcode angezeigt, je nachdem, welche Einfügemethode Sie gewählt haben.
Detaillierte Anweisungen finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefinierten Code-Snippets in WordPress.
Hinzufügen von Code zu die WordPress-Kopf- und Fußzeile
Manchmal müssen Sie nur Code in die Theme-Datei header.php oder footer.php Das WPCode-Plugin kann Ihnen auch dabei helfen, dies zu tun.
Dies ist praktisch, wenn Sie Ihrer Website einen Tracking-Code für Google Analytics, Google AdSense, Facebook Pixel und andere hinzufügen müssen.
Außerdem können Sie damit alle Kopf- und Fußzeilencodes an einem Ort verwalten, manuelle Fehler vermeiden und Ihr Design problemlos aktualisieren oder ändern.
Anmerkung: Diese Methode eignet sich am besten für Tracking-Skripte, benutzerdefinierten CSS- und JavaScript-Code.
Gehe zu Codeschnipsel " Kopf- und Fußzeile und fügen Sie dann den Code-Schnipsel in den Kopf-, Körper- oder Fußzeilenbereich Ihrer Website ein.
Klicken Sie auf die Schaltfläche "Änderungen speichern", und Ihre Codeschnipsel werden auf Ihrer Website live geschaltet.
Weitere Einzelheiten finden Sie in unserer Anleitung zum Hinzufügen von Kopf- und Fußzeilencode in WordPress.
Methode 2: Hinzufügen von benutzerdefiniertem Code in einem Site-spezifischen WordPress-Plugin
Eine weitere flexible Möglichkeit ist die Verwendung eines Site-spezifischen WordPress-Plugins, d. h. eines Plugins, das Sie für Ihre eigene Website erstellen und zum Speichern Ihres gesamten individuellen Codes verwenden können.
Der Vorteil dieser Methode ist, dass Ihr Code nicht von Ihrem Theme abhängig ist und auch bei einem Wechsel des Themes aktiv bleibt und auch nicht von WordPress-Updates auf Ihrer Website beeinflusst wird.
Anmerkung: Diese Methode ist nur für Codeschnipsel anwendbar, die in die funktionen.php Datei.
Wenn Sie ein Site-spezifisches Plugin verwenden, können Sie den integrierten WordPress-Plugin-Editor verwenden, um Ihren eigenen Code hinzuzufügen.
Zuerst müssen Sie zu Plugins " Plugin-Editor und wählen Sie dann Ihr Plugin aus dem Dropdown-Menü mit der Bezeichnung "Zu bearbeitendes Plugin auswählen:".
Der Editor lädt das Plugin für Ihre Website, und Sie können den Code einfach auf der Seite einfügen.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Datei aktualisieren", um Ihre Änderungen zu speichern.
Wenn etwas in Ihrem Code fehlt oder Ihre Website beschädigen kann, macht der Plugin-Editor Ihre Änderungen automatisch rückgängig.
Eine weitere Möglichkeit, benutzerdefinierten Code zu einem Site-spezifischen Plugin hinzuzufügen, ist die Verwendung von FTP. Weitere Einzelheiten finden Sie in unserer Anleitung für Einsteiger zum Hochladen von Dateien in WordPress mit FTP.
Öffnen Sie einfach Ihre Website mit Ihrem bevorzugten FTP-Client und klicken Sie dann mit der rechten Maustaste auf die Plugin-Datei und wählen Sie die Option "Anzeigen/Bearbeiten".
Dadurch wird die Datei geöffnet, so dass Sie Ihre Codeschnipsel hinzufügen können. Wenn Sie die Datei speichern und erneut hochladen, werden die Änderungen automatisch angezeigt.
Weitere Einzelheiten finden Sie in unserer Anleitung zur Erstellung eines standortspezifischen Plugins für Ihre Website.
Methode 3: Hinzufügen von benutzerdefiniertem Code zu Functions.php oder anderen Theme-Vorlagen
Schließlich ist es in Ordnung, Codeschnipsel direkt in das Theme einzufügen funktionen.php Wir empfehlen jedoch, die anderen oben genannten Optionen zu verwenden, da sie einige Nachteile mit sich bringen.
Erstens: Wenn Sie Ihr WordPress-Theme aktualisieren, werden alle Ihre Änderungen gelöscht.
Der von Ihnen hinzugefügte Code funktioniert nur, wenn Sie dieses bestimmte Thema verwenden.
Sehen wir uns also einmal an, wie man Codeschnipsel richtig kopiert und einfügt, damit die Website nicht beschädigt wird.
Wenn Sie Codeschnipsel direkt in die Themeseite einfügen funktionen.php Datei oder eine andere Seitenvorlage, dann können Sie den Code hinzufügen, indem Sie zu Erscheinungsbild " Theme Editor in Ihrem WordPress-Administrationsbereich.
Dann können Sie die Datei in der rechten Spalte auswählen, und sie wird im Editor geöffnet.
Die Anleitung, der Sie folgen, wird Ihnen sagen, wo Sie den Codeschnipsel einfügen können. Wenn nicht, müssen Sie den Code am Ende der Datei unter dem vorhandenen Code einfügen.
Eine weitere Alternative ist die Verwendung von FTP des Dateimanagers Ihres WordPress-Hostings, um benutzerdefinierten Code zu Ihren Theme-Dateien hinzuzufügen.
Verbinden Sie sich einfach mit Ihrem FTP-Client mit Ihrer Website und gehen Sie dann zu wp-content " themen " ihr-themen-ordner und klicken Sie mit der rechten Maustaste auf die Datei, die bearbeitet werden soll.
Klicken Sie dann auf die Option "Anzeigen/Bearbeiten", um die Datei im Texteditor zu öffnen und Ihr Codeschnipsel hinzuzufügen.
Fehlerbehebung bei PHP-Fehlern beim Hinzufügen von benutzerdefiniertem Code
Es gibt einige häufige Fehler, die Anfänger machen, wenn sie benutzerdefinierte Code-Snippets zu ihren WordPress-Websites hinzufügen. Glücklicherweise können die meisten dieser Fehler vermieden und leicht behoben werden.
Werfen wir einen Blick auf diese Fehler und die besten Möglichkeiten, sie zu beheben.
1. fehlerhafte Verwendung von PHP-Begin- und End-Tags
WordPress ist hauptsächlich in der Programmiersprache PHP geschrieben, die eine spezielle Syntax hat, die Ihrem Server mitteilt, dass der folgende Code von PHP verarbeitet werden muss. So sieht ein typischer PHP-Codeausschnitt aus:
// PHP Begin Tag php // Der Rest des Codes steht hier // PHP End Tag ?Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress
Ihr gesamter PHP-Code muss sich innerhalb der php</code und ?> Tags.
Der PHP-End-Tag ist sehr wichtig für Dateien, die zwischen PHP und HTML hin- und herwechseln, z. B. die meisten WordPress-Theme-Dateien, die neben HTML auch PHP-Tags verwenden.
Wenn Sie Ihren Code an einer Stelle einfügen, an der der PHP-Start-Tag nicht geschlossen ist, müssen Sie darauf achten, dass Sie Ihren Code ohne den PHP-Start-Tag einfügen.
php // Vorhandener Code // Ihr eigener Code ?Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress
Wenn Sie Ihren benutzerdefinierten Code außerhalb oder nach dem PHP-End-Tag einfügen, müssen Sie auch den PHP-Beginn-Tag hinzufügen.
php // Vorhandener Code ? // Ihr benutzerdefinierter CodeausschnittVeranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress
Fast 90 % aller Fehler werden durch die falsche Platzierung von PHP-Start- oder End-Tags verursacht. Ein Blick auf Ihren Code hilft Ihnen zu verstehen, ob Sie die PHP-Start- oder End-Tags in Ihrem benutzerdefinierten Code-Snippet hinzufügen müssen oder nicht.
Allerdings sind viele WordPress-Theme-Dateien wie funktionen.php Das bedeutet, dass Sie Ihren Code am Ende der Datei einfügen können, ohne die Start- oder End-Tags.
Hier ist ein Beispiel dafür, wie das aussehen kann.
php // Jede Menge Code in der Datei functions.php Ihres Themes // // Ihr eigener Code function custom_loginlogo() { echo ' h1 a {background-image: url('.get_bloginfo('template_directory').'//cdn.wpbeginner.com/images/login_logo.png) !important; } '; } add_action('login_head', 'custom_loginlogo'); </pre Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress Denken Sie daran, dass einige Tutorials davon ausgehen, dass Sie bereits wissen, wie man PHP Start- und End-Tags verwendet, und Ihnen daher einfach einen Codeausschnitt ohne diese Tags zeigen.
function custom_loginlogo() { echo ' h1 a {background-image: url('.get_bloginfo('template_directory').'//cdn.wpbeginner.com/images/login_logo.png) !important; } '; } add_action('login_head', 'custom_loginlogo'); Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress Manchmal werden Codeschnipsel an mehreren Stellen eingefügt, so dass die PHP-End- und Start-Tags nicht enthalten sind.
Wenn Sie einen solchen Codeschnipsel in Ihre Themendateien einfügen, müssen Sie sicherstellen, dass er sich innerhalb der PHP-Tags befindet.
2. fehlerhafte Verschachtelungsfehler
PHP hat eine spezielle Syntax für Funktionen, bedingte Logik und Schleifen. Diese Syntax hängt von geschweiften Klammern ab, die anzeigen, wann eine Funktion beginnt und wann sie endet.
Hier ist zum Beispiel eine einfache PHP-Funktion:
Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress Wenn Sie nun einen benutzerdefinierten Codeschnipsel hinzufügen möchten, der nichts mit dieser Funktion zu tun hat, müssen Sie ihn wie folgt außerhalb dieser Funktion einfügen:
// Vorhandener Code in Ihrer Themadatei php function wpbeginner_tutorial() { echo "Hello World!"; } // Ihr eigener Code function custom_loginlogo() { echo ' h1 a {background-image: url('.get_bloginfo('template_directory').'//cdn.wpbeginner.com/images/login_logo.png) !important; } '; } ? Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress Wenn Sie die geschweiften Klammern am Anfang oder am Ende vergessen, wird der Code beschädigt, und Sie erhalten eine Fehlerseite.
Verstehen von PHP-Fehlern in WordPress
Fehler, die durch das Hinzufügen von benutzerdefiniertem Code zu WordPress verursacht werden, führen oft zu einer detaillierten Fehlermeldung. Die meisten von ihnen sind Syntaxfehler, Parse-Fehler oder fatale Fehler aufgrund unerwarteter Zeichen.
Die gute Nachricht ist, dass diese Fehler Ihnen sagen, welche Zeile in Ihrem Code den Fehler verursacht hat.
Dann können Sie die genaue Zeile aufrufen, um den Code zu überprüfen und herauszufinden, was Sie übersehen haben.
Hierfür empfehlen wir die Verwendung eines geeigneten Texteditors zur Codebearbeitung, da dieser über Zeilennummern und Syntaxhervorhebung verfügt, mit deren Hilfe Sie das Problem leicht beheben können.
Was ist zu tun, wenn Ihre WordPress-Website unzugänglich ist?
Atmen Sie zunächst einmal tief durch und geraten Sie nicht in Panik: Alle Dateien Ihrer Website sind noch vorhanden und Sie können darauf zugreifen.
Verbinden Sie sich einfach mit Ihrer Website über einen FTP-Client oder die Dateimanager-App im cPanel Ihres WordPress-Hosting-Kontos.
Weitere Einzelheiten finden Sie in unserer Anleitung für Einsteiger zum Hochladen von Dateien in WordPress mit FTP.
Suchen Sie dann die Datei, in die Sie den Code eingefügt haben, der den Fehler verursacht hat, und öffnen Sie sie, um sie zu bearbeiten.
Dann können Sie versuchen, die Probleme mit dem Codefragment zu beheben. Wenn Sie die Probleme nicht beheben können, entfernen Sie einfach das Codefragment, das Sie hinzugefügt haben, und speichern Sie Ihre Änderungen.
Wenn sie immer noch einen Fehler anzeigt, laden Sie eine neue Kopie Ihres WordPress-Themes herunter und entpacken Sie die Zip-Datei auf Ihren Computer.
Suchen Sie dann die Datei, in der Sie die Änderungen vorgenommen haben, und laden Sie sie auf Ihren Server hoch, wobei Sie die alte Datei überschreiben.
Weitere Möglichkeiten zur Lösung dieser Probleme finden Sie in unserem Leitfaden zu den häufigsten WordPress-Fehlern und deren Behebung. Wenn das nicht hilft, folgen Sie unserem WordPress-Leitfaden zur Fehlerbehebung, um eine schrittweise Diagnose durchzuführen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Codeschnipsel aus dem Internet in WordPress einfügt. Vielleicht möchten Sie auch unseren Leitfaden zum Erstellen einer kostenlosen geschäftlichen E-Mail-Adresse und unsere Auswahl der besten Live-Chat-Software für kleine Unternehmen lesen.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
