Eine Card hinzufügen.

DXPR Builder lernenSeiten erstellenInhalte hinzufügenMarketing

Sie erhalten einen gerahmten Kasten mit Kopfzeile und Titel, der andere Elemente aufnimmt, zum Beispiel Text oder einen Button. Nutzen Sie Cards, um zusammengehörige Inhalte wie Leistungen, Teamprofile oder Tarifpläne zu gruppieren.

Dunkle Primary-Card mit der Kopfzeile Investor Relations, dem Titel Q3 Results Published und einem Read-the-full-report-Button

Eine Card hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. Ihre erste Seite zeigt die Grundlagen.

  1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf +; klicken Sie auf einer leeren Seite auf Add Elements. Öffnen Sie den Content-Tab und klicken Sie auf Card. Die Card landet oben in der Spalte, ohne Dialog.
  2. Fahren Sie mit der Maus darüber, klicken Sie in ihrer Steuerleiste auf More und wählen Sie Settings. Geben Sie einen Header ein, zum Beispiel Investor Relations.
  3. Geben Sie den Card-Title ein, zum Beispiel Q3 Results Published.
  4. Wählen Sie einen Type für den Card-Stil. Hier wählen wir Primary. Der Text wird automatisch weiß.
  5. Klicken Sie im Dialog auf Speichern.
  6. Fahren Sie mit der Maus über die Card und klicken Sie auf das + in ihrer eigenen Steuerleiste, nicht in der der Spalte. Das + im leeren Card-Body funktioniert ebenfalls. Fügen Sie einen Button hinzu, denn eine Card ist ein Container. Stellen Sie Beschriftung und Link wie unter Button beschrieben ein. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf Speichern, um die Seite zu speichern.

Was Sie sehen

Ihre Kopfzeile und Ihr Titel sitzen auf einer Card in der gewählten Farbe, mit dem Button darin. Im Video stehen Investor Relations und Q3 Results Published auf einer Primary-Card. Der Button ist ein normales Button-Element, Sie bearbeiten und gestalten ihn also einzeln. Besucher sehen ihn, sobald Sie die Seite speichern und sie veröffentlicht ist.

Ihre Card einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste More > Settings. Optionen:

  • Header: Text in der Leiste oben auf der Card. Leer lassen, um die Leiste auszublenden.
  • Title: die Überschrift oben im Card-Body.
  • Type: die Card-Farbe: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark oder Light. Alle außer Default und Light verwenden weißen Text.

Eine Card ist ein Container. Fügen Sie andere Elemente in ihren Body hinzu oder ziehen Sie sie hinein, zum Beispiel Text, ein Bild oder einen Button.

Wenn Sie es nicht sehen

  • Die Card ist nicht im Content-Tab. Ihr Benutzerprofil blendet sie aus. Bitten Sie die Administration, Card (Bootstrap 4/5) unter Elements in User Profiles anzukreuzen.
  • Es ist nach dem Neuladen verschwunden. Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf Speichern.
  • Die Card zeigt nur einen Rahmen und nichts darin. Es ist noch kein Element darin. Fahren Sie mit der Maus über die Card, klicken Sie in ihrer Steuerleiste auf + und fügen Sie ein Text-, Image- oder Button-Element hinzu.
  • Die Kopfzeile fehlt. Das Feld Header ist leer. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, und geben Sie dann eine Kopfzeile ein.
  • Text auf der Card ist schwer zu lesen. Die meisten Type-Optionen verwenden weißen Text, der auf einer hellen Farbe wie Warning verblasst. Wählen Sie einen dunkleren Type oder Light.

Wie geht es weiter?

Style-Tab, um Abstände und Hintergrund Ihrer Card zu ändern.