Anleitungen/Erste Schritte/Erstelle eine Website mit KI

Erstelle eine Website mit KI

Nutze den KI-Website-Builder auf WordPress.com, um in wenigen Minuten eine komplett gestaltete Website zu erstellen – ganz ohne Programmierkenntnisse, Vorlagen oder technisches Know-how. In dieser Anleitung erfährst du, wie du deine Website mit KI erstellen kannst.

Du kannst den KI-Website-Builder kostenlos verwenden, um eine neue Website zu erstellen. Führe ein Upgrade auf einen Premium- oder Business-Tarif durch, um die Website zu veröffentlichen.

Video-Tutorial

In diesem Video erfährst du, wie du mit dem KI-Website-Builder eine WordPress.com-Website erstellst. Es wird gezeigt, wie du eine Website aus einem Prompt generierst, Farben und Schriftarten anpasst, Abschnitte bearbeitest und neue Inhalte mit KI hinzufügst. Außerdem siehst du, wie du manuelle Änderungen vornimmst, Seiten hinzufügst und deine Website veröffentlichst.

So funktioniert der KI-Website-Builder

Der KI-Website-Builder führt dich durch den folgenden Prozess:

  1. Beschreibe deine Website: Wir stellen dir ein paar Fragen, um zu verstehen, welche Art von Website du erstellen möchtest.
  2. Beobachte, wie die KI die Website erstellt: Gib deine Antworten ein und schau zu, wie deine Website mit einem individuellen Layout, vorgeschlagenen Bildern und Inhalten sowie vorausgefüllten Abschnitten erstellt wird, die auf deiner Branche oder deinen Zielen basieren.
  3. Passe deine Website an: Nachdem die Grundlage der Website erstellt wurde, kannst du auf einen beliebigen Abschnitt klicken und die KI auffordern, Farben, Text, Abschnitte und Layouts zu ändern.

Erstelle deine Website mit KI

Unsere künstliche Intelligenz (KI) erstellt deine Website auf der Grundlage einer Reihe von Anweisungen, die du ihr gibst, auch als Prompt bezeichnet. Deine Anweisungen sollten Details wie den Inhalt deiner Website, den Namen deiner Website, die von dir bevorzugten Farben und Stile sowie die Inhalte, die du auf deiner Website haben möchtest, enthalten. Sobald die KI deine Website erstellt hat, hast du die Möglichkeit, die KI anzuweisen, Bilder, Inhalte und mehr zu deiner Website hinzuzufügen.

Befolge diese Schritte, um eine neue Website mit KI zu erstellen:

  1. Geh auf die folgende Seite: https://wordpress.com/de/ki-website-builder/
  2. Beschreibe deine Website in deinem ersten Prompt (Anweisungen für die KI) mit ein paar Worten. Sobald deine Website erstellt wurde, kannst du deine Prompts genauer formulieren.
An initial AI Website Builder prompt on WordPress.com that says, 'Create a food photography site.'
  1. Klick auf den Pfeil im KI-Chatfenster oder drück enter oder return auf deiner Tastatur, um deinen ersten Prompt zu senden.
  2. Melde dich bei WordPress.com an oder registriere dich, wenn du dazu aufgefordert wirst. Sobald du dich angemeldet hast, bringen wir dich zurück zu deinem Chat mit der KI.
  3. Die KI fragt dich vielleicht nach weiteren Details, bevor sie mit dem Erstellen deiner Website anfängt. Sobald die KI genug Infos hat, um mit dem Erstellen deiner Website zu beginnen, klick auf den Button „Meine Website erstellen“.
  4. Beobachte, wie die KI deine Website in nur wenigen Sekunden erstellt.

Nachdem die erste Website erstellt wurde, kannst du das Design, das Layout, den Text und die Bilder anpassen, indem du den Chat mit der KI in der Seitenleiste fortsetzt:

An arrow points to the prompt box in the right sidebar.

Du kannst auf das Symbol ⋮ in der Seitenleiste klicken, um deinen Chat in einen verschiebbaren Assistenten auf dieser Seite zu verwandeln. Du kannst die KI-Seitenleiste jederzeit ausblenden, indem du auf das X in der oberen rechten Ecke klickst, und sie wieder einblenden, indem du auf das vierzackige Sternsymbol in der unteren Ecke klickst.

Du kannst auch manuell Änderungen im Website-Editor vornehmen.

Speichere deinen Fortschritt, indem du auf den Button Speichern in der oberen rechten Ecke klickst:

The Save and Launch buttons side by side.

📌

Websites, die mit dem KI-Website-Baukasten erstellt wurden, verwenden das Assembler-Theme, ein spezielles Design-Layout, das alle Arten von Websites unterstützt, die du mit KI erstellen kannst.

