Anmerkung: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind andere Anleitungen bisher nur auf Englisch verfügbar
Was sind Blöcke?

Blöcke sind die Grundlage Ihrer Website. Sie können Blöcke auf einer Seite hinzufügen, verschieben und zusammenfügen, um das Layout anzupassen. Jeder Block dient dazu, verschiedene Inhaltsarten zu den meisten Bereichen Ihrer Website hinzuzufügen, einschließlich:

Einen Block hinzufügen

Gehen Sie auf Blöcke hinzufügen, um zu sehen, wie Sie Blöcke zu Ihrer Website hinzufügen können.

Basis Blöcke

  • Text - Fügen Sie Ihrer Website Text hinzu, darunter Überschriften, Zitate, vorformatierten Text, Links und Listen.
  • Markdown - Fügen Sie Text mithilfe von Markdown hinzu.
  • Quote (Zitat) - Fügen Sie ansprechend formatierte Zitate und Referenzen hinzu.
  • Video - Fügen Sie ein extern gehostetes Video hinzu.
  • Platzhalter - Einen einstellbaren Platzhalter zwischen Blöcken hinzufügen.
  • Linie - Eine horizontale Linie zwischen Blocks einfügen. So kann man Text gestalten, oder Inhalte visuell trennen.
  • Button - Buttons und Handlungsaufforderungen hinzufügen.
  • Audio - Fügen Sie eine einzelne Audiodatei in einem Player hinzu.
  • Embed (Einbettung) - Fügen Sie externen Inhalt zu Ihrer Website mit Links zu Tweets, Videos usw. hinzu.

Bild-Blöcke

Eine Übersicht der Bild-Blöcke finden Sie hier: Bild-Blöcke im Überblick.

  • Bild - Fügen Sie ein einzelnes Bild hinzu. Standardmäßig wird hier das Layout Inline verwendet, sodass ein einfaches Bild mit optionaler Beschriftung angezeigt wird.
  • Poster - Der Text wird über dem Bild angezeigt.
  • Card (Karte) - Der Text wird zur rechten oder linken Seite eines Bildes ausgerichtet.
  • Overlap (Überhang) - Auf der einen Seite wird ein Bild und auf der anderen Seite Text angezeigt, der das Bild teilweise überschneidet.
  • Collage - Auf der einen Seite wird ein Bild und auf der anderen Seite Text über einer „Karte“ im Hintergrund angezeigt, die das Bild abgrenzt und überschneidet.
  • Stack (Stapel) - Der Text wird unter einem Bild angezeigt.

Galerie-Blöcke

Um eine Übersicht der Galerie-Blöcke zu sehen, gehen Sie auf Galerie-Blöcke benutzen.

Übersichts-Blöcke

Um alle Übersichts-Blöcke zu sehen, gehen Sie auf Übersichts-Blöcke benutzen.

Weitere Blöcke

  • Acuity - Blenden Sie einen Terminplaner für Kunden ein, den Besucher zur Vereinbarung von Terminen nutzen können.
  • Bandsintown - Zeigen Sie Tourdaten aus Ihrem Bandsintown-Profil an.
  • Calendar (Kalender) - Zeigen Sie Elemente auf Ihren Seiten in Form eines täglichen Kalenders an, wie etwa Events.
  • Code - Fügen Sie benutzerdefinierten Code (wie Widgets von Drittanbietern) oder Anzeigecode hinzu.
  • Form - Eine Form hinzufügen, um Informationen von anderen Besuchern zu sammeln. Dies ist hilfreich, um Kontaktseiten, Umfragen, Anmeldeformulare oder Anwendungen zu erstellen.
  • Karte - Eine Google Maps-Karte mit Stecknadel auf Ihrem Standort hinzufügen.
  • Menu (Speisekarte) - Zeigen Sie die Speisekarte Ihres Restaurants an.
  • Newsletter - Eine Newsletter Abonnenten Form hinzufügen. Dieser Block erfordert ein verbundenes MailChimp Konto.
  • OpenTable - Restaurant Reservierung hinzufügen. Dafür benötigen Sie Ihre OpenTable Restaurant ID Nummer.
  • Zola - Fügen Sie eine Wunschliste für Hochzeiten hinzu.

Filter und Listen Blocks

  • Archiv - Zeigen Sie Inhaltslinks in einer organisierten Liste an.
  • Inhaltslink - Einen visuellen Link zum Inhalt hinzufügen.
  • Suche - Ein Suchkästchen hinzufügen.
  • Übersicht - Zeigen Sie Ihren Inhalt in einem flexiblen Layout im Zeitschriften-Style an.
  • Tag Cloud - Tags oder Kategorien in einer graphischen Cloud Formation hinzufügen.

E-Commerce-Blöcke

  • Amazon - Zeigen Sie ein Produkt mit Amazon Link an. Dies ist hilfreich, wenn Sie Teil des Amazon Partner Programms sind.
  • Spende - Ermöglichen Sie Besuchern, an Ihr Projekt oder Ihre Organisation zu spenden. Dieser Block erfordert ein verbundenes Stripe Konto.
  • Produkt - Fügen Sie einer Seite oder einem Blog-Eintrag ein Produkt hinzu. So können Sie ganz einfach ein Produkt bewerben oder Produkte in verschiedenen Kombinationen auf Ihren Produktseiten präsentieren.

Diagramm-Blocks

Um eine Übersicht der Diagramm-Blöcke zu sehen, gehen Sie aufDiagramm-Block Übersicht.

Eigenständige Social Media-Blöcke

  • 500px - Fügen Sie Bilder aus Ihrem 500px-Konto hinzu.
  • Flickr - Eine Galerie Ihrer Flickr Photos hinzufügen.
  • Foursquare - Fügen Sie einen Feed Ihrer Check-ins bei Foursquare hinzu.
  • Instagram - Fügen Sie eine Galerie Ihrer Instagram-Fotos hinzu.
  • RSS - Fügen Sie einen Link zum RSS-Feed einer Blog-Seite hinzu.
  • Social Media - Fügen Sie Social Media-Symbole hinzu, die mit Social Media-Profilen verbunden sind. Dies ist eine Alternative, wenn Ihr Template keine voreingestellten Social Media-Symbole anzeigt.
  • SoundCloud - Fügen Sie einen SoundCloud-Player mittels Einbettungscode hinzu.
  • Twitter - Zeigen Sie einen Feed Ihrer letzten Tweets und einen Follow-Button an.

Eingestellte Blöcke

Benutzen Sie den Archiv-Block anstatt der eingestellten Blöcke.

Blöcke in Aktion

Fügen Sie mehrere Blöcke einer Seite oder einem Inhaltsbereich hinzu, ziehen und legen Sie die Blöcke mit der Maus ab, um die Seite aufzubauen. Sie können:

Das unten stehende Beispiel zeigt die Bearbeitung einer normalen Seite. Sie besteht aus sechs Blöcken:

  • Zwei-Linien-Blöcke
  • Ein Open Table Block
  • Zwei Text-Blöcke
  • Ein Bild-Block

Die Blöcke werden in einem benutzerdefiniertem Layout angeordnet:

  • Die Linien-Blöcke und der OpenTable-Block befinden sich in eigenen Reihen in einer einzelnen Spalte.
  • Die Text-Blöcke sind in zwei Spalten in der Reihe unter dem OpenTable-Block angeordnet.
  • Der Bild-Block befindet sich unter dem Text-Block.

War dieser Beitrag hilfreich?
51 von 88 fanden dies hilfreich