So fügen Sie benutzerdefinierten Code sicher zu WordPress-Websites hinzu

Benutzer suchen oft nach Möglichkeiten, ihre Websites, Plugins und Designs zu optimieren oder einige Änderungen an einer vorhandenen Funktionalität hinzuzufügen. In den meisten dieser Fälle können Sie dies tun, indem Sie Ihrer WordPress-Website benutzerdefinierten Code hinzufügen.

Es ist nichts falsch daran, Ihrer Website benutzerdefinierten Code hinzuzufügen. Es gibt jedoch ein paar Dinge, auf die Sie achten müssen, wenn Sie diese Änderungen an Ihrer WordPress-Website vornehmen.

Dieser Artikel zeigt, worauf Sie achten müssen, und die Best Practices zum Hinzufügen von benutzerdefiniertem Code zu Ihrer WordPress-Website.

Worauf Sie achten sollten, bevor Sie benutzerdefinierte Code-Snippets in WordPress hinzufügen

Der einfachste Weg, Code-Snippets hinzuzufügen, die Autoren in ihren Tutorials vorschlagen, besteht darin, das Code-Snippet zur Datei functions.php des Themes hinzuzufügen. Es gibt jedoch eine Reihe von Einschränkungen und Nachteilen, wenn Sie Codeschnipsel zur Datei functions.php des Themes hinzufügen.

Jedes Mal, wenn Sie Ihr Design aktualisieren, werden die benutzerdefinierten Code-Snippets, die Sie Ihrer Datei functions.php hinzugefügt haben, überschrieben, es sei denn, Sie aktualisieren das Design manuell oder kopieren die Code-Snippets manuell von einer Datei functions.php in die andere. Wenn man bedenkt, dass die meisten Entwickler ziemlich häufig Upgrades veröffentlichen, insbesondere wenn sie Premium-Designs verwenden, wird das Hinzufügen von Codeschnipseln zur Datei functions.php des Designs sehr schwierig zu warten.

Wenn Sie das Thema ändern möchten, müssen Sie auch den Code migrieren, was auf lange Sicht definitiv nicht gut ist.

Ein weiterer Nachteil besteht darin, dass die Theme-Dateien auf jeder Seite ausgeführt werden und durch das Hinzufügen der Code-Snippets zur Datei functions.php des Themes das Risiko, dass Ihre gesamte Website beschädigt wird, viel höher ist.

Sehen wir uns die Best Practices zum Hinzufügen benutzerdefinierter Code-Snippets zu Ihrer WordPress-Site an, damit Sie sich keine Sorgen mehr darüber machen müssen, dass Sie einige Code-Snippets verpassen, vergessen, sie zu migrieren oder eine Funktionalität zu beschädigen, wenn Sie Ihr Theme aktualisieren.

Hinzufügen von benutzerdefinierten Code-Snippets zu WordPress-Sites

Benutzerdefinierter Code kann mit einer der folgenden Methoden hinzugefügt werden:

• Verwenden eines Plugins (siehe unsere WordPress-Plugins-Einführung, um mehr darüber zu erfahren, was WordPress-Plugins sind)
• Erstellen eines benutzerdefinierten Plugins
• Erstellen eines Child-Themes

Lassen Sie uns nun jede der Methoden im Detail besprechen.

1. Verwenden des Code-Snippets-Plugins

Die Codeschnipsel ¹ Plugin ist eine großartige Möglichkeit, benutzerdefinierten Code zu einer WordPress-Site hinzuzufügen, und wenn Sie kein Fan davon sind, selbst Code zu schreiben, ist dieser Weg einfacher als das Erstellen Ihres eigenen Plugins.

Nach der Installation des Plugins wird Ihrem WordPress-Menü ein neuer Abschnitt „ Snippets “ hinzugefügt, in dem Sie neue Snippets hinzufügen können. Jedes Snippet hat Platz für den Code und eine Beschreibung für zusätzliche Informationen darüber, was der Code tut.

Tipp: Wenn Sie ein nützliches Code-Snippet von einer Website verwenden, fügen Sie die URL in die Beschreibung ein, damit Sie sich daran erinnern, woher der Code stammt.

Genau wie Plugins können Sie Ihre benutzerdefinierten Code-Snippets aktivieren und deaktivieren sowie sie in PHP-Dateien exportieren. In einigen Fällen verursachen benutzerdefinierte Snippets Konflikte mit anderen Plugins oder Designs, daher ist das Deaktivieren des gesamten benutzerdefinierten Codes für das Targeting von Problemen hilfreich.

2. Erstellen Sie Ihr eigenes seitenspezifisches Plugin

Das Erstellen Ihres eigenen benutzerdefinierten seitenspezifischen Plugins ist der beste Weg, um benutzerdefinierten Code zu WordPress-Websites hinzuzufügen, da Sie die vollständige Kontrolle über den Code haben.

Was ist ein seitenspezifisches WordPress-Plugin?

Ein seitenspezifisches WordPress-Plugin wird verwendet, um einer Website Anpassungscode hinzuzufügen, der nicht themenabhängig ist. Das bedeutet, egal welches Theme Sie verwenden oder zwischen Themes wechseln, der benutzerdefinierte Code Ihres Plugins wird immer ausgeführt, natürlich solange das Plugin aktiviert ist.

Warum ist es besser, ein seitenspezifisches WordPress-Plugin zu erstellen?

Wenn Sie den benutzerdefinierten Code zur Funktionsdatei Ihres Designs hinzufügen, verschwindet er, wenn Sie Ihr Design aktualisieren oder wechseln.

