Ein Code-Snippet erstellen

Du hast im Netz eine Anleitung gefunden: „Füge diesen Code in dein Code-Snippet-Plugin ein.“ Also öffnest du das Plugin, legst ein neues Snippet an und sollst Code-Typ, Einfügeort und Priorität wählen. Bei WPCode geht das über Code-Snippets → Snippet hinzufügen. Was davon wichtig ist, weißt du nicht.

Dazu kommt die Sorge, dass ein falscher Buchstabe die ganze Website lahmlegt. Besser ist es, das Ziel in einem Satz zu beschreiben. Die KI schreibt den Code, erklärt ihn dir und erstellt das Snippet, zunächst ausgeschaltet. Es geht einfacher.

Der Prompt für ChatGPT, Claude und Co.

Ersetze nur den Platzhalter [WAS DAS SNIPPET TUN SOLL] durch deine Beschreibung, zum Beispiel „Kommentare für Medien-Anhänge abschalten“. Sonst gibt es nichts zu ersetzen, der Rest funktioniert so, wie er ist:

Ich möchte in meinem Code-Snippet-Plugin ein neues Code-Snippet erstellen. Es soll Folgendes tun: [WAS DAS SNIPPET TUN SOLL]

Gehe so vor:
1. Prüfe zuerst, ob es schon ein Snippet gibt, das dasselbe tut oder dem in die Quere kommt.
2. Schreibe den Code. Sag mir, welchen Code-Typ (PHP, CSS, JavaScript oder HTML) du gewählt hast und warum. Erkläre in einfachen Worten, was der Code bewirkt und wo er ausgeführt wird.
3. Zeige mir den Code und die Erklärung. Erstelle das Snippet erst, wenn ich es bestätigt habe, und zwar ausgeschaltet.
4. Prüfe danach, ob das Plugin einen Fehler meldet, und nenne mir das Ergebnis.
5. Schalte das Snippet nicht ein. Frag mich vorher noch einmal.

Wenn etwas nicht geht, nenne mir das Hindernis und schlage mir einen anderen Weg vor, auch wie ich es im WordPress-Admin selbst mache.

Prompt kopieren

Wird an der Website etwas geändert?

Ja, aber nur wenig: Es entsteht ein neues Snippet, ausgeschaltet. Bestehende Snippets und die Website bleiben unberührt. Die KI fragt vorher nach, und zum Einschalten kommt es erst nach deiner zweiten Bestätigung.

Kann ich das rückgängig machen?

Ja. Das Snippet findest du in deinem Code-Snippet-Plugin, bei WPCode unter Code-Snippets → Code-Snippets, und legst es dort in den Papierkorb. Die KI kann Snippets nicht löschen, das machst du von Hand.

Das musst du beachten

• PHP-Snippets laufen auf der ganzen Website. Ein Fehler kann sie unerreichbar machen. Deshalb gilt: erst ausgeschaltet erstellen, den Fehlerstatus prüfen lassen, dann einschalten.
• Das Plugin kann einen Sicherheitsmodus haben. Ist er aktiv, werden Snippets nicht ausgeführt. Die KI kann das prüfen.
• Lass die KI nur Code schreiben, dessen Erklärung du verstanden hast. Wie die KI ein bestehendes Snippet erklärt, steht unter Ein Code-Snippet ansehen und erklären lassen.

Eine kleine Funktion einbauen, ohne ein weiteres Plugin zu installieren

Für Kleinigkeiten brauchst du kein ganzes Plugin. Zum Beispiel soll der automatische Textauszug in der Beitragsübersicht kürzer sein. Die KI schreibt die Funktion und erklärt sie dir. Ersetze [WÖRTER] durch die gewünschte Zahl, zum Beispiel 30:

Ich möchte in meinem Code-Snippet-Plugin ein neues Code-Snippet erstellen, das die Länge des automatischen Textauszugs auf [WÖRTER] Wörter setzt. Prüfe zuerst, ob es schon ein Snippet gibt, das dasselbe tut. Schreibe den Code, nenne den Code-Typ und erkläre in einfachen Worten, was er bewirkt. Zeige mir beides und erstelle das Snippet erst nach meiner Bestätigung, und zwar ausgeschaltet. Prüfe danach auf Fehler, schalte es nicht ein und frag mich vorher. Wenn etwas nicht geht, nenne mir das Hindernis und schlage mir einen anderen Weg vor, auch wie ich es im WordPress-Admin selbst mache.

Prompt kopieren

Du bekommst den Code mit Erklärung und entscheidest, ob er auf die Website kommt.

Einen Bestätigungscode in den Header einfügen

Dienste wie die Search Console verlangen oft ein Meta-Tag im Header der Website. Statt im Theme zu suchen, legst du es als Snippet an, das kannst du später auch wieder ausschalten. Ersetze [META-TAG] durch den Code, den der Dienst dir nennt:

Ich möchte in meinem Code-Snippet-Plugin ein neues HTML-Snippet erstellen, das im Header meiner Website dieses Meta-Tag ausgibt: [META-TAG]. Prüfe zuerst, ob dasselbe Tag schon irgendwo eingefügt ist. Erkläre mir, wo das Tag erscheinen wird. Erstelle das Snippet erst nach meiner Bestätigung, und zwar ausgeschaltet. Prüfe danach auf Fehler, schalte es nicht ein und frag mich vorher. Wenn etwas nicht geht, nenne mir das Hindernis und schlage mir einen anderen Weg vor, auch wie ich es im WordPress-Admin selbst mache.

Prompt kopieren

Nach deiner Bestätigung schaltest du das Snippet ein und prüfst den Dienst.

Das Aussehen mit etwas CSS feinjustieren

Ein Abstand ist zu groß, eine Schrift zu klein. Die KI schreibt das CSS dafür und legt es als Snippet an, ohne dass du am Theme etwas änderst. Ersetze [WUNSCH] durch deine Beschreibung, zum Beispiel „der Abstand unter den Überschriften in Beiträgen soll kleiner werden“:

Ich möchte in meinem Code-Snippet-Plugin ein neues CSS-Snippet erstellen. Es soll Folgendes ändern: [WUNSCH]. Prüfe zuerst, ob es schon ein Snippet gibt, das dasselbe Element anpasst. Schreibe das CSS und erkläre in einfachen Worten, welche Teile der Website sich ändern. Zeige mir beides und erstelle das Snippet erst nach meiner Bestätigung, und zwar ausgeschaltet. Schalte es nicht ein, frag mich vorher. Wenn etwas nicht geht, nenne mir das Hindernis und schlage mir einen anderen Weg vor, auch wie ich es im WordPress-Admin selbst mache.

Prompt kopieren

Nach dem Einschalten siehst du die Änderung sofort auf der Website.