Beste Code-Snippets-Plugins für WordPress

WordPress ist großartig und macht das Erstellen von Websites einfach. Aber manchmal müssen Sie eine schnelle Bearbeitung vornehmen, für die in WordPress oder Ihrem installierten Theme und Ihren Plugins keine integrierte Option verfügbar ist. Vielleicht möchten Sie den in einem WooCommerce-Hinweis angezeigten Text ändern, ein SVG für Ihr Website-Logo verwenden oder ein neues benutzerdefiniertes Feld hinzufügen. In diesen Fällen ist ein Code-Snippet die perfekte Lösung.

Was sind Codefragmente?

A Code-Auszug ist ein kleiner Codeabschnitt, der erstellt wurde, um die Funktion Ihrer WordPress-Site zu erweitern oder zu bearbeiten. Dies kann beispielsweise die Art und Weise sein, wie ein Element auf Ihrer Website angezeigt wird, z. B. das Hinzufügen einer Hervorhebung zum Suchbegriff in den Suchergebnissen, damit er angezeigt wird, oder die Funktionsweise, z. B. die Anzeige verwandter Beiträge nach Datum sortiert. Code-Snippets können auch verwendet werden, um bestimmte Theme- oder Plugin-Funktionen hinzuzufügen oder zu ändern.

Hier bei WPExplorer hat AJ beispielsweise über 600 benutzerdefinierte Total-Theme-Code-Snippets erstellt. Er erhält unzählige Funktionsanfragen von Kunden, und es macht nicht immer Sinn, die Funktion zum Kernthema hinzuzufügen. In manchen Fällen erstellt er daher einen Ausschnitt. Dazu gehören unzählige Nischenoptionen wie das Verschieben des Breadcrumbs-Pfads, das bedingte Ändern von Portfolio-Post-Raster-Links, das Ermöglichen von Co-Autoren in Post-Meta, das Hinzufügen eines benutzerdefinierten festen unteren Menüs auf Mobilgeräten, das Beschränken der Suchergebnisse auf die Anzeige von Blog-Posts und sogar das Bearbeiten Dritter Party-Plugin-Funktionen wie der WooCommerce-Text „Ausverkauft“ oder die Anzeige vergangener Ereignisse im Veranstaltungskalender.

Wie fügt man Codefragmente zu WordPress hinzu?

Um ein Code-Snippet zu WordPress hinzuzufügen, haben Sie zwei Möglichkeiten. Die erste besteht darin, Ihre Website manuell zu bearbeiten, und die zweite darin, ein Plugin zu verwenden.

Wann Manuelles Hinzufügen eines Codeausschnitts Sie müssen eine der Theme-Dateien Ihrer Website bearbeiten, z. B. „functions.php“, „header.php“ usw. Wenn Sie diesen Weg gehen möchten, empfehlen wir die Verwendung eines untergeordneten Themes. Auf diese Weise können Sie Ihr Theme jederzeit aktualisieren (was für die Website-Sicherheit wichtig ist), ohne dass die von Ihnen vorgenommenen Änderungen oder Anpassungen verloren gehen. Wenn Sie Snippets zu den Dateien Ihres Child-Themes hinzufügen, empfehlen wir Ihnen, Ihren Code zu kommentieren (fügen Sie einfach zwei Backslashes am Anfang einer Zeile und dann eine Beschreibung hinzu), damit Sie nicht vergessen, wofür die einzelnen Snippets gedacht sind.

So fügen Sie Code mit a hinzu Code-Snippets-Plugin Sie müssen lediglich ein Plugin installieren. Es variiert ein wenig, je nachdem, welches Plugin Sie wählen, aber die meisten bieten Ihnen die Möglichkeit, Snippets über das WordPress-Dashboard hinzuzufügen und zu organisieren. Auf diese Weise müssen Sie keine Designdateien bearbeiten und können bei Bedarf ganz einfach Snippets hinzufügen, aktualisieren, deaktivieren oder entfernen.

Warum ein Code-Snippet-Plugin verwenden?

Für die meisten Benutzer erleichtert die Installation eines Code-Snippet-Plugins das Hinzufügen von Code-Snippets zu WordPress. Sie müssen nicht herausfinden, ob Sie den Code richtig kopiert oder das Snippet an der richtigen Stelle hinzugefügt haben, und die Aktualisierung ist einfach, da alle Ihre Snippets an einer Stelle gut sichtbar sind. Darüber hinaus verringern Code-Snippet-Plugins die Wahrscheinlichkeit, dass jemand seine Website beschädigt, da wichtige Website-Dateien intakt bleiben. Dies macht es zu einer sichereren Option, insbesondere für diejenigen, die mit dem Programmieren nicht vertraut sind oder denen die Bearbeitung von Theme-Dateien unangenehm ist.

Was ist das beste Code-Snippet-Plugin für WordPress?

Wenn Sie ein Plugin zum Hinzufügen von Snippets zu Ihrer Website verwenden möchten, welches sollten Sie wählen? Nachfolgend finden Sie unsere Auswahl der fünf besten WordPress-Code-Snippet-Plugins. Alle diese Plugins bieten kostenlose Versionen und machen das Hinzufügen von Snippets zum Kinderspiel.

1. WPCode

Unsere erste Wahl ist WPCode. Mit diesem Plugin können Sie Code-Snippets hinzufügen, wobei Sie einen Codetyp auswählen, eine Einfügemethode auswählen, den Ausführungsort hinzufügen, das Laden nach Gerätetyp einschränken, Logik aktivieren und allgemeine Snippet-Informationen hinzufügen können (Name, Tags, Priorität, Notizen). Es gibt auch Optionen zum Hinzufügen von Skripten zu Ihrer Kopf- und Fußzeile sowie Tools zum Exportieren oder Importieren von Snippets aus anderen Plugins, die Sie möglicherweise ausprobiert haben.

