Text formatieren

Verwende die Text-Werkzeugleiste, um deinen Text zu formatieren.

Zuletzt aktualisiert: 30. April 2024

Du kannst Text im selben Editor formatieren, in dem du den Text hinzufügst, z. B. in Text-Blöcken oder Bild-Block-Beschriftungen.

In dieser Anleitung werden die verschiedenen Möglichkeiten zum Formatieren von Text beschrieben, darunter das Festlegen von Header- oder Absatztext, das Erstellen von Listen, das Hinzufügen von Texteinzügen sowie Fett- oder Kursivschrift.

Tipp

Mehr über das Gestalten von Text – einschließlich Schriftarten, Farben und Abständen – erfährst du unter Text gestalten.

Text formatieren

Du kannst Formatierung auf Text anwenden, während du ihn bearbeitest oder hinzufügst.

So formatierst du deinen Text in Textbereichen wie Text-Blöcken und Bild-Block-Beschriftungen:

  1. Markiere den Text, den du formatieren möchtest.
  2. Verwenden Sie die Symbole in der Werkzeugleiste, um den Text zu formatieren.

Nachdem du eine Text-Werkzeugleiste einige Male verwendet hast, kann sie in eine komprimierte Version umgewandelt werden. Klicke auf ..., um sie zu erweitern.

expand_toolbar.png

Hinweis: Bestimmte Textbereiche, wie z. B. die in Menüs und Seiteneinstellungen, haben unterschiedliche Formatierungsoptionen. Zum Beispiel:

  • Das Farbsymbol erscheint nur in Text-Blöcken der Version 7.1.
  • Die Werkzeugleiste für Bild-Block-Text auf Version 7.0 enthält Symbole zur Fett- und Kursivschrift, zum Verknüpfen, Einfügen als Klartext und Löschen der Formatierung. Andere Formatierungsoptionen werden nicht unterstützt.
  • Das Zwischenablagesymbol für das Einfügen als Klartext wird nicht in Bereichen angezeigt, in denen die Formatierung automatisch entfernt wird.

Anhang der folgenden Abschnitte kannst du die konkreten Schritte für jede Art von Formatierung überprüfen.

Ausrichten

Klicke in der Text-Werkzeugleiste auf das Absatz ausrichten-Symbol, um den Text links, zentriert, rechts oder im Blocksatz auszurichten.

Text_toolbar_align_text_drop-down_menu.jpg

Fettdruck

Klicke in der Text-Werkzeugleiste auf B für Fettdruck.

Hinweis

Wenn dein Schriftartenpaket keine schwereren Schriftstärken enthält, wird der fettgedruckte Text möglicherweise in allen Browsern anders angezeigt. Um die Konsistenz von Fettschrift in verschiedenen Browsern zu verbessern, wähle eine Schriftart mit mehr Stilen aus.

Bold_icon_Squarespace_text_toolbar_large_letter_B.png

Code

Die Art und Weise, wie Sie Code anzeigen, hängt von der Version Ihrer Website ab.

Die Text-Werkzeugleiste formatiert Text nicht als Code. Um Codebeispiele in deinem Text anzuzeigen, verwende die Option Quelle anzeigen in einem Code-Block.

Verwende in der Text-Werkzeugleiste das Drop-down-Menü Format, um Code auszuwählen. Dadurch wird verhindert, dass Code im Text-Block gerendert wird, sodass du Codebeispiele anzeigen kannst.

Je nach Bedarf kannst du stattdessen die Option Quelle anzeigen in einem Code-Block verwenden, da der Code-Block Code-Schnipsel automatisch für eine bessere Lesbarkeit formatiert.

code.png

Überschriften

Verwende in der Text-Werkzeugleiste das Drop-down-Menü Format, um Überschriften zu erstellen. Die Überschriftenoptionen sind je nach Version deiner Website unterschiedlich.

Headings_drop-down_Squarespace_text_toolbar.png

Wählen Sie aus vier Überschriftsebenen:

  • Heading 1 / h1 (Überschrift 1)
  • Heading 2 / h2 (Überschrift 2)
  • Heading 3 / h3 (Überschrift 3)
  • Überschrift 4 (h4)

Wählen Sie aus drei Ebenen von Überschriften aus:

  • Heading 1 / h1 (Überschrift 1)
  • Heading 2 / h2 (Überschrift 2)
  • Heading 3 / h3 (Überschrift 3)

Tipp

Erstelle ein Textzitat, indem du die verschiedenen Stile für Überschriften miteinander kombinierst und einen Text-Block über einen anderen Text-Block legst.

Markierung

So erlangst du Zugriff auf diese Funktion

Textmarkierung wird nur in Text-Blöcken auf Websites der Version 7.1 unterstützt.

