CodeWP Review 2023: Erweitern Sie Ihren WordPress-Workflow mit KI!

Veröffentlicht: 2023-01-18

CodeWP ist ein KI-Codegenerator für WordPress. In diesem Artikel werfen wir einen Blick auf die Verwendung, die verschiedenen Funktionen, die es auf den Tisch bringt, die von ihm generierten Snippets, die Preise für die Plattform und vieles mehr.

Es ist ein beeindruckendes Stück Technologie, das die neuesten Erkenntnisse der künstlichen Intelligenz nutzt, um Code-Snippets speziell für WordPress und Produkte im Ökosystem zu erstellen.

CodeWP wird mit Millionen von Zeilen WordPress-Code trainiert, und seine verschiedenen AI-Plugin-spezifischen Modi werden auch mit Code direkt aus Plugin-Codebasen verfeinert. Beispielsweise wurde der Oxygen Builder-Bedingungs-KI-Modus mit Dutzenden von Beispielen für Bedingungen unter Verwendung der Bedingungen-API trainiert.

Kernfunktionen

Im Kern ist CodeWP ein Tool, das KI nutzt, um Code-Snippets zu erstellen, die Probleme für WordPress-Entwickler lösen.

Aber es ist noch viel mehr. Hier ist ein kurzes Einführungsvideo, das Ihnen alle Funktionen der Plattform und mehrere praktische Anwendungsfälle zeigt.

Wie Sie sehen können, gibt es in diesem Test viel zu berichten

KI-Modi

Ein Flaggschiff dieser Plattform ist der AI-Modus. Es gibt Dutzende von Modi, wobei etwa alle zwei Wochen neue hinzugefügt werden. Jeder Modus entspricht einem bestimmten Plugin, einer Verwendung, einem Fall oder einem Produkt.

Wenn Sie in einen bestimmten Modus wechseln, ändern Sie die zugrunde liegende KI in eine bestimmte Variante, die auf der Codebasis des Plugins oder Produkts trainiert wurde. Das bedeutet, dass Sie hyperspezifische und genaue Generierungen für die jeweilige Plattform erhalten.

lepage-2023-01-05-at-17-00-41

Das unterscheidet dieses Produkt von vielen anderen Angeboten auf dem Markt. Es konzentriert sich wirklich nur auf WordPress und WordPress, und die Generationen und Modi werden mit der Zeit immer besser.

Hier ist ein Beispiel für die KI-Modi und wie sie funktionieren. Ein beliebtes Framework für benutzerdefinierte Felder bei Entwicklern ist Carbon Fields. Es ist sehr leistungsfähig, erfordert aber ein gutes Verständnis von PHP und der Funktionsweise von WordPress. Aus diesem Grund ist es sehr kalt, schwer und selbst wenn Sie ein absolut kompetenter Entwickler sind, kann es manchmal etwas mühsam sein, Code zu erstellen, der Metaboxen, benutzerdefinierte Felder oder Optionsseiten registriert.

Wenn ich in diesen Modus wechsle und eine eindeutige Eingabeaufforderung gebe, erhalte ich eine Generierung, die die für dieses spezifische Framework/Plugin erforderliche Syntax und Struktur widerspiegelt.

Im Vergleich dazu, die Dokumentation zu lesen und selbst zu schreiben, ist dies ein viel effizienterer Weg, Dinge zu tun, und in der Regel genauer.

Dies ist wirklich hilfreich, um genauere Generierungen zu erstellen, und mit den kommenden Elementor-Widget- und Bricks Builder-Widget-Modi kann es von hier aus nur noch besser werden.

Creator-Modi

Der Ersteller ist der Ort, an dem Sie Ihre gesamte Arbeit erledigen. Es ist ein voll funktionsfähiger Code-Editor mit vielen verschiedenen KI-Generierungsoptionen, einschließlich der Modi, die wir gerade oben erwähnt haben. Es hat drei Kernoptionen ... lassen Sie es uns aufschlüsseln.

Standard-Generation

Nimmt eine Texteingabeaufforderung und wandelt sie in Code um (Text to Code oder TTC AI). So einfach ist das. Alles, was Sie tun müssen, ist, das, was Sie generieren möchten, in die Eingabeaufforderung einzugeben und abzusenden, und bald wird eine Generation den Editor füllen.

lepage-2023-01-12-at-14-11-42
Die Eingabeaufforderung, die zum Generieren eines Snippets verwendet wird

Bearbeiten

Nachdem Sie ein Snippet generiert haben, möchten Sie manchmal bestimmte Aspekte daran ändern. Was wäre zum Beispiel, wenn Sie ein Kontaktformular mit Kurzcode generiert hätten, aber die Generierung die Textfelder nie bereinigt hätte, was zu Sicherheitsproblemen führen würde.

lepage-2023-01-05-at-17-01-47

Alles, was Sie tun müssen, ist in den Bearbeitungsmodus zu wechseln, die gewünschten Änderungen einzugeben und auf die grüne Schaltfläche zu klicken. Sobald die Bearbeitung vorgenommen wurde, ändert sich der Bildschirm und sieht in etwa so aus wie im Screenshot unten.

Bild-7-17

Dadurch erhalten Sie eine großartige visuelle Darstellung dessen, was im Code geändert wurde. Alles, was rot ist, wurde entfernt. Alles, was grün ist, wurde hinzugefügt.

Anschließend können Sie das Snippet in einem neuen Tab öffnen, indem Sie auf die Generations-ID klicken (oder Strg+o) und alle Ihre Änderungen sowie die ursprüngliche Generation überprüfen.

Erklären

lepage-2023-01-05-at-17-02-35

Zusätzlich zu diesen drei Kernoptionen können Sie die oben besprochenen Modi wechseln und der Plattform Feedback geben, was dazu beiträgt, in Zukunft bessere Generationen zu schaffen.

lepage-2023-01-12-at-13-51-05

Diese Header-Symbolleiste ermöglicht es Ihnen, nach vorhandenen Snippets zu suchen und sie in den Editor einzufügen, um sie zu erklären oder zu bearbeiten, Lieblingsgenerationen für einen einfachen Zugriff zu schreiben, sie gut oder schlecht zu schreiben und sie sogar in ein JSON-Format zu exportieren, das in populär importiert werden kann Code-Snippet-Plugins. Wenn Sie ein begeisterter Leser unseres Blogs sind, wissen Sie, dass wir Code-Snippet-Plugins lieben und mehrere überprüft haben:

  • Scripts Organizer Review: Skripte planen, Zeit sparen
  • Erweiterte Skript-Überprüfung: Besser als Code-Snippets
  • Die besten Code-Snippet-Manager für Entwickler

Ein weiterer toller Aspekt der Editor-Erfahrung ist, dass Sie vollständig über die Tastatur navigieren können, vom Öffnen der Eingabeaufforderung über das Absenden bis hin zum Wechseln des Modus und zum Ranking der Generation.

Unterstützung für mehr als 11 Sprachen

Für Entwickler und Benutzer, die kein Englisch sprechen, gibt es auch mehrsprachige Unterstützung mit der Plattform.

lepage-2023-01-05-at-17-00-16

Mehr als 11 Sprachen werden offiziell unterstützt, aber wir haben viele Generationen von Sprachen gesehen, die nicht offiziell unterstützt werden.

Romanische Sprachen wie Spanisch liefern normalerweise die besten Ergebnisse, aber es gibt auch Unterstützung für Hindi, Chinesisch, Russisch und andere.

Snippet-Verwaltung und -Freigabe

Nach der Generierung haben Sie Zugriff auf eine Fülle von Informationen über das Snippet und den Code selbst.

lepage-2023-01-12-at-14-25-39

Der Startbildschirm zeigt Ihnen nur die Snippets, die Sie zu Ihren Favoriten hinzugefügt haben, aber Sie können alle Generationen auf der zweiten Registerkarte sehen. Alle Generationen, die veröffentlicht wurden, sind in der dritten zu finden. Es gibt auch eine Reihe von Filteroptionen, mit denen Sie nach dem KI-Modus filtern, nach Schlüsselwörtern suchen und Quellausschnitte mit Erstellungsdatum, Länge und mehr suchen können.

lepage-2023-01-12-at-14-31-47

Auf alles in diesem Snippet kann zugegriffen werden, einschließlich Ihrer vorherigen Änderungen, Erklärungen und untergeordneten Snippets. Sie können von hier aus auch direkt Favoriten setzen und bewerten. Sie werden feststellen, dass es Tags gibt, die von KI generiert werden, und auch eine Aufzeichnung darüber, welcher Modus und welche Sprache traurig waren, als der Code generiert wurde.

lepage-2023-01-12-at-14-32-35
Beispiel-Erklärungsregisterkarte (achten Sie auf den Tippfehler)

Zum Thema Snippet-Management haben Sie auch die Möglichkeit, CSS- und JavaScript-Sub-Snippets für komplexe PHP-Kreationen zu generieren. Wenn ich zum Beispiel ein Kontaktformular erstellen wollte, würde meine erste Generation wahrscheinlich einen Shortcode erstellen, die Funktion zur Bearbeitung der Übermittlung.

In den meisten Situationen hätte dieses Formular jedoch kein Styling und erbt möglicherweise nicht die generischen Stile meiner Themen. Um dem entgegenzuwirken, kann ich den CSS-Sub-Snippet-Generator verwenden, um einige einfache Stile basierend auf dem PHP-Code selbst zu erstellen. Dasselbe gilt für JavaScript ... vielleicht benötigt das Formular JavaScript, um Daten mit POST zu übermitteln ... das JS-Subsnippet wird genau das tun.

Standardmäßig sind die Snippets privat und nur für Ihr Konto zugänglich, wenn Sie angemeldet sind. Dies schützt vertrauliche Informationen davor, herauszukommen. Wenn Sie dies jedoch mit interessierten Parteien teilen möchten, gibt es eine einzigartige Freigabefunktion.

lepage-2023-01-12-at-14-35-04

Hier können Sie eine URL mit einem angehängten eindeutigen Zugangscode kopieren. Wenn der Code falsch oder nicht vorhanden ist, funktioniert der Link nicht. Wenn der Code jedoch korrekt ist (dh wie kopiert), können Sie ihn mit jedem teilen, der diesen Link hat. Das Gleiche gilt für die Social-Share-Funktion.

Außerdem können Sie das Snippet per E-Mail an beliebige Personen senden. So sieht diese E-Mail aus:

lepage-2023-01-12-at-14-37-45

Sie können das Snippet auch, wie oben erwähnt, direkt von der einzelnen Snippet-Seite exportieren.

Wie funktioniert es?

Inzwischen haben wir die wichtigsten Funktionen abgedeckt. Ich weiß, dass es eine Menge gibt, daher ist mein bester Vorschlag, sich für den kostenlosen Plan anzumelden, der Ihnen 10 Generationen pro Monat Zugriff auf die meisten Funktionen auf der Plattform gibt. Auf diese Weise können Sie sich durchklicken und selbst sehen. Verbesserungen und Ergänzungen der Plattform werden blitzschnell hinzugefügt, wie Sie im Blog sehen können, also schauen Sie am besten selbst vorbei.

Eine Frage, die ich oft gesehen habe, ist, wie funktioniert dieses Tool eigentlich? Ohne zu viele Geheimnisse preiszugeben, nutzt CodeWP eine massive künstliche Intelligenz, die auf Millionen und Abermillionen von PHP-Codezeilen trainiert wurde. Daraus haben wir unseren allgemeinen WordPress-PHP-Modus, der den größten Teil der Plattform antreibt. Dies wird auf der WordPress-PHP-Codebasis sowie vielen verschiedenen Beispielen trainiert.

Anschließend wird jeder KI-Modus anhand einer zusätzlichen Codebasis und Beispielen noch weiter trainiert. Von dort aus nutzt die Plattform die Generationen, die von Benutzern erstellt wurden, die bevorzugt oder in der Rangordnung „“ stehen, um die KI weiter anzuweisen, qualitativ hochwertige und genaue Code-Snippets zu erstellen. Da immer mehr Benutzer die Plattform nutzen, um ihren WordPress-Workflow zu verbessern, verbessern sich die Generationen einfach und werden besser.

Einige Beispiele dafür, was Sie erstellen können

Auf der Snippets-Seite gibt es eine Bibliothek mit Beispielen, die zu 100 % von den KI-Modi generiert werden.

lepage-2023-01-05-at-16-16-13

Werfen wir einen Blick auf ein paar Generationen:

Dieser Code erstellt eine eindeutige Shortlink-Lösung. Wenn ein Beitrag veröffentlicht wird, erstellt er eine eindeutige Zeichenfolge und daraus einen Shortlink zum Beitrag. Es gibt auch einen Shortcode, um diesen Link im Frontend anzuzeigen. Wenn ein Besucher über den Link auf diesen Beitrag zugreift, wird er weitergeleitet, um den Link und den Slug abzuschließen.

Dieses Snippet fügt einen Link zu einzelnen Plugins in der Plugin-Verwaltungstabelle hinzu. Wenn Sie darauf klicken, wird dieses Plugin als ZIP-Datei auf Ihren Computer heruntergeladen.

Dieser Code ist spezifisch für Oxygen Builder und fügt dem Editor eine neue Bedingung hinzu, die verwendet werden kann, um Elemente basierend auf dem Wetter am Standort des Besuchers bedingt anzuzeigen/auszublenden.

Dieser Code zeigt ein Flag in einer neuen Spalte in der Benutzertabelle an, das der hinterlegten Rechnungsadresse entspricht.

Jede dieser Generationen wird in 1 Schuss von der ursprünglichen Eingabeaufforderung generiert. Und wie Sie sehen können, lösen diese Snippets komplexe Probleme .

Sie werden feststellen, dass die beiden Snippets auf der rechten Seite andere KI-Modi verwenden als der Standard-WordPress-PHP-Modus. Bedingungen für WooCommerce PHP und Oxygen Builder. Diese geben Ihnen eine gute Vorstellung davon, wie jeder KI-Modus die Ausgabe so ändert, dass sie hyperspezifisch für das Produkt ist, für das sie bestimmt ist.

Preisgestaltung

Bezahlte Pläne beginnen bei 8 $/Monat und werden jährlich abgerechnet.

Es gibt drei Preisstufen: Free , Pro und Agency.

Der kostenlose Plan bietet Ihnen 10 Generationen pro Monat unter Verwendung des allgemeinen WordPress-KI-Generators. Es erstellt überraschend komplexe Snippets, ist aber im Vergleich zu etwas wie dem ACF-Modus eher ein allgemeiner Modus.

Das Kontingent wird jeden Monat am Tag Ihrer Registrierung zurückgesetzt. Es ist eine großartige Option für jeden, der mit WordPress arbeitet, denn 1) es ist kostenlos und 2) es ist der perfekte Problemlöser für große Probleme, die stundenlanges Googeln und Ausprobieren erfordern.

lepage-2023-01-05-at-09-56-33

Der Pro-Plan schaltet alle wichtigen Plattformfunktionen frei. Die Modi Bearbeiten, Erklären und Generieren stehen Ihnen jetzt alle im Editor zur Verfügung. Zusätzlich erhalten Sie Zugriff auf alle KI-Modi, einschließlich Breakdance & Oxygen Conditions, ACF & Metabox, WooCommerce und viele mehr.

Pro beginnt bei 8 $/Monat, wenn Sie für das Jahr kaufen, und 12 $/Monat, wenn Sie sich für monatlich entscheiden.

Und natürlich gehen Sie von 10 Generationen auf unbegrenzt, was bedeutet, dass Sie mit Ihren Eingabeaufforderungen liberal sein können. Etwas, das Sie nahe an das heranbringt, was Sie brauchen, aber die Generierung ist nicht 100 % perfekt? Keine Sorge, Sie können es noch 10 Mal mit verschiedenen Variationen auffordern, um das zu bekommen, was Sie brauchen.

Der Agenturplan, der noch nicht veröffentlicht ist, bringt Skaleneinsparungen und Funktionen für die Zusammenarbeit. Sie können bis zu 5 Mitglieder einladen und im Editor in Echtzeit miteinander arbeiten.

Hier ist ein großartiger Überblick über den kostenlosen Plan sowie darüber, was der Pro-Plan auf den Tisch bringt.

Was ist hier der ROI/Wert?

Wenn Sie sich die Pro-Preise ansehen, kommen Sie auf 96 $/Jahr, wenn Sie für das Jahr kaufen.

Das in den Kommentaren erwähnte Plugin ist WooCommerce's Custom Thank You Pages. Das bringt Ihnen 50 US-Dollar pro Jahr, und CodeWP hat in etwa 10 Sekunden ein Snippet erstellt, das dasselbe tut.

Ein weiteres beliebtes Plugin, ebenfalls $50/Jahr, ist der Checkout Field Editor. CodeWP kann mit Leichtigkeit benutzerdefinierte Felder für den Checkout erstellen.

Dies ist (ohne Zweifel) ein SaaS-Tool, das sich von Plugins unterscheidet, aber wenn Sie es mit den jährlichen Gebühren für Plugin-Lizenzen vergleichen, ist es verdammt ähnlich. Wo seine Wertstütze wirklich zu glänzen beginnt, ist, wenn Sie anfangen, die Notwendigkeit für Dutzende anderer Plugins zu eliminieren, da dieses Tool dasselbe in Code-Snippet-Form generiert.

Fazit

CodeWP bietet WordPress-Erstellern eine robuste, hochmoderne Plattform, die KI nutzt, um Code-Snippet-Generationen zu erstellen. Funktionen und Modi werden wöchentlich hinzugefügt, und für die geringen Kosten von acht Dollar im Monat können Sie Ihre Effizienz ernsthaft verbessern, Ihre Ausgaben minimieren und dadurch ein besserer WordPress-Ersteller werden.