EN
Suche ...

Überschriftenabschnitt

Sie können ein hinzufügen Schlagzeile Abschnitt auf Ihre Seite direkt, damit Sie eine Beschreibung für die Seite hinzufügen können. Wenn Sie ein Bild und den dazugehörigen Text anzeigen möchten, können Sie diesen Abschnitt verwenden.

Das hier hochgeladene Bild unterstützt den Lightbox-Modus nicht. Es kann durch Ziehen der Bildecken neu skaliert werden.

Dieser Abschnitt kann hauptsächlich für eine „Über mich/uns“-Seite verwendet werden. Du kannst auch Verlinken Sie das Bild mit einer beliebigen Seite.

In diesem Artikel:

  1. Fügen Sie einen Überschriftenabschnitt hinzu
  2. Verwalten des Inhalts
  3. Elemente verwalten
  4. Layout ändern
  5. Textlayout automatisch anpassen
  6. Layout des Deckelabschnitts
  7. Die Style-Optionen

Fügen Sie einen Überschriftenabschnitt hinzu:

  • Einer Seite kann ein Abschnitt hinzugefügt werden. Sie können entweder einen Abschnitt zu einer bereits vorhandenen Seite hinzufügen oder eine neue Seite erstellen innerhalb Ihrer Website.
  • Auf deiner Seite, Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt auf Ihre Seite.

  • Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
  • Wähle die Heldenabschnitte (1) Option und wählen Sie Schlagzeile (2) Tab.

  • Wählen Sie eine Abschnittslayout (3) und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.
  • Wenn der Abschnitt hinzugefügt wird, können Sie den Text bearbeiten und ein beliebiges Bild hochladen.

Verwalten des Inhalts

Nachdem Sie den Abschnitt hinzugefügt haben: 

  • Klicken Sie auf Inhalt bearbeiten (1) Taste.

  • Dies öffnet den Schlagzeilenelementbereich (2).

Von hier aus können Sie:

  • Laden Sie ein primäres Bild hoch (1) für den Headline-Block.
  • Laden Sie ein sekundäres Bild hoch (2) für den Headline-Block (nur bei ausgewählten Layouts).

  • Hinzufügen Titel (3), Untertitel (4), , Beschreibung (5) des Headline-Blocks. Überprüfen Sie, bevor Sie die Beschreibung hinzufügen Dieser Artikel.

  • Fügen Sie jede Art von hinzu verbindung (6) zum Überschriftenabschnitt. Sie können eine Schaltfläche/einen Bildlink/ein soziales Symbol/einen Textlink hinzufügen. Mehr erfahren.
  • Gespeichert (7) Ihre Änderungen.

Elemente verwalten

Der Überschriftenabschnitt enthält eine Registerkarte Elemente Damit können Sie die Sichtbarkeit verschiedener Elemente innerhalb des Abschnitts ganz einfach verwalten. Mithilfe einfacher Kippschalter können Sie bestimmte Elemente aktivieren oder deaktivieren, ohne die Elemente selbst löschen oder ändern zu müssen.

  • Klicken Sie auf Inhalt bearbeiten (1) Taste.

  • Wähle die  Elements Serie. (2) Registerkarte.
  • Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (3) Taste.

Artikeloptionen

  1. Bild anzeigen: Sichtbarkeit der Bilder umschalten.
  2. Zeige Titel: Steuert, ob der Titel angezeigt wird.
  3. Untertitel anzeigen: Untertitel aktivieren oder deaktivieren.
  4. Beschreibung anzeigen: Verwalten Sie die Sichtbarkeit von Artikelbeschreibungen.
  5. Schaltflächen anzeigen: Entscheiden Sie, ob Schaltflächen für einzelne Elemente angezeigt werden sollen.

Layout ändern

  • Klicken Sie auf Inhalt bearbeiten (1) Taste.

  • Wähle die Layout (2) Registerkarte.
  • Wähle aus Layout (3) für Ihren Abschnitt und Gespeichert (4) die Änderungen.

Pro Tipp

Um einen Abschnitt in voller Breite zu erstellen, wählen Sie ein beliebiges Layout im Bereich von 11 bis 16.

Textlayout automatisch anpassen

Der Abschnitt „Text automatisch anpassen“ ist ein leistungsstarkes Tool zum Erstellen dynamischer und reaktionsfähiger Textinhalte auf Ihrer Pixpa-Website.

Damit können Sie eine maximale Schriftgröße festlegen und die Textgröße wird automatisch entsprechend der verfügbaren Bildschirmgröße, dem Platz und der Textlänge angepasst, um optimale Lesbarkeit und Ästhetik sicherzustellen.