Verwende in der Text-Werkzeugleiste das Tool Text-Markierung, um deinen Text hervorzuheben. Wähle im Drop-down-Menü eine Option zur Text-Markierung aus:

  • Unterstreichen
  • Freihand
  • Welle
  • Über Kreuz
  • Doppelt
  • Gezackt
  • Circle
  • Gekritzel
  • Überstreichen und unterstreichen
  • Diagonal
  • Durchgestrichen

Passe die Text-Markierungen mithilfe der folgenden Stil-Optionen an:

  • Animation – Wähle einen Animationsstil: „Ziehen“, „Einblenden“ oder „Einblenden und skalieren“. Verwende den Schieberegler Dauer, um die Dauer der Animation festzulegen. Wenn du die Animation „Ziehen“ wählst, wähle mit der Option Richtung aus, ob die Animation von links nach rechts oder von rechts nach links verläuft.
  • In Vordergrund bringen – Aktiviere diese Option, um die Markierung vor den Text zu stellen. Wenn diese Option deaktiviert ist, erscheint die Markierung hinter dem Text.
  • Farbe – Wähle eine Farbe aus der Palette deiner Website oder eine benutzerdefinierte Farbe aus. Verwende den Schieberegler, um die Deckkraft einzustellen.
  • Endkappen – Legt eine quadratische oder runde Form für die Enden der Markierung fest.
  • Dicke – Passe die Dicke der Markierung an.
Text_highlit_icon_in_the_Squarespace_text_toolbar_letter_a_with_a_squiggle_under_it.png

Einrücken

Klicke in der Text-Werkzeugleiste auf die Symbole zum Vergrößern oder Verkleinern des Einzugs, um Text nach links oder rechts einzurücken. Beim Einrücken wird immer der gesamte Absatz eingezogen. Es ist nicht möglich, nur eine einzelne Zeile einzurücken.

Indent_icon_Squarespace_text_toolbar.png

Kursivdruck

Klicke in der Text-Werkzeugleiste auf I, um kursiv zu schreiben.

Italic_icon_Squarespace_text_toolbar.png

Klicke in der Text-Werkzeugleiste auf das Link-Symbol. Du kannst auf folgende Inhalte verlinken:

  • Eine externe Seite
  • Eine interne Seite
  • Eine Datei
  • Eine E-Mail-Adresse
  • Eine Telefonnummer

Eine ausführliche Anleitung finden Sie hier: Links auf Ihrer Website hinzufügen.

Link_icon_Squarespace_text_toolbar.png

List (Liste)

Klicke in der Text-Werkzeugleiste auf die Symbole für Nummerierte Liste und Liste mit Aufzählungszeichen, um Listen zu erstellen.

List_icons_Squarespace_text_toolbar.png

Monospace- oder Code-Text

Monospace-Text hat den gleichen horizontalen Abstand zwischen den einzelnen Zeichen. Wie wir diesen Text nennen, hängt von der Version deiner Website ab.

Klicke in der Text-Werkzeugleiste auf das Drop-down-Menü Format und wähle Monospace aus.

Um mehr über die Größen-, Schriftart- und Farboptionen für Monospace-Text zu erfahren, besuche Text gestalten.

Monospace_drop-down_Squarespace_text_toolbar.png

Klicke in der Text-Werkzeugleiste auf das Drop-down-Menü Format und wähle Code aus.

Um mehr über die Größen- und Farboptionen für Code-Text zu erfahren, besuche Text gestalten. Es ist nicht möglich, den Schriftart-Stil zu ändern.

code.png

Absatz oder normaler Text

Formatiere den primären Textkörper auf deiner Website mithilfe der Text-Werkzeugleiste. Wie wir diesen Text nennen, hängt von der Version deiner Website ab.

Verwende in der Text-Werkzeugleiste das Drop-down-Menü, um eine Absatzoption auszuwählen und einen normalen Textkörper hinzuzufügen. Wähle aus drei Ebenen des Absatztextes:

  • Absatz 1
  • Absatz 2
  • Absatz 3

Um mehr über die Größen-, Schriftart- und Farboptionen für Absatztexte zu erfahren, besuche Text gestalten.

Paragraph_drop-down_Squarespace_text_toolbar.png

Wähle in der Text-Werkzeugleiste Normal aus dem Drop-down-Menü aus, um einen normalen Textkörper hinzuzufügen.

Um zu sehen, welche Stil-Anpassungen die Schriftart, Größe und Farbe des Textkörpers ändern, besuche Text gestalten.

normal.png

Als Klartext einfügen

Wenn du Text aus einem externen Programm kopiert hast, füge ihn als Klartext in den Block ein, indem du auf das Zwischenablage-Symbol in der Text-Werkzeugleiste klickst.

