Camper Blöcke Übersicht

Inhalt

• Headlines und Text
• Buttons
• Seitenanfang
• Zweispalter
• Akkordion
• Cards
• Listen
• Grauer Hintergrund und Card Carousel
• Feature Teaser
• Author Cards
• Triptychon und Counter
• Social Media
• YouTube, Flickr, Fotogalerie und Karte
• Banküberweisungsblock
• Agenda Block

Section Headline

Überschrift

Text

• Text als Liste

Text als Zitat

Zitat

Buttons und Link-Liste

Neben Überschriften und Text werden häufig Buttons eingesetzt. Sie können in verschiedenen Größen und Varianten verwendet werden. Der primäre Button sollte möglichst nur einmal pro Seite vorkommen, um die Seite nicht zu überfrachten.

Mit der Link-Liste lassen sich ein oder mehrere Links setzen, es stehen verschiedene Icons zur Verfügung, die beliebig kombiniert werden können: Link, Mail, Telefon, Instagram, TikTok, X, Whatsapp, Facebook, YouTube, LinkedIn

• Lies mehr über diesen Beispieltext
• Schicke uns eine E-Mail
• Jetzt anrufen
• Erfahre mehr auf Instagram
• Schau Dir das Video auf TikTok an

Seitenanfang

Zweispalter

Der Zweispalter kann in verschiedenen Konstellationen und mit grauem Hintergrund eingesetzt werden. Wichtig dabei ist, dass auf den nötigen Freiraum geachtet wird. Kleinere Löcher zwischen Text und Bild sollten vermieden werden, wenn der Text darauf nur 1 bis 3 Zeilen lang ist. Auch das Umfließen des Textes um das Bild bitte vermeiden.

Der Zweispalter kann in verschiedenen Konstellationen und mit grauem Hintergrund eingesetzt werden. Wichtig dabei ist, dass auf den nötigen Freiraum geachtet wird. Kleinere Löcher zwischen Text und Bild sollten vermieden werden, wenn der Text darauf nur 1 bis 3 Zeilen lang ist. Auch das Umfließen des Textes um das Bild bitte vermeiden.

Akkordion/ 5-min-Info

Card

Cards können einzeln oder als Listen dargestellt werden. Es gibt drei Arten von Karten: die Free Content Card, die Appell Card und die WeAct Card.

Listen

Neben den Cards können auch andere Inhalte wie Websites, Pressemitteilungen oder Blogartikel als Liste dargestellt werden. Es gibt Listen aus Kacheln und die Liste der Pressemitteilungen/Blog Artikel besteht aus mehreren Karten untereinander.

Der Manual List Block stellt Karten als Liste (Kacheln) dar:

Auf Campact.de ist es zudem möglich, mit der Blog Post List automatisch alle aktuellen Blogbeiträge (auch nur zu bestimmten Kategorien) ausspielen zu lassen.

Mit dem Content Hub lassen sich Seiten in Kacheln anteasern:

Feature Teaser

Author Card & Author Lists

Mit der Author Card oder der Author List können ein oder mehrere Autor*innen/Personen dargestellt werden, sowie optional Kontaktmöglichkeiten dargestellt werden.

Author List:

Author Card:

Triptychon & Counter

Social Media

Share-Bar

Mit der Share-Bar lässt sich eine Seite teilen; es können Texte für Facebook, X, Whatsapp und E-Mail angegeben werden. Es müssen nicht alle Kanäle ausgewählt werden. Für die Desktop- und Mobilansicht lassen sich auch verschiedene Kanäle definieren.

Social Media Block

Mit dem Social Media Block werden keine Inhalte geteilt, sondern Links auf Kanäle gesetzt. Zur Verfügung stehen: Mail, Instagram, Facebook, TikTok, LinkedIn, X, Whatsapp. Achtung: Maximal 6 Icons auswählen!!

Für Baukastenseiten können damit etwa auf die Social-Media-Kanäle eines Bündnisses verlinkt werden. Auf Campact.de wird auf die internen Channels verwiesen.

Logo-Block

Content einbinden

Auf den Webseiten können YouTube-Videos, Karten mit Pins, Podigee Podcasts, Flickr-Galerien eingebunden werden. Diese Elemente, die externe Inhalte einbinden, verfügen über einen Vorschau-Layer – erst beim Klick auf den Layer werden die externen Daten geladen. Über die Fotogalerie können auch Fotos aus der WordPress Mediathek eingebunden werden. Aus Gründen der Barrierefreiheit bitte Alternativtexte/Beschreibungen für Bilder und Töne bereitstellen.

Achtung: Beim Einbinden von YouTube-Videos muss im YouTube-Account für dieses Video explizit eingestellt werden, dass es auf externen Webseiten eingebunden werden kann!

YouTube

Flickr

Externer Inhalt von Flickr: Mit einem Klick kannst Du Dir die Bildergalerie ansehen. Lies mehr in unserer Datenschutzerklärung.

Mehr Bilder findest Du auf dem flickr-Account von Campact.

Podcast (Podigee)

Karte

In der Karte können Marker mit Beschreibung platziert werden. Dazu werden die Koordinaten der Marker benötigt.

Foto-Galerie

Über die Foto-Galerie können Fotos aus der WordPress-Mediathek eingebunden werden:

Banküberweisungsdaten

Agenda Block