Texte und Buttons selbst bearbeiten

Modul 3: Texte, Fotos und Abschnitte · Lesezeit: 8 Minuten

Lernziel: Nach dieser Lektion können Sie Texte und Buttons ohne KI selbst anpassen, Links und Formatierung verwenden und jeden Button an die richtige Stelle führen lassen: zu einer Seite, einer E-Mail-Adresse, einer Telefonnummer, einer anderen Website oder einem Abschnitt.

Kernbegriffe: Bearbeiten, Doppelklick, Formatierungsleiste, Link, Akzentwort, Schaltfläche bearbeiten, Ziel eines Buttons, mailto und tel, Anker (Abschnitt), Sendeschaltfläche, Formular einrichten

Warum selbst bearbeiten

Nicht alles muss über die KI laufen. Ein Tippfehler, eine andere Telefonnummer, ein Satz, der etwas anders lauten soll: Das tippen Sie schneller selbst. Selbst bearbeiten ist kostenlos, geschieht ohne KI und ohne Vorschlag. Sie sehen sofort, was Sie tun, und die KI ändert nebenbei nichts, worum Sie nicht gebeten haben. Jedes Mal, wenn Sie speichern, legt der Builder eine neue Version an ("Ihr Text wurde als Version ... gespeichert"), Sie können also immer zurück (Lektion 3.5).

Faustregel: Inhalte, die Sie bereits kennen, tippen Sie selbst; neue Texte oder einen anderen Ton lassen Sie die KI schreiben. Bas von Schildersbedrijf Example lässt die KI die Texte zu den Leistungen schreiben, aber seine Handelsregisternummer, Adresse und Telefonnummer tippt er selbst ab. So weiß er sicher, dass sie stimmen.

Text in der Vorschau bearbeiten

Bewegen Sie in der Vorschau die Maus über einen Text. Es erscheint eine kleine Schaltfläche Bearbeiten. Klicken Sie darauf oder doppelklicken Sie direkt auf den Text. Der Text wird nun zu einem Eingabefeld, und Sie tippen darin wie in einem Textverarbeitungsprogramm.

Speichern und Abbrechen funktionieren über die Tastatur:

• In einem kurzen Text, etwa einer Überschrift: Enter speichert, Esc bricht ab.
• In einem längeren Text mit Absätzen: Strg+Enter speichert (Enter erzeugt dann eine neue Zeile), Esc bricht ab.

Sie können auch im Chat beginnen: Wählen Sie mit Element auswählen einen Text aus und klicken Sie neben der Bezeichnung auf Text bearbeiten. Die Schaltflächen Speichern und Abbrechen stehen dann unten im Chat.

Erhalten Sie die Meldung "Dieses Element können Sie nicht direkt bearbeiten. Fragen Sie im Chat danach.", dann handelt es sich um ein Element, das der Builder selbst aufbaut. Bitten Sie in diesem Fall im Chat um die Änderung und wählen Sie das Element dabei aus.

Die Formatierungsleiste: Überschriften, Listen, Farbe und Links

Während des Bearbeitens erscheint beim Text eine Werkzeugleiste Formatierung mit kleinen Schaltflächen; fahren Sie mit der Maus darüber, um den Namen zu sehen. Welche Schaltflächen es gibt, hängt von der Art des Textes ab: In einer Überschrift sind es weniger als in einem Absatz. Sie finden unter anderem:

• in einem längeren Text die Art der Zeile: Normaler Text, Zwischenüberschrift, Kleine Zwischenüberschrift;
• Fett, Kursiv, Unterstreichen, Durchstreichen, Hervorheben;
• Aufzählung, Nummerierte Liste, Zitat;
• Ausrichten (links, mittig, rechts) und Größe (kleiner, normal, größer, viel größer);
• Textfarbe, mit den Farben Ihres Corporate Designs (Hauptfarbe, Zweitfarbe, Textfarbe, gedämpfter Text, Weiß, Dunkel);
• Link hinzufügen oder bearbeiten und Link entfernen;
• Akzentwort: setzt ein bis vier ausgewählte Wörter in den Akzentstil Ihres Corporate Designs;
• Formatierung entfernen.