Mit einem seitenspezifischen WordPress-Plugin können Sie Ihrer WordPress-Seite ganz einfach benutzerdefinierte Code-Snippets hinzufügen und sicherstellen, dass sie themenunabhängig sind. Es ist ein eigenständiges WordPress-Plugin, was bedeutet, dass es nicht von Ihrem Thema abhängt, was bedeutet, dass Sie Ihr Thema frei aktualisieren oder wechseln können, ohne den benutzerdefinierten Code zu verlieren.

Sie müssen kein PHP-Guru sein, um ein seitenspezifisches WordPress-Plugin zu erstellen. Befolgen Sie einfach die folgenden einfachen Schritte.

1. Erstellen Sie das Plugin-Verzeichnis

Zuerst müssen Sie ein Verzeichnis für das Plugin erstellen und es benennen. Dies kann ein beliebiger Name sein, z. B. die Website der Website. Das Verzeichnis des Plugins sollte im Verzeichnis /wp-content/plugins/ auf deiner Website erstellt werden. Für dieses Beispiel nennen wir das Plugin wpwhitesecurity-shortcodes . Hinweis: Verwenden Sie in Verzeichnisnamen immer Bindestriche und keine Leerzeichen.

2. Erstellen Sie die Plugin-Datei

Als nächstes benötigen Sie eine Hauptdatei für Ihr Plugin. Obwohl es keine Regeln für den Dateinamen gibt, ist es am besten, wenn der Dateiname mit dem Plugin-Namen identisch ist. In unserem Beispiel lautet der Dateiname des Plugins also wpwhitesecurity-shortcodes.php .

Diese Datei sollte mindestens einen Titel und eine Beschreibung enthalten.

Erstellen Sie diese Datei mit einem Texteditor wie NotePad ++ oder TextEdit. Verwenden Sie nicht Microsoft Word oder ähnliche Editoren, da es dem Text Formatierungsdaten hinzufügt und Ihre Datei möglicherweise durcheinander bringt. Alle oben aufgeführten Editoren sind kostenlos.

Hier ist alles, was Sie der Datei hinzufügen müssen:

<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.wpwhitesecurity.com
* Description: Site-specific plugin for custom code snippets in wpwhitesecurity.com
*/

Das ist alles. Jetzt ist es an der Zeit, den benutzerdefinierten Code hinzuzufügen.

3. Fügen Sie die benutzerdefinierten Codeausschnitte hinzu

Nun können Sie die Codeschnipsel aus Tutorials etc. in diese Datei kopieren und einfügen. Wenn Sie die Plug-in-Datei offline erstellt haben, komprimieren Sie den Ordner des Plug-ins als ZIP-Datei und laden Sie sie vom WordPress-Dashboard auf Ihre Website hoch.

Von nun an müssen Sie sich keine Sorgen mehr machen, dass Sie ein Code-Snippet verpassen, vergessen, es zu migrieren oder einige Funktionen zu beschädigen, wenn Sie Ihr Design oder Ihr WordPress aktualisieren. Wenn Sie das nächste Mal auf ein WordPress-Code-Snippet stoßen und es zu Ihrer Website hinzufügen möchten, fügen Sie es der Site-spezifischen Plugin-Datei hinzu.

4. Fügen Sie eine index.php -Datei hinzu (optional)

Dies ist ein optionaler Schritt. Um Verzeichnislisten zu vermeiden, sollten Sie eine Indexdatei im Plugin-Verzeichnis hinzufügen. Alles, was Sie tun müssen, ist:

Erstellen Sie eine Datei namens index.php
Fügen Sie den folgenden Inhalt hinzu:

<?php
/**
* Nothing to see here.

3. Verwenden Sie das Child-Theme functions.php

Zuvor haben wir gesagt, dass Sie die Datei functions.php Ihres Designs nicht verwenden sollten. Dies ist jedoch eine gute Alternative für bestimmte Änderungen, beispielsweise für themenspezifische Änderungen. Auf diese Weise ist der themenspezifische benutzerdefinierte Code verfügbar, wenn Ihr Thema verfügbar ist, da er nicht mehr benötigt wird.

Trotzdem sollten Theme-Änderungen immer zum Child-Theme und nicht zum Parent-Theme hinzugefügt werden, damit es Upgrade-sicher ist.

Wenn Sie Code zu Ihrer functions.php hinzufügen, achten Sie immer darauf, nach schließenden PHP-Tags zu suchen. So sehen sie aus: ?> . Wenn Ihre Designdatei in einer dieser Dateien endet, sollten Sie den benutzerdefinierten Code darüber platzieren.

Fazit

Wie wir gerade gesehen haben, gibt es ein paar verschiedene Möglichkeiten, benutzerdefinierten Code zu Ihrer WordPress-Website hinzuzufügen, aber nicht alle davon sind auf lange Sicht gut. Einige von ihnen sind jedoch in bestimmten Dingen besser als andere. Fügen Sie beispielsweise für themenspezifische Änderungen (Aussehen und Verhalten der Website) benutzerdefinierten Code zur Datei functions.php hinzu. Für alle anderen Änderungen sollten Sie idealerweise Ihr benutzerdefiniertes seitenspezifisches Plugin erstellen

Stellen Sie einfach sicher, dass Sie benutzerdefinierten Code auf sichere Weise zu WordPress hinzufügen und das Debuggen erleichtern, wenn etwas schief geht.
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie auf einfache Weise benutzerdefinierte Code-Snippets in Ihre WordPress-Sites einfügen können.