Eine der coolsten Funktionen von WPCode ist die enthaltene Snippet-Bibliothek. Dies ist eine große Hilfe für diejenigen, die sich mit Snippets nicht auskennen, da die Bibliothek voller gebrauchsfertiger Snippets ist. Es gibt auch einen Generator, mit dem Sie Ihre eigenen benutzerdefinierten Snippets für allgemeine Website-Funktionen im Zusammenhang mit dem WordPress-Kern, Ihrem Design, Inhalt, dem Admin-Bereich und Abfragen erstellen können.

Und wenn Sie auf Pro upgraden, gibt es auch Funktionen für geplante Snippets, ein Coderevisionsprotokoll, einen Dateieditor, Konvertierungspixel, Benutzerzugriffskontrolle, automatisches Einfügen von Snippets, dynamische Inhaltselemente, seitenspezifische Skripte, sichere Fehlerbehandlung und mehr. Die Pläne beginnen bei 49 $/Jahr, wenn Sie den Code SAVE50 verwenden.

2. Codeausschnitte

Mit dem Code-Snippets-Plugin können Sie alle Ihre Snippets über den Editor hinzufügen. Dazu gehören Optionen zum Hinzufügen eines Namens, einer Beschreibung und von Tags sowie des eigentlichen Code-Snippets und seiner „Ausführen“-Einstellung (überall, nur im Admin, nur im Frontend oder nur einmal). Sobald Sie Snippets hinzugefügt haben, werden diese in einer Liste mit Umschaltern angezeigt, mit denen Sie sie schnell aktivieren oder deaktivieren können. Mit dem Plugin können Sie Ihre Snippets auch exportieren/importieren (als JSON oder PHP) und sie problemlos auf anderen Websites oder in einem Theme/Plugin wiederverwenden.

Für zusätzliche Funktionen wie Gutenberg-Block-Unterstützung, Elementor-Integration, mehrere Site-Aktivierungen, CSS- und JS-Snippets sowie Premium-Support können Sie ab 39 $/Jahr auf einen Pro-Plan upgraden.

3. Veröffentlichen Sie Snippets

Eine weitere Option ist Post Snippets, mit der Sie Ihre eigene Sammlung von Snippets für HTML, PHP und Text erstellen können. Das Plugin enthält einen visuellen Editor mit Code-Editor, Variablen hinzufügen, einem Kontrollkästchen zum Aktivieren eines Shortcodes und einem Statusfeld zum Aktivieren eines Snippets. Sobald Sie Ihre Snippets erstellt haben, können Sie diese direkt einfügen, als Shortcode oder mit dem enthaltenen Post Snippets Gutenberg-Block.

Premium-Pläne beginnen bei 29 $/Jahr für Snippet-Bestellung, einfache Duplizierungsfunktion, Tags, Snippet-Typ-Anzeige, Speichern in der Cloud, Gutenberg-Block-Unterstützung, automatische Updates und Premium-Support.

4. WebberZone Snippetz

Das umbenannte WebberZone Snippetz-Plugin, das früher „Zu allen hinzufügen“ hieß, ist eine einfache Möglichkeit, Snippets innerhalb Ihrer WordPress-Site hinzuzufügen und zu verwalten. Das Plugin unterstützt HTML, CSS und JS. Es gibt auch Optionen zum Auswählen des Snippet-Speicherorts (Einfügen in Ihre Kopf- und Fußzeile, Ihren Inhalt oder Ihren Feed) und zum Einschränken auf bestimmte Seiten (nach ID, Beitragstyp, Taxonomie usw.). Das Plugin generiert auch einen Shortcode für jedes Snippet, wenn Sie es lieber auf diese Weise einfügen möchten.

WebberZone Snippetz ist ein völlig kostenloses Plugin, der Entwickler bietet jedoch erweiterten Premium-Support an, wenn Sie ihn kontaktieren (Hinweis: Dies gilt zusätzlich zum kostenlosen Support, den sie im Forum und normalerweise für benutzerdefinierte Arbeiten anbieten).

5. Shortcoder

Fügen Sie mit Shortcoder einfach Snippets als Shortcodes hinzu. Erstellen Sie benutzerdefinierte Shortcodes für Ihre HTML-, CSS- oder JS-Snippets, damit Sie sie im klassischen WordPress-Editor, Code-Editor oder Gutenberg hinzufügen können. Es gibt auch Optionen zum globalen Deaktivieren von Shortcodes, je nach Gerätetyp.

Shortcoder bietet auch eine PRO-Lizenz ab 25 $ für eine Site an. Dazu gehören die Integration mit benutzerdefinierten Editoren (Elementor, WPBakery usw.), Shortcode-Revisionen, die Funktion zum Suchen, um herauszufinden, wo ein Shortcode verwendet wurde, Unterstützung für zusätzlichen Code in der Fußzeile, 1 Jahr Updates und lebenslanger Basissupport.

Wenn Sie Code-Snippets mithilfe eines Plugins zu WordPress hinzufügen möchten, ist dies bei weitem die einfachere, bequemere und wesentlich sicherere Wahl, insbesondere wenn Sie mit Codierung nicht vertraut sind. Aber wirklich jede der oben aufgeführten Optionen ist eine gute Wahl. Wenn wir nur eines auswählen müssten, wären wir persönlich der Meinung, dass WPCode (kostenlos oder Pro) das Beste ist. Wir haben es verwendet und empfehlen es Kunden, die unser Premium-Total-Theme verwenden, und sind überzeugt, dass es mehr als genug Funktionen zum Verwalten von Snippets auf Ihrer WordPress-Site bietet.