Wenn du das Theme deiner Website änderst, wird die Funktion des KI-Website-Baukastens deaktiviert (aber du verlierst nicht die von dir erstellte Website!). Du kannst zum Assembler-Theme zurückkehren, um wieder Zugriff auf den KI-Website-Baukasten zu erhalten.

Schau dir unsere KI-Richtlinien an, um mehr über die Verwendung von KI-generierten Inhalten zu erfahren.

Tipps für Eingabeaufforderungen

Klare Anweisungen und Hinweise, auch als Eingabeaufforderungen bezeichnet, helfen der KI dabei, besser zu verstehen, was du möchtest, und bessere Ergebnisse zu liefern. Beachte dabei folgende Tipps:

  • Sei konkret: Je mehr Details du nach der Erstellung deiner Website angibst, desto genauer ist das Ergebnis. Zum Beispiel ist „Mach den Button blau“ klarer als „Ändere den Button“.
  • Erwähne den Abschnitt oder das Element: Sag der KI genau, welchen Teil deiner Website du bearbeiten möchtest (z. B. „Ändere die Überschrift im Abschnitt ‚Dienstleistungen‘“).
  • Verwende einfache Sprache: Du brauchst keine Fachbegriffe – einfache Anweisungen wie „Verkürze diesen Text“ oder „Verwende hellere Farben“ funktionieren gut.
  • Gib Beispiele für Stil oder Tonfall: Wenn du eine bestimmte Wirkung erzielen möchtest, beschreibe sie. Zum Beispiel: „Schreibe diesen Absatz in einem freundlichen und einladenden Tonfall um.“
  • Versuch es mit schrittweisen Anweisungen: Teile große Bearbeitungen in kleinere auf. Aktualisiere zum Beispiel jeweils einen Abschnitt, anstatt die KI zu bitten, die gesamte Seite auf einmal neu zu gestalten.
  • Versuch es noch einmal: Wenn das Ergebnis nicht deinen Erwartungen entspricht, formuliere deine Eingabe anders oder füge mehr Kontext hinzu.
  • Frag die KI nach Ideen: Wenn du dir nicht sicher bist, was du tun sollst, stell Fragen wie „Welche Art von Bildern würde zu dieser Homepage passen?“
  • Frag die KI nach Beispielanweisungen: Wenn du dir nicht sicher bist, was du den KI-Website-Baukasten fragen sollst, kann er dir auch dabei helfen! Gib etwas ein wie „Bei welchen bildbezogenen Aufgaben kannst du mir helfen? Gib mir einige Beispielanweisungen, die ich verwenden könnte.“
  • Frag nach Hilfe, die nichts mit der Bearbeitung zu tun hat: Der KI-Website-Baukasten bearbeitet nicht nur deine Website. Du kannst ihm Fragen stellen wie „Wie optimiere ich meine Bilder für schnelleres Laden?“ oder „Welche Sicherheitseinstellungen sollte ich auf meiner Website verwenden?“ und er gibt dir aktuelle Anweisungen.
  • Änderung rückgängig machen: Benutze das Pfeil-zurück-Icon in der oberen Navigation, um eine Änderung rückgängig zu machen.

Passe deine mit KI erstellte Website an

Nachdem du deine Website erstellt hast, kannst du sie im Dialog mit der KI weiter verfeinern. In unseren speziellen Anleitungen erfährst du mehr über die Bearbeitung der einzelnen Aspekte deiner Website:

WordPress-Agent aktivieren

Nutze KI-Tools, um Inhalte zu erstellen, Bilder zu generieren und deine Website mithilfe künstlicher Intelligenz zu gestalten.

Bewerten:

Veröffentliche deine KI-erstellte Website

Nach der Erstellung befindet sich deine neue Website im „Coming Soon“-Modus. Das heißt, dass nur du darauf zugreifen kannst, während andere Besucher die Meldung „Coming Soon“ sehen.

Wenn du bereit bist, die Website zu veröffentlichen, kannst du auf den Button „Starten“ oben rechts im Editor klicken:

The Save and Launch buttons side by side.

Die neue Website ist wie jede andere WordPress-Website, sodass du eine Domain hinzufügen, einen Blogbeitrag veröffentlichen, eine Verbindung zu Google Analytics herstellen und alles andere tun kannst, was du für deine Website benötigst.

E-Commerce

Der KI-Website-Baukasten kann Blogs, Portfolios und servicebasierte Websites erstellen, und wir arbeiten daran, die Funktionen des KI-Website-Baukastens in Zukunft zu erweitern. E-Commerce-Funktionen und -Integrationen können derzeit nicht mit KI erstellt werden, aber du kannst nach der Erstellung der Website Plugins hinzufügen, darunter WooCommerce.

Copied to clipboard!