Karten in dynamischen Abschnitten

Karten in dynamischen Abschnitten verbessern die visuelle Attraktivität Ihres Inhalts, indem sie den Elementen unter dem Abschnitt eine Hintergrundfarbe hinzufügen.

Auf diese Weise können Sie übersichtliche und organisierte Abschnitte erstellen, wodurch Ihre Website optisch ansprechender und die Navigation einfacher wird.

In diesem Artikel


Die Vollkarte / Textkarte

  • Wenn Sie das einschalten Vollbild-/Textkarte Über Ihren dynamischen Abschnitten haben die Listenelemente einen Umriss und einen Hintergrund mit der Kartenfarbe.
    Siehe auch: Website-Farben und -Abstände.

Vollständige Karte

  • Wenn die Option Vollständige Karte ausgewählt ist, werden die Kartenfarbe und andere von Ihnen festgelegte Eigenschaften auf die gesamte Karte angewendet, dh auf das Bild und den Text darunter.

Guck mal: 

Textkarte

  • Wenn die Textkartenoption ausgewählt ist, werden die Kartenfarbe und andere von Ihnen angegebene Eigenschaften nur auf den Text (unter dem Bild) angewendet.

Guck mal: 


Stilkarten

Die Gestaltungsoptionen für Karten sind in verfügbar Design Registerkarte des Abschnitts (rechte Schublade). Die Styling-Optionen sind wie folgt:

Karten

  1. Als Karten anzeigen: Wählen Sie aus, die Listenelemente anzuzeigen als Vollständige/Textkarten. Diese Option kann je nach dem für den Abschnitt ausgewählten Layout variieren. Mehr erfahren.
  2. Kartenabstand: Wählen Sie einen gemeinsamen oder unterschiedlichen Kartenabstand für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest Kartenabstand der Listenelementbilder.
    Falls Sie geteilte Ecken gewählt haben, können Sie andere einstellen Kartenabstand für jede Seite der Karte.
  3. Karteneckradius: Präzisiere das Eckenradius der Karte für die Karte des Listenelements in px.
  4. Kartenhöhen gleich machen: Wählen Sie, ob die Höhe der Karten für alle Elemente einheitlich sein oder basierend auf dem Inhalt jedes Elements angepasst werden soll.


Wenn Sie ein Layout ausgewählt haben, bei dem der Text über dem Bild angezeigt wird, wird die folgende Option angezeigt:

  • Karten anzeigen: Mit diesem Schalter können Sie festlegen, ob die Karte angezeigt wird oder nicht. Folgende Optionen stehen zur Verfügung:
    • Off: Schaltet die Karte vollständig aus, sodass nur das Bild und der Text im Abschnitt sichtbar bleiben.
    • Bild oben: Zeigt die Karte über dem Bild an. Dieses Layout eignet sich gut für Designs, bei denen der Text vor dem Bild im Mittelpunkt stehen soll.
    • Unten Bild: Zeigt die Karte unter dem Bild an. Dies ist ideal für Designs, bei denen das Bild im Mittelpunkt steht, gefolgt vom beschreibenden Inhalt. Wenn für einen Artikel kein Bild hochgeladen wird, wird die Karte standardmäßig für diesen Artikel angezeigt.


Kartenfarben

  1. Wähle die Karte Farbe entweder none oder default oder custom sein. Wenn die Standardoption ausgewählt ist, wird die Kartenfarbe in der eingestellt Abschnitt Design wird hier verwendet.
  2. Wenn Sie die benutzerdefinierte Option gewählt haben, geben Sie die an Grundfarbe u 
  3. Textfarbe der Karte.
  4. Wählen Sie auf Aktivieren Sie den Hover-Effekt für die Karte.
  5. Präzisiere das Grundfarbe für die Hover-Ansicht der Karte.
  6. Präzisiere das Textfarbe für die Hover-Ansicht der Karte.


Kartenrand

  1. Position – Wählen Sie einen gemeinsamen oder unterschiedlichen Kartenrahmen für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für den fest Kartenrand.
    Falls Sie geteilte Ecken gewählt haben, können Sie andere einstellen Kartengrenzen für jede Seite der Karte.
  2. Wähle die  Design des Kartenrandes.
  3. Wählen Standard Kartenrandfarbe oder Maßgeschneidert Farbe.
  4. If Maßgeschneidert Option ausgewählt ist, geben Sie die Farbe an.


Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.

Pixpa Studio wurde komplett überarbeitet. Wir aktualisieren derzeit alle Screenshots der Hilfeartikel.