Abschnitt „Autofit“ zur Seite hinzufügen

  • Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt auf Ihre Seite.

  • Wähle die  Heldenabschnitte (1) Kategorie auswählen und auf die Schaltfläche klicken Schlagzeile (2) Registerkarte.

  • Aus den verfügbaren Layouts im Abschnitt „Überschrift“, nach unten scrollen , Wählen Sie eines der im Screenshot markierten Layouts aus. nach Ihren Vorlieben.

Abschnitt „Autofit“ bearbeiten

  • Klicken Sie auf Automatisch angepassten Textblock bearbeiten Schaltfläche in der oberen rechten Ecke des Abschnitts.
  • Unter dem Inhalt können Sie den Textinhalt für den Abschnitt mit 1., 2. und 3. Textfelder.
  • Die Schriftgröße des Textes wird automatisch an die Bildschirmgröße und die Länge des Textes angepasst. Schließlich Gespeichert (4) die Änderungen.

Abschnitt „Stil automatisch anpassen“

Passen Sie das Styling des Abschnitts an. Design Hier finden Sie die folgenden Optionen:

  1. Zeilenhöhe: Geben Sie den vertikalen Abstand zwischen den Textzeilen an.
  2. Maximale Schriftgröße: Legen Sie die maximale Schriftgröße fest, die der Text erreichen kann.
  3. Textausrichtung: Richten Sie den Text innerhalb des Abschnitts horizontal aus.
  4. Schriftfamilie: Wählen Sie die Schriftfamilie, z. B. Überschrift 1, Überschrift 2, Absatz usw.

Hinweis

Die Textgröße entspricht nicht der angegebenen Größe im Designabschnitt, sondern wird basierend auf dem verfügbaren Platz und der Textlänge angepasst.

Layout des Deckelabschnitts

Das Layout „Titelbild“ eignet sich, wenn Sie Ihrem Abschnitt Text, eine Schaltfläche und einen Hintergrund hinzufügen möchten. Es ist das einfachste Layout und lässt sich sehr leicht anpassen.

Sie können in dieses Layout auch benutzerdefinierte Codes einbetten, indem Sie die Option „Benutzerdefinierter Code-Snippet“ verwenden. Mehr erfahren.

Layout für den Deckblattabschnitt zu einer Seite hinzufügen:

  • Auf deiner Seite, Klicken Sie auf blau + Symbol um einen neuen Abschnitt hinzuzufügen.

  • Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
  • Wähle die  Heldenabschnitte (1) Kategorie auswählen und auf die Schaltfläche klicken Schlagzeile (2) Registerkarte.

  • Aus den verfügbaren Layouts im Abschnitt „Überschrift“, nach unten scrollen , Wählen Sie das im Screenshot markierte Layout aus..

Mehr über erfahren Hinzufügen und Bearbeiten von Code-Snippets im Layout des Abschnitts „Cover“.

Die Stiloptionen

  • Klicken Sie auf Inhalt bearbeiten (1) Taste.

  • Wähle die  Design (2) Registerkarte.
  • Ändern Sie den Stil für die Abschnittselemente und Gespeichert (3) Ihre Änderungen.

Sie haben mehrere Stiloptionen für den Abschnitt: 

  1. Bildstiloptionen
  2. Formmaske
  3. Bildrandoptionen
  4. Ausrichtung & Farbe
  5. Abstandsoptionen
  6. Textgröße
  7. Schaltflächen & Links

Bilder 

  1. Wähle die ImAlter Ernte für das Bild. Sie können das Bild als Quadrat, Kreis, Querformat, Hochformat und Dynamisch einstellen.
  2. Wählen Sie einen gemeinsamen Eckenradius oder einen anderen Eckenradius für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest Radius Corner der Listenelementbilder.
    Verwendung der Eckenradius können Sie verschiedene Bildformen erstellen. Wenn Sie hier 500 px angeben, wird das Bild in Kreisform angezeigt.
    Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen. Mehr wissen. 
  3. Wählen Sie auf Animieren Sie Bilder beim Schweben indem Sie auf Ja klicken.
  4. Wählen Sie aus den verschiedenen Animationsstil für Bilder beim Schweben.

Wenn das Layout „Überschrift in voller Breite“ angewendet wird, sehen Sie diese zusätzliche Option:

  • Overlay-Farbe festlegen: Dies ermöglicht Ihnen die Anwendung einer Farbüberlagerung Im gesamten Überschriftenbereich können Sie eine beliebige Farbe mit der Farbauswahl wählen und deren Transparenz mit dem Deckkraftregler anpassen. So verbessern Sie die Lesbarkeit des Textes oder erzeugen eine bestimmte visuelle Stimmung.

Formmaske

  1. Formmaske: Aktivieren Sie diesen Schalter, um dem Bild im Überschriftenbereich eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, schneidet die ausgewählte Form das Bild optisch in diese Form ein.
  2. Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihr Bild. So können Sie Ihren Inhalt kreativ gestalten, indem Sie das Bild in einer einzigartigen Form wie abgerundet, rautenförmig, tropfenförmig usw. darstellen.

