Zitat-Blöcke

Hebe wichtige oder bemerkenswerte Inhalte mit einzigartigem, stilisiertem Text hervor.

Zuletzt aktualisiert: 13. September 2024

Verwenden Sie Zitat-Blöcke, um Ihrer Website stilisierte Zitate und Erfahrungsberichte hinzuzufügen.

Ein Video anschauen

Einen Zitat-Block hinzufügen

So fügen Sie einen Zitat-Block hinzu:

  1. Öffne einen Seiten- oder Beitragseditor, klicke auf Block hinzufügen oder auf eine Einfügemarke und dann auf Zitat. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
  3. Gib das Zitat in das erste Feld ein.
  4. Gib seine Quelle in das zweite Feld ein.
  5. Klicke auf Design, um eine Animation hinzuzufügen oder eine Hintergrundfarbe zu aktivieren (nur für Websites der Version 7.1).

Einen bestehenden Zitat-Block bearbeiten

Um einen bestehenden Zitat-Block zu bearbeiten, doppelklicke auf den Block oder klicke einmal auf den Block und klicke dann auf das Bleistiftsymbol oder Bearbeiten. Dadurch öffnet sich der Block-Editor. Es ist nicht möglich, das Zitat direkt auf der Seite zu bearbeiten, wie du es bei einem Text-Block tun würdest.

Das Zitat gestalten

Wie du das Zitat gestaltest, hängt von deinem Template und deiner Version ab.

Schriftarten

So gestaltest du Schriftartstile des Zitat-Blocks:

  1. Öffne Website-Stile zum Bearbeiten einer Seite und klicke dann neben „Schriftarten“ auf >.
  2. Klicke auf Stile zuweisen
  3. Scrolle zum Abschnitt „Zitat-Block“, um Text und Quelle zu gestalten.
  4. Um zu Website-Stile zurückzukehren, klicke auf Zurück und dann auf Website-Stile. Wenn du mit den Änderungen fertig bist, klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Farben

So gestaltest du Farbstile des Zitat-Blocks:

  1. Öffne Website-Stile zum Bearbeiten einer Seite und klicke dann neben „Farben“ auf >.
  2. Bewege den Mauszeiger über das Farbdesign und klicke auf das Bleistiftsymbol.
  3. Scrolle zum Abschnitt „Zitat-Block“, um die Farben für den Text und die Quelle zu ändern.
  4. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Weitere Stil-Optionen

Um das Erscheinungsbild des Zitat-Blocks anzupassen:

  1. Klicke im Bild-Block-Editor auf Design.
  2. Aktiviere neben Strich eine durchgezogene oder gepunktete Linie, die den Block umranden soll. Lege sowohl für durchgezogene als auch für gepunktete Linien die Farbe und Stärke des Strichs fest. 
  3. Klicke auf das Drop-down-Menü Mischmodus, um eine Transparenzeinstellung auszuwählen. Diese Effekte sind ideal, wenn du einen Zitat-Block vor einem Bild oder anderen visuellen Inhalten überlagerst.
  4. Um entweder das Element oder den Hintergrund unscharf zu machen, aktiviere den Schalter neben Unschärfe und verwende den Schieberegler, um den Unschärfegrad anzupassen.

So erlangst du Zugriff auf diese Funktion

Die Anpassungen für Strich, Mischmodus und Unschärfe sind für die Abschnitte Kreativer Editor verfügbar. Für Abschnitte, die den Klassischen Editor verwenden, ist nur Strich verfügbar.

Die meisten Templates haben Stil-Optionen für Zitat-Blöcke. Bei Templates ohne Stil-Optionen verwendet der Text des Zitat-Blocks den gleichen Stil wie dein Textkörper. Weitere Möglichkeiten, Zitate hervorzuheben, findest du in unseren Tipps weiter unten.

Um das Erscheinungsbild deines Zitat-Blocks zu ändern, verwende die folgenden Anpassungen für diese Template-Gruppen:

Template-Gruppe Name der Anpassung

Adirondack

Zitat-Block

Avenue

entf.

Aviator-Familie

Zitat: Schriftart, Zitat: Text 

Bedford

Zitat: Schriftart, Zitat: Farbe 

Brine

Zitat-Block-Abschnitt (Ausrichtung, Zitat: Schriftart, Quelle: Schriftart)

Farro

Zitat-Block-Abschnitt (Ausrichtung, Zitat: Schriftart, Quelle: Schriftart)

Five

Blockzitat

Flatiron

Zitat: Schriftart, Zitat: Farbe, Inline-Zitat: Größe

Forte

Zitat-Block 

Galapagos

entf.

Ishimoto