Mit der Tastatur gelangen Sie mit Alt+F10 zur Werkzeugleiste.

Ein paar Tipps. Wählen Sie eine Farbe aus Ihrem Corporate Design, keine beliebige Farbe: So bleibt Ihre Website ruhig und alles passt zusammen. Wählt der Builder eine Farbe, die auf dem Hintergrund schlecht lesbar ist, wird das angezeigt ("auf diesem Hintergrund schlecht lesbar"). Verwenden Sie Zwischenüberschriften für den Aufbau des Textes und nicht, um etwas groß darzustellen; Suchmaschinen und Screenreader nutzen diesen Aufbau (Kurs Online gefunden werden, Lektion 3.2). Und setzen Sie Fettdruck sparsam ein: Wenn alles fett ist, fällt nichts mehr auf.

Ein Link in einem Text

Markieren Sie die Wörter und klicken Sie auf Link hinzufügen oder bearbeiten. Sie wählen eine Seite Ihrer Website oder geben eine Adresse, E-Mail-Adresse oder Telefonnummer ein. Der Builder akzeptiert eine Webadresse (https://...), eine E-Mail-Adresse (mailto:), eine Telefonnummer (tel:), einen Pfad auf Ihrer Website (/seite) oder einen Abschnitt (#abschnitt). Erkennt er die Adresse nicht, speichert er den Link nicht und weist Sie darauf hin.

Schreiben Sie den Linktext so, dass man weiß, wohin man gelangt. "Unsere Preise ansehen" ist besser als "hier klicken". Das ist angenehmer für Besucher und für Menschen mit einem Screenreader.

Buttons: Text und wohin sie führen

Ein Button hat zwei Dinge: den Text und das Ziel. Fahren Sie mit der Maus über einen Button und klicken Sie auf Schaltfläche bearbeiten. Sie sehen:

• Button-Text;
• Wohin führt diese Schaltfläche?, mit fünf Auswahlmöglichkeiten.

Der Builder prüft, was Sie eingeben. Eine E-Mail-Adresse muss gültig sein, eine Telefonnummer muss mindestens 8 Ziffern haben und eine Webadresse muss eine echte Adresse sein. Schaltfläche bearbeiten ist kostenlos und ohne KI.

Warum das wichtig ist: Ein Button ist oft die wichtigste Stelle einer Seite. Ein Button "Angebot anfordern", der nirgendwohin führt, kostet Sie Kunden. Gibt es einen Link ohne Ziel, warnt der Builder: "Dieser Link führt noch nirgendwohin und funktioniert auf Ihrer veröffentlichten Website nicht. Wählen Sie eine Seite oder eine Adresse."

Achtung bei der Auswahl Anrufen: Im Eingabefeld steht als Beispiel 06 12345678. Das ist ein Beispiel, keine Nummer. Geben Sie Ihre eigene Nummer ein.

Die Sendeschaltfläche des Formulars ist kein Link

Der Button unter Ihrem Kontaktformular sieht aus wie jeder andere Button, macht aber etwas anderes: Er sendet das Formular ab. Fahren Sie mit der Maus darüber, steht dort Formular einrichten statt Schaltfläche bearbeiten. Klicken Sie darauf, sehen Sie Sendeschaltfläche des Formulars und an welche Adresse die Nachrichten gehen. Ist das noch nicht eingerichtet, steht dort "die E-Mail-Adresse Ihres Kontos". Mit Adresse ändern gelangen Sie zu Einstellungen > Formulare. Dort richten Sie die Adresse und den Rest des Formulars ein (Lektion 4.3 und 5.3).

Möchten Sie, dass Besucher Ihnen ohne Formular eine E-Mail schreiben können, setzen Sie einen normalen Button mit der Auswahl E-Mail. Das funktioniert auch auf der kostenlosen Website ohne Paket, denn der Besucher schreibt die E-Mail dann selbst aus seinem eigenen E-Mail-Programm.

Fallstricke

• Eine Telefonnummer nur im Text. Setzen Sie sie auch in einen Button oder Link mit Anrufen, damit Besucher auf ihrem Telefon direkt anrufen können.
• Buttons, die nach dem Umbenennen oder Entfernen einer Seite zur falschen Seite führen. Entfernen Sie eine Seite, entfernt der Builder auch die Links dorthin und meldet, wie viele es waren. Prüfen Sie danach Ihre Buttons.
• Beispieldaten stehen lassen. Eine E-Mail-Adresse oder Nummer aus der ersten Version kann erfunden sein (Lektion 2.4). Tippen Sie Ihre echten Daten selbst ab.
• Farben außerhalb Ihres Corporate Designs. Beliebige Farben machen Ihre Website unruhig und manchmal unlesbar.
• Die KI "verbessern" lassen, was schon gut ist. Jede KI-Anweisung kann mehr ändern, als Sie möchten. Kleinigkeiten erledigen Sie selbst.

Im Builder: So gehen Sie vor

1. Fahren Sie in der Vorschau mit der Maus über einen Text und klicken Sie auf Bearbeiten (oder doppelklicken Sie).
2. Passen Sie den Text an; verwenden Sie die Werkzeugleiste Formatierung für Überschriften, Listen und Links.
3. Speichern Sie mit Enter (kurzer Text) oder Strg+Enter (längerer Text).
4. Fahren Sie mit der Maus über einen Button und klicken Sie auf Schaltfläche bearbeiten.
5. Passen Sie den Button-Text an und wählen Sie unter Wohin führt diese Schaltfläche? ein Ziel.
6. Klicken Sie auf die Sendeschaltfläche Ihres Formulars und sehen Sie über Formular einrichten nach, wo Nachrichten ankommen.

Zusammenfassung

• Text selbst bearbeiten ist kostenlos, ohne KI und ohne Vorschlag; jedes Speichern ist eine neue Version.
• Mit der Werkzeugleiste Formatierung erstellen Sie Überschriften, Listen, Farbe aus Ihrem Corporate Design, Akzentwörter und Links.
• Schaltfläche bearbeiten legt das Ziel fest: Seite, E-Mail, Anrufen, Website oder Abschnitt.
• Die Sendeschaltfläche des Formulars ist kein Link; die Empfangsadresse richten Sie unter Einstellungen > Formulare ein.

Quiz

Aufgabe

Aufgabe D3.2: Buttons, die irgendwohin führen. Gehen Sie alle Buttons auf Ihrer Startseite und Ihrer Kontaktseite durch und geben Sie jedem Button ein echtes Ziel.

Checkliste:

• [ ] jeden Button auf der Startseite mit Schaltfläche bearbeiten angeklickt;
• [ ] für jeden Button ein Ziel gewählt (Seite, E-Mail, Anrufen, Website oder Abschnitt);
• [ ] mindestens ein Button mit Anrufen oder E-Mail mit Ihren echten Daten (nicht 06 12345678);
• [ ] mindestens ein Button mit Abschnitt zu einem Abschnitt auf derselben Seite;
• [ ] die Sendeschaltfläche des Formulars über Formular einrichten angesehen und die Empfangsadresse geprüft;
• [ ] einen Text selbst angepasst und über Link hinzufügen oder bearbeiten einen Link gesetzt;
• [ ] unter Mobil geprüft, dass die Buttons richtig dargestellt werden.

Fragen:

1. Welcher Button führte zuerst nirgendwohin oder an die falsche Stelle, und wohin führt er jetzt?
2. An welche Adresse gehen die Nachrichten Ihres Formulars, und ist das eine Adresse, die Sie täglich lesen?
3. Welchen Linktext haben Sie gewählt, und warum?

Nach "erledigt" sehen Sie eine Beispielantwort: Der Button "Angebot anfordern" im Hero-Bereich führte nirgendwohin und scrollt jetzt zum Abschnitt Kontakt; Nachrichten gehen an info@example.com, die Bas jeden Tag liest; Linktext "Unsere Preise ansehen" statt "hier klicken", weil ein Besucher dann weiß, wohin er gelangt.

Weiterführende Links

• Kostenloser Kurs Online gefunden werden 3.2: Überschriften und der Aufbau einer Seite
• Kostenloser WordPress-Kurs 4.1: Der Block-Editor
• Sitebuilder und AI Builder: Welchen wählen Sie und wie öffnen Sie ihn?