Paste_as_plain_text_icon_Squarespace_text_toolbar.png

Zitat

Klicke in der Text-Werkzeugleiste auf das Zitat-Symbol, um die Zitatformatierung hinzuzufügen.

Quote_icon_Squarespace_text_toolbar.png

Formatierung aufheben

Klicke in der Text-Werkzeugleiste auf das Symbol Formatierung entfernen, um die Formatierung des Textes zu entfernen. Dies kann nützlich sein, wenn du Text aus anderen Quellen einfügst oder von vorne beginnen möchtest. In Text-Blöcken der Version 7.1 werden dadurch auch alle benutzerdefinierten Textfarben entfernt.

Squarespace_text_toolbar_clear_text_formatting_button.jpg

Skalieren

So erlangst du Zugriff auf diese Funktion

Das Skalieren von Text wird nur in einigen Template-Gruppen der Version 7.0 und in Text-Blöcken auf Websites der Version 7.1 unterstützt.

Um die Textgröße so einzustellen, dass die Breite des Blocks unabhängig von der Browsergröße ohne Zeilenumbrüche gefüllt wird, klicke in der Text-Werkzeugleiste auf das Symbol für Text skalieren. Diese Option eignet sich am besten für kurze Titel oder Überschriften. Längerer Text kann zu klein erscheinen, insbesondere in mobilen Browsern.

Wenn der Text skaliert wird, wirken sich andere Größeneinstellungen nicht auf den Text aus. Du kannst Überschriften- oder Absatzformatierungen verwenden, um andere Stilelemente wie Schriftarten anzupassen und deinen Text für SEO zu optimieren. Du kannst den Text beim Skalieren fett, kursiv und durchgestrichen darstellen und seine Farbe ändern, aber Optionen wie Listen und Textzitate funktionieren nicht. 

Scaling_text_icon_Squarespace_text_toolbar.png

Durchgestrichen

Klicke in der Text-Werkzeugleiste auf das Symbol Durchgestrichen, um eine durchgestrichene Formatierung hinzuzufügen.

Strikethrough_icon_Squarespace_text_toolbar.png

Unterstreichen

Unterstreichungsoptionen variieren je nach Version Ihrer Website.

Bestimmte Bereiche, z. B. Sperrbildschirme und Werbe-Pop-ups, haben Unterstreichungsoptionen, jedoch unterstützen Text-Blöcke nicht das Unterstreichen von Text mit der Text-Werkzeugleiste.

Du kannst auch den Text markieren und das Tastaturkürzel + U auf einem Mac oder Strg + U auf Windows verwenden, um den Text zu unterstreichen.

Überlege dir die Platzierung von Unterstreichungen genau, da die Besucher oft davon ausgehen, dass ein unterstrichener Text ein Link ist, und möglicherweise versuchen werden, ihn anzuklicken.

Einige Templates verfügen über Optionen in Website-Stilen, um bestimmte Textarten zu unterstreichen. Anhand der folgenden Tabelle kannst du den Texttyp überprüfen, den du in diesen Template-Familien unterstreichen kannst.

Du kannst auch den Text markieren und das Tastaturkürzel + U auf einem Mac oder Strg + U auf Windows verwenden, um den Text zu unterstreichen.

Überlege dir die Platzierung von Unterstreichungen genau, da die Besucher oft davon ausgehen, dass ein unterstrichener Text ein Link ist, und möglicherweise versuchen werden, ihn anzuklicken.

Template-Gruppe

Text, den Sie unterstreichen können

Adirondack

Seitentitel und Blogbeiträge

Avenue

Textkörper-Links

Aviator

Keiner

Bedford

Keiner

Brine

Kopfzeile der Suchleiste

Farro

Kopfzeile der Suchleiste

Five

Seitentitel und Seitenleiste H3-Text

Flatiron

Keiner

Forte

Textkörper-Links

Galapagos

Keiner

Ishimoto

Keiner

Momentum

Textkörper-Links

Montauk

Keiner

Native

Textkörper-Links

Pacific

Keiner

Skye

Textkörper-Links

Supply

Keiner

Tremont

Navigationslinks und Index-Menülinks

Wells

Keiner

Wexley

Textkörper-Links

York

Keiner

Fehlerbehebung

Wenn du Inhalte aus Programmen wie Microsoft Word oder Google Drive kopierst und einfügst, kann es vorkommen, dass der Text versteckte Stile übernimmt, die die Formatierung von Squarespace beeinträchtigen. Wenn du Probleme mit Abständen oder Überschriften im eingefügten Text hast, findest du Hilfe unter Beheben von Textformatierungen.

Du kannst über Squarespace Marketplace einen unabhängigen Designer damit beauftragen, den Text deiner Website anzupassen.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.