WordPress hat einen wohlverdienten Ruf als sehr benutzerfreundliches und anpassbares Content-Management-System. Wenn es Ihnen nichts ausmacht, nach der richtigen Art von Plugin zu suchen oder in ein Premium-WordPress-Theme zu investieren, können Sie mit diesem CMS unglaubliche Dinge tun.
WordPress ist der Traum jedes Bastlers. Wenn Sie daran interessiert sind, Ihre Website anzupassen, sollten Sie lernen, wie Sie WordPress benutzerdefinierten Code hinzufügen, auf Ihrer To-Do-Liste. In diesem Artikel zeigen wir Ihnen:
Sie werden oft lesen, dass Plugins die besten Optionen sind, um die Funktionen Ihrer WordPress-Website zu erweitern oder das Aussehen und Verhalten Ihrer WordPress-Website zu ändern. Und es stimmt – Plugins stehen dank ihrer Vielfalt und Benutzerfreundlichkeit ganz oben auf der Liste der Dinge, die WordPress so großartig machen.
In einigen Fällen können Sie kein WordPress-Plugin finden, das genau das tut, was Sie möchten. Oder Sie finden möglicherweise nur ein Premium-Plugin, ein echter Mist, wenn Sie versuchen, eine Website mit einem geringen Budget zu erstellen. Selbst die besten WordPress-Seitenersteller haben blinde Flecken, die Sie durch die Eingabe von benutzerdefiniertem Code beheben müssen.
Und vergessen wir nicht, wie einfach es ist, mit Code zu experimentieren. Es gibt viele Ressourcen, die Ihnen den Einstieg erleichtern. Sogar die Artikel, die Sie online finden, werden Ihnen oft beibringen, wie Sie einfache Optimierungen vornehmen, indem Sie Ihrer Website nur ein oder zwei Codezeilen hinzufügen. Die Frage sollte nicht lauten, warum Sie WordPress benutzerdefinierten Code hinzufügen möchten. Es sollte sein, warum nicht?
Es gibt mehrere Gründe, warum das Hinzufügen von benutzerdefiniertem Code zu Ihrer WordPress-Website keine schlechte Idee ist, sondern vielmehr eine potenzielle Fehlerquelle für Sie und Ihre Website. Dies liegt an der Datei, in der Sie den Code am häufigsten hinzufügen –functions.php.
Vergessen wir für eine Sekunde, dass Fehler beim Bearbeiten dieser Datei Ihre Website zum Absturz bringen können, und das kann sie sicherlich. Um sicherzustellen, dass die von Ihnen vorgenommenen Änderungen auch nach der Aktualisierung Ihres WordPress-Themes erhalten bleiben, müssen Sie zunächst ein Child-Theme erstellen und dessen Datei functions.php bearbeiten. Das ist ein Ärger, auf den viele gerne verzichten möchten.
Aber selbst wenn Sie sich die Mühe machen, ein Child-Theme zu erstellen, damit Sie damit benutzerdefinierten Code zu Ihrer WordPress-Website hinzufügen können, das wird nicht das ende deiner probleme sein. Einige Code-Snippets sind in der Regel kurz. Andere neigen dazu, lang zu sein. Je bequemer Sie mit der Codierung werden, desto mehr werden Sie sich mit Dingen wie dem Hinzufügen von benutzerdefiniertem JavaScript oder benutzerdefiniertem CSS befassen. Schon bald werden Sie eine Datei haben, die schwer zu navigieren ist.
Eine einfache Möglichkeit, die meisten Probleme beim manuellen Hinzufügen von Code zu WordPress zu umgehen, besteht darin, ein Plugin dafür zu verwenden. Code Ausschnitte ist ein beliebtes WordPress-Plugin mit über 300.000 aktiven Installationen, mit dem Sie einfach Code hinzufügen und verwalten können.
Um das Plugin zu erhalten, gehen Sie zum Backend Ihrer Website und navigieren Sie zu Plugins > Neu hinzufügen. Suchen Sie dort nach Code Snippets und installieren und aktivieren Sie das Plugin.
Nach der Installation und Aktivierung erstellt das Plugin ein neues Untermenü in Ihrem Dashboard namens „Snippets“. Dort finden Sie alle Funktionalitäten des Plugins. Wenn Sie zuerst die Optionen des Plugins überprüfen möchten, finden Sie es in die Abschnitte Allgemein, Beschreibungseditor und Code-Editor unterteilt.
Im Abschnitt „Allgemein“ können Sie einstellen, ob das Snippet beim Speichern automatisch aktiviert werden soll, und Dinge wie Snippet-Beschreibungen, Tags und die Bereichsauswahl aktivieren. Sie haben auch die Möglichkeit, den Shortcode-Syntax-Highlighter zu deaktivieren und eine vollständige Deinstallation vorzunehmen.
Unter den Optionen des Beschreibungseditors können Sie die Zeilenhöhe der Beschreibung auswählen, sowie wählen Sie, ob Sie den vollständigen Editor verwenden und Medienschaltflächen aktivieren möchten.
Mit den Optionen des Code-Editors können Sie das Thema auswählen, in dem der Editor erscheinen soll, die Verwendung von harten Tabulatoren für Einzüge aktivieren und eine Tabulatorgröße und Ident-Einheit festlegen. Sie haben auch die Möglichkeit, Zeilenumbrüche, Zeilennummern, automatisch schließende Klammern und das Hervorheben von Auswahltreffern umzuschalten.
Das Fenster Alle Snippets listet alle Ihre Snippets zusammen mit ihren Beschreibungen, Tags, Änderungsdatum und Priorität auf. In diesem Fenster können Sie die Snippets ein- und ausschalten. Bevor Sie Ihr erstes Snippet hinzufügen, ist es praktisch, da es einige Codebeispiele enthält, die Sie verwenden könnten.
Das Fenster „Neu hinzufügen“ ist der Ort, an dem der wahre Spaß passiert. Zuerst können Sie Ihrem Snippet einen Namen geben, bevor Sie den Code eingeben und auswählen, wo das Snippet ausgeführt werden soll. Sie können auch die Priorität für das Snippet festlegen.
Als Nächstes können Sie die Beschreibung hinzufügen. Sie haben die Möglichkeit, Medien einzufügen und die Beschreibung sowohl im visuellen als auch im Texteditor zu bearbeiten. Schließlich können Sie die Tags für Ihr Code-Snippet festlegen.
Nachdem Sie das Snippet erstellt haben, speichern Sie es und aktivieren es oder speichern es. Wenn Sie keine Fehler im Code gemacht haben, können Sie in jedem Fall zum Fenster Alle Snippets navigieren und Ihr neues Snippet anzeigen.
Und das ist es! Sobald Sie sehen, dass das Snippet umgeschaltet ist, haben Sie es erfolgreich hinzugefügt und aktiviert. Wenn Sie das Snippet als .php-Datei herunterladen oder als .json-Datei exportieren möchten, können Sie unter Ihrem Snippet auf die Schaltfläche Bearbeiten klicken und zum Ende der Seite scrollen, um die entsprechenden Optionen zu finden.
Mit dem Plugin können Sie auch Snippets in .xml- oder .json-Dateien über die Importoption im Snippets-Untermenü importieren. Es macht es einfach, Snippets von einer Website auf eine andere zu verschieben.
Fazit
Die Möglichkeit, Ihrer WordPress-Website Code hinzuzufügen, kann Ihnen bei der Feinabstimmung Ihrer Website helfen, von umfassenden Änderungen bis hin zu kleinen Optimierungen. Aber abgesehen davon, dass Sie wissen, wie man codiert, und einigermaßen sicher ist, dass Ihre Beiträge die Site nicht beschädigen, können Sie Ihre Snippets auch auf einfache Weise hinzufügen und verwalten. Und genau dafür wurde das Plugin entwickelt.
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