Notizen

  • Die Option „Formmaske“ ist layoutabhängig – Es wird möglicherweise nicht unter Layouts angezeigt, bei denen Text wie Titel oder Untertitel über dem Bild angezeigt wird.
  • Die Dehnungseinstellung hängt von mehreren Faktoren ab – einschließlich der auf der Registerkarte „Stil“ definierten Einstellungen für Bildgröße, Ausrichtung und Zuschneiden.
  • Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.

Bildrandoptionen

  1. Rand aktivieren/deaktivieren um die Bilder herum, indem Sie den Schalter umschalten.
  2. Wählen Sie eine gemeinsame Grenze auf allen Seiten von Bildern oder Sie können das angeben Grenzen separat für jede Seite.
  3. Präzisiere das Breite der Grenze. Wenn es auf 0 gesetzt ist, wird der Rand nicht angezeigt. Sie haben auch die Möglichkeit, die Randbreite für jede Seite des Bildes individuell festzulegen.
  4. Wähle aus Rahmenfarbe aus dem Farbwähler.
  5. Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
  6. Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.

Ausrichtung & Farbe 

  1. Ausrichten der Inhalt im Abschnitt „Überschrift“ horizontal. Sie können die Ausrichtung links, rechts oder zentriert festlegen.
  2. Ausrichten der Inhalt im Abschnitt „Überschrift“ vertikal. Sie können die Ausrichtung oben, unten oder zentriert festlegen.
  3. Wählen Sie aus, ob Sie das behalten möchten Grundfarbe (Hintergrundfarbe des Textfelds) auf Standard oder Benutzerdefiniert.
  4. Wenn Sie gewählt haben Maßgeschneidert Für die Grundfarbe haben Sie die Möglichkeit dazu Wählen Sie die Hintergrundfarbe aus. Sie können auch die angeben Opazität der Grundfarbe.

Größe & Platz 

  1. Präzisiere das Bildbreite für das Headline-Blockbild.
  2. Präzisiere das Inhaltsbreite für den Blocktext Überschrift.
  3. Präzisiere das Abstand oder Überlappung zwischen Textkarte und Bild (In %).
  4. Präzisiere das Leerzeichen unter dem Titel (In %).
  5. Präzisiere das Leerzeichen unter dem Untertitel (In %).

Text 

  1. Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie  Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile. 
  2. Setze die Titel Schriftart für den Blockabschnitt Überschrift.
  3. Setze die Untertitel Schriftart für den Blockabschnitt Überschrift.
  4. Legen Sie die Standardeinstellung fest Beschreibung Schriftart für den Blockabschnitt Überschrift.
  5. Aktivieren Sie diese Option, um Animiere beliebige Zahlen anwesend in der Titel , Untertitel Felder. Wenn diese Option aktiviert ist, werden numerische Werte mit einer dynamischen Zählanimation angezeigt, was sie optisch ansprechender macht.

Schaltflächen & Links 

Sie können dem Abschnitt „Überschrift“ verschiedene Arten von Schaltflächen hinzufügen. Sie sind wie folgt:

  • normaler Knopf (1) Bild-Schaltfläche (2) und Icon-Taste (3).

  1. Präzisiere das Leerzeichen zwischen verschiedenen Schaltflächen/Links.
  2. Präzisiere das Leerzeichen über der Schaltfläche/Links innerhalb der Textkarte.
  3. Setze die Breite der Schaltfläche Innenseite der Textkarte.

Knopfgröße 

  1. Legen Sie die Größe fest Normale Taste. Sie können aus drei Optionen wählen: Klein, Mittel und Groß.
  2. Präzisiere das Höhe der Bildschaltfläche in Pixeln.
  3. Setze die Größe der Symbolschaltfläche in Pixeln.

  1. Setze die Symboltyp für den Icon-Button.
  2. Wähle die Color Style für Symbol in der Schaltfläche. Sie können die Markenfarbe des Symbols auswählen oder eine beliebige Farbe Ihrer Wahl angeben.
  3. Setze die Symbolfarbe der Icon-Schaltfläche. Diese Option wird Ihnen nur angezeigt, wenn Sie sie aktivieren Ausgewählte Farbe (28) Option.
  4. Wenn Sie ausgewählt haben Maßgeschneidert Im vorherigen Schritt (29) können Sie Ihre festlegen bevorzugte Farbe für das Symbol innerhalb der Schaltfläche.
  5. Wähle aus Hintergrundfarbe für den Icon-Button.

Sehen Sie, wie der Eckenradius funktioniert: 

Stichwort:

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.

Kontakt