Zitat, Zitat: Größe

Momentum

Zitat-Block

Montauk

entf.

Native

Zitate, Zitate: Größe

Pacific

Zitat: Schriftart, Zitat: Farbe

Skye

Zitat-Block-Abschnitt (Ausrichtung, Schriftart, Schriftart: Mind., Zitat: Farbe)

Supply

entf.

Tremont

Zitat: Schriftart, Zitat: Schriftart mind. 
Wells Zitat, Zitat: Größe
Wexley Zitat: Schriftart

York

Zitat: Schriftart, Zitat skalieren, Zitat: Mind., Zitat: Textfarbe, Zitat: Ausrichtung, Anführungszeichen anzeigen, Zitat: Quell-Schriftart, Zitat: Quell-Farbe

Das Zitat animieren

So erlangst du Zugriff auf diese Funktion

Zitat-Block-Animationen werden im Kreativen Editor nicht unterstützt. Stattdessen folgen Zitat-Blöcke den Animationseinstellungen für die gesamte Website.

So animierst du einen Zitat-Block:

  1. Klicke im Bild-Block-Editor auf Design.
  2. Wähle einen Effekt aus dem Drop-down-Menü aus. Wenn du eine Option auswählst, wird auf der Seite eine Vorschau davon angezeigt.

Folgende Optionen stehen zur Auswahl:

  • Keine – Keine Animation; auch dann nicht, wenn Animationseinstellungen für die gesamte Website vorhanden sind
  • Website-Standard – Die für die gesamte Website geltenden Animationseinstellungen werden für den Text übernommen
  • Einblenden – Text wird eingeblendet
  • Hochgleiten – Text gleitet von unten nach oben
  • Fokussieren – Text erscheint zunächst verschwommen und rückt dann in den Fokus
  • Enthüllen – Text gleiten von der Mitte nach außen

Hier ist ein Beispiel für einen Zitat-Block, der die Animation Fokussieren verwendet.

Quote_block_animations_appear_when_the_block_loads.gif

Weitere Möglichkeiten, Zitate hinzuzufügen

Hier sind einige weitere Optionen, um Zitate zu Ihrer Website hinzuzufügen und ihnen eine einzigartige Formatierung zu geben.

Als Zitattext formatieren

Um ein Angebot in einem Text-Block hervorzuheben, markiere den Text und klicke auf das Zitat-Symbol im Text-Block-Editor. Dadurch wird das Zitat eingerückt. Je nach deinem Template kann auf der Seite eine Linie erscheinen und der Text kann in Kursivschrift angezeigt werden.

Den Text umbrechen

Für ein Zitat im Zeitschriften-Stil, das sich auf einer Seite abhebt, lassen Sie einen Text-Block einen anderen umfließen. Weitere Informationen dazu finden Sie unter Ein Textzitat mit Textumbrüchen erstellen.

pull-quote.png

pull-quote.png

Zitat-Blöcke und Bild-Blöcke überlappen

Wenn du den Kreativen Editor verwendest, kannst du einen Zitat-Block über einem Bild-Block platzieren, um einen Bildhintergrund für das Zitat zu erstellen. Stelle sicher, dass der Block-Hintergrund deaktiviert ist, damit der dahinter liegende Bild-Block nicht verdeckt wird.

Im Klassischen Editor ist es nicht möglich, Blöcke zu überlappen. Füge stattdessen einen Bild-Block mit einem Text-Overlay hinzu und gestalte diesen Text, sodass er wie ein Textzitat aussieht. Unter Bild-Blöcke findest du Beispiele für die verschiedenen Bild-Block-Optionen. Hier ist ein Beispiel mit dem Plakat-Bild-Block:

image-block-as-quote.png

Als Überschriftentext formatieren

Um dem Text einen auffälligen Stil zu verleihen, füge den Zitattext zu einem Text-Block hinzu und formatiere ihn dann als Überschrift. Markiere den Text im Text-Block-Editor und wähle über das Drop-down-Menü „Formatierung“ Überschrift 2 oder Überschrift 3 aus. Verwende dann die Optionen „Überschrift 2“ oder „Überschrift 3“ im Menü „Website-Stile“, um das Aussehen des Textes zu ändern.

Tipp

Da Suchmaschinen Inhalte in Überschriften als Bereiche mit besonders vielen Keywords für die Indizierung identifizieren, kann die Formatierung von Zitaten als Überschriften die SEO deiner Website beeinträchtigen. Wir empfehlen diesen Workaround nur, wenn dein Template nicht über Zitat-Block-Stile verfügt und dein Hauptziel darin besteht, das Design eines Zitats zu verbessern.

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.