Wir stellen Ihnen Divi Code AI vor, Ihren persönlichen Divi-Coding-Assistenten

Wir freuen uns, heute Divi Code AI zu veröffentlichen, einen neuen Zweig des Divi AI-Toolsets, der Code schreiben, CSS generieren und dabei helfen kann, Ihre Divi-Websites im Visual Builder anzupassen. Es ist, als ob Sie immer einen erfahrenen Front-End-Webentwickler an Ihrer Seite hätten, der die Besonderheiten jedes Divi-Moduls kennt!

Holen Sie sich noch heute Divi AI

Passen Sie Ihre Website mit KI-generiertem Code an

Sie werden ein neues KI-Symbol unter den Codefeldern von Divi bemerken. Klicken Sie auf das Symbol, teilen Sie Divi AI mit, was es tun soll, und abhängig von dem Element, das Sie anpassen, und der Art des Felds, das Sie bearbeiten, wird es entsprechend reagieren.

Wenn ich beispielsweise einer Überschrift Verlaufstext hinzufügen möchte, für den Divi keine Designoption hat, kann ich Divi AI bitten, das CSS für mich zu schreiben. Innerhalb weniger Sekunden wird auf meine Überschrift ein wunderschöner Farbverlauf angewendet.

Ich kann das Gespräch sogar mit Divi AI fortsetzen und das Ergebnis verfeinern. Im Videobeispiel unten fand ich den ursprünglichen Farbverlauf zu subtil, also habe ich Divi AI gebeten, ihn lebendiger zu gestalten. Jetzt sieht es perfekt aus!

Erstellen Sie vollständig benutzerdefinierte Elemente

Im Code-Modul glänzt Divi Code AI, weil es mit HTML, CSS und JavaScript alles machen kann, was Sie wollen. Ich kann Divi AI bitten, ein Popup zu erstellen, das nach 30 Sekunden angezeigt wird und Benutzer einlädt, an meinem Newsletter teilzunehmen. Ich kann sogar beschreiben, wie das Popup aussehen sollte. Divi AI generiert den Code innerhalb weniger Sekunden und ich habe ein gut aussehendes Popup auf meiner Website, das die Aufmerksamkeit meiner Besucher auf sich ziehen wird.

Divi AI kann mit einem Codemodul alles Mögliche tun. Wie wäre es, wenn Sie der Überschrift in meinem Helden einen Tippeffekt hinzufügen oder einen Divi-Abschnitt in eine entfernbare schwebende Seitenleiste verwandeln würden? Sobald Sie den Dreh raus haben, mit Divi AI zu sprechen, eröffnen sich Ihnen neue Möglichkeiten.

Einführung der Free-Form-CSS-Option für alle Module

Wir haben für alle Divi-Module eine Freiform-CSS-Option eingeführt, mit der Sie das aktuelle Modul und jedes Unterelement mithilfe der Pseudoklasse „Selektor“ formatieren können. Wenn Sie beispielsweise dem Blurb-Modul, das Sie gerade bearbeiten, einen Kastenschatten hinzufügen und die IMG- und H3-Elemente im Blurb formatieren möchten, können Sie etwa Folgendes schreiben:

selector { <span class="webkit-css-property" aria-label="CSS property name: box-shadow">box-shadow</span><span class="styles-name-value-separator">: </span><span class="value" aria-label="CSS property value: 0 10px 20px 0 #000">0 10px 20px 0 #000</span><span class="styles-semicolon">; }</span>

selector img { border-radius: 100px; border: 5px solid #000; }

selector h3 { margin-top: 20px; }

Diese neue Option eignet sich hervorragend für Divi AI, da sie ihr die nötige Freiheit gibt, Ihre Wünsche zu erfüllen und ein ganzes Modul auf einmal anzupassen.

Passen Sie jedes Modul mit KI-generiertem CSS an

Die Nutzung von Divi Code AI im neuen Freiform-CSS-Bereich ist fantastisch! Im folgenden Videobeispiel bitte ich Divi AI, eine Reihe von Anpassungen vorzunehmen. Ich fordere es auf, die Form des Bildes in einen Kreis zu ändern, einen Kastenschatten hinzuzufügen, eine halbtransparente Verlaufsüberlagerung über dem Bild zu erstellen und beim Schweben eine Vergrößerungsanimation anzuwenden.

Da Divi AI die Struktur und Klassen jedes Divi-Moduls kennt und ein CSS-Experte ist, kann es diese anspruchsvollen Aufgaben oft beim ersten Versuch bewältigen oder zumindest in Schussweite der richtigen Lösung kommen.

Die Divi-Code-KI ist auf die Divi-Codebasis abgestimmt

Das Besondere an Divi Code AI ist unter anderem, dass es auf die Codebasis des Divi-Moduls abgestimmt wurde, was ihm einen Vorteil gegenüber anderen großen Sprachmodellen verschafft. Da es Divi-Modulklassen und HTML-Ausgabe kennt, kann es vage Anfragen besser interpretieren und Divi-Terminologie in Ihren Eingabeaufforderungen erkennen.

Im Video unten bitte ich beispielsweise Divi Code AI, etwas CSS zu schreiben, um das Aussehen meiner Blurb- und Button-Module anzupassen. Es versteht intuitiv, was ein Klappentext und ein Button sind, und zielt genau auf die richtigen Klassen ab, sodass meine Anpassungswünsche beim ersten Versuch erfüllt werden.

Praktische Codierungs-Schnellaktionen

Divi Code AI verfügt über praktische Schnellaktionen, mit denen Sie Code verfeinern können. Optimieren, formatieren und verbessern Sie die Kompatibilität mit alten Browsern automatisch mit einem einzigen Klick.

Sie können Divi AI auch verwenden, um Code mithilfe einer Eingabeaufforderung zu ändern, was unbegrenzte Möglichkeiten eröffnet.

Erstellen Sie Ihre Code-Snippet-Bibliothek in der Cloud

Die Codefelder von Divi funktionieren mit Divi Cloud, was bedeutet, dass Sie KI-generierte Codeausschnitte in der Cloud speichern können, um sie auf jeder Website zu verwenden. Es ist eine großartige Möglichkeit, eine äußerst nützliche Bibliothek mit Codefragmenten aufzubauen.

Koppeln Sie Programme mit Hilfe von KI

Divi AI ist nicht perfekt, aber selbst wenn etwas schief geht, können Sie das Gespräch fortsetzen und das Programm mit der KI koppeln, um das gewünschte Ergebnis zu erzielen. Sie können Divi AI auch bitten, es erneut zu versuchen. Bei jedem erneuten Versuch kommt es zu einem etwas anderen Ergebnis, und oft stößt man schon nach ein paar Versuchen auf die gewünschte Lösung.

Selbst wenn Sie nur über grundlegende Kenntnisse der Webentwicklung verfügen, können Sie Divi AI nutzen, um Ihre Website schneller anzupassen oder spezifische Ergebnisse zu erzielen, die ohne die Beauftragung eines Experten vorher nicht möglich gewesen wären.

Weitere KI-Funktionen sind in Vorbereitung

Wir fangen gerade erst mit den KI-Funktionen von Divi an. Divi AI kann jetzt Bilder generieren, Inhalte schreiben und Ihre Website mithilfe von benutzerdefiniertem Code anpassen. Als nächstes kombinieren wir alle diese Tools, um die vollständige Layouterstellung zu erleichtern! Folgen Sie mir unbedingt und abonnieren Sie mich, damit Sie meine zukünftigen Updates nicht verpassen. Ich gebe immer einen detaillierten Einblick in jede neue Funktion. Wenn Sie also Ihre Websites auf Divi betreiben, sollten Sie diese Beiträge nicht verpassen!

Erhalten Sie nur eine Woche lang 40 % Rabatt auf Divi AI!

Um die Einführung von Divi Code AI zu feiern, bieten wir für die nächste Woche 40 % Rabatt auf Divi AI. Jeder, der Divi AI kauft, bevor der Verkauf endet , spart 115 US-Dollar pro Jahr und sichert sich diese Ersparnisse ein Leben lang! Darüber hinaus können alle Ihre Teammitglieder Divi AI ohne zusätzliche Kosten nutzen. Holen Sie sich den Rabatt hier