Die Verwendung von Schaltfläche & Links, Sie können jede Art von hinzufügen verbindung (1) Zum Abschnitt. Sie können einen Button/Textlink/Bildlink/Symbol/Trennzeichen hinzufügen.
Nutze einfach das Duplikat (2) Bearbeiten (3) oder Löschen (4) den vorhandenen Button/Link.
In diesem Artikel:
Schaltflächen/Links hinzufügen
- Um dem Abschnitt eine beliebige Art von Link hinzuzufügen, klicken Sie auf + Schaltfläche „Hinzufügen“ .
Das + Schaltfläche „Hinzufügen“ Option bietet vier Möglichkeiten, einen Link hinzuzufügen. Darüber hinaus können Sie auch hinzufügen Abscheider um Platz zwischen Schaltflächen/Links hinzuzufügen. Folgende Optionen stehen zur Verfügung:
Taste
Fügen Sie dem Listenelement eine Schaltfläche hinzu.
Sie können Folgendes aktualisieren:
- Tastenbeschriftung – Geben Sie die sichtbarer Text auf Ihrer Schaltfläche. Dies ist, was Benutzer sehen und anklicken.
- Schaltflächenverknüpfung – Geben Sie die URL oder Aktion Die Schaltfläche sollte beim Klicken ausgelöst werden.
- Zielfenster – Wählen Sie, ob der Link im gleiche Registerkarte oder die neue Registerkarte.
- Tastenstil – Wählen Sie den Schaltflächenstil als Standard aus (eingestellt in der Schaltflächen und Links des Abschnitts Design), Solid, Outline oder ein Textlink.
-
- Standard: Befolgt die Designeinstellungen Ihrer Site.
- Solide: Eine fettgedruckte, ausgefüllte Schaltfläche.
- Outline: Transparenter Hintergrund mit Rand.
- Textlink: Einfacher, klarer Nur-Text-Stil (kein Schaltflächenfeld).
- Knopfform - Stellen Sie a individuelle Form für jeden einzelnen Knopf innerhalb des Abschnitts. Dadurch können Sie die globale Schaltflächenform überschreiben, die unter dem Designeinstellungen, wodurch Sie mehr Kontrolle über die Darstellung der einzelnen Schaltflächen haben. Die verfügbaren Formen sind Quadrat, Abgerundet und Pille.
- Knopffarbe – Passen Sie das Farbschema der Schaltfläche an:
-
- Standard: Übernimmt Designeinstellungen.
- Umkehren: Kehrt die Text-/Hintergrundfarben der Schaltfläche um.
- Benutzerdefiniert: Ermöglicht Ihnen die Auswahl bestimmter Text- und Hintergrundfarben.
- Button-Text – Bei Verwendung von Benutzerdefinierte Schaltflächenfarbekönnen Sie die Textfarbe (Beschriftung) von hier.
- Schaltflächenhintergrund – Auch unter „Benutzerdefiniert“ verfügbar. Legt die Hintergrundfarbe der Schaltfläche fest. Kombinieren Sie diese mit der Textfarbe für maximale Lesbarkeit und Stil.
- Schaltflächensymbol – Fügen Sie neben Ihrer Schaltflächenbeschriftung ein Symbol hinzu. Sie können aus verschiedenen Symboloptionen wählen.
- Layout – Steuern Sie die Platzierung des Symbols im Verhältnis zur Beschriftung. Verfügbare Layoutoptionen sind:
-
- Beschriftung + Symbol: Zuerst wird Text angezeigt, gefolgt vom Symbol.
- Symbol + Beschriftung: Zuerst wird das Symbol und dann der Text angezeigt.
- Beschriftung + Symbol (breit): Text und Symbol mit mehr Polsterung angeordnet, geeignet für breitere Schaltflächen.
- Symbol + Beschriftung (breit): Symbol zuerst, breiteres Polsterlayout.
- Symbolfarbe – Wählen Sie die Farbe des Schaltflächensymbols. Sie können es entweder auf die Button-Text Farbe oder die Marke Farbe.
Schaltflächenstileinstellungen
Diese Einstellungen finden Sie unter dem Registerkarte „Stil“ von Abschnitten. Mit diesen Einstellungen können Sie das Erscheinungsbild, den Abstand und das Layout der Schaltflächen auf Ihrer Pixpa-Site optimieren, um eine bessere Designkontrolle und Reaktionsfähigkeit zu erzielen:
- Knopfgröße – Wählen Sie die Größe der Schaltfläche (z. B. Klein, Mittel, Groß). Dadurch werden die Polsterung und die Schriftgröße an Ihr Design angepasst.
- Abstand zwischen den Schaltflächen – Steuert den horizontalen Abstand zwischen mehreren Schaltflächen. Sie können VW-Einheiten (Viewport Width) für einen reaktionsschnellen Abstand verwenden.
- Platz über den Schaltflächen – Fügt einen vertikalen Abstand über den Schaltflächen hinzu. Dies hilft, sie vom darüber liegenden Inhalt abzugrenzen, gemessen in %.
- Textlink – Passt die Schriftgröße für Schaltflächentextlinks an (besonders nützlich, wenn anstelle einer herkömmlichen Schaltfläche ein „Textlink“-Stil verwendet wird).
- Bild als Button (Größe) – Wenn Sie anstelle einer herkömmlichen Schaltfläche ein Bild verwenden, definiert diese Einstellung die Anzeigegröße des Bildes (in Pixeln).
- Schaltflächenbreite – Wählen Sie, wie breit die Schaltfläche angezeigt werden soll:
-
- Standard: Standardbreite basierend auf dem Schaltflächeninhalt
- Groß / XL: Breitere Tasten für mehr Betonung
- Gesamtbreite: Knopf erstreckt sich über die gesamte Containerbreite
Textlink
Hinzufügen Textlink zum Listeneintrag.
Sie können Folgendes aktualisieren:
- Setze die Textbeschriftung.
- Präzisiere das Textlink.
- Zielfenster – Wählen Sie, ob Sie die Seite im selben oder in einem neuen Fenster öffnen möchten.
Bild
Fügen Sie ein Bild hinzu und verlinken Sie es mit einer beliebigen Seite.
- Sobald Sie das Bild hochgeladen haben, wird es so angezeigt. Klicken Sie auf den Link, um ihn zu bearbeiten.
- Von hier aus können Sie:
- Hochladen/Bild ändern.
- Schaltflächenverknüpfung – Geben Sie den Link an.
- Zielfenster – Wählen Sie, ob Sie die Seite im selben oder in einem neuen Fenster öffnen möchten.
Der Site-Titel wird als Alt-Text für das Bild der Schaltfläche verwendet, um die Durchsuchbarkeit zu verbessern.
Soziale Ikone
- Fügen Sie dem Listenelement ein soziales Symbol hinzu.
Sie können Folgendes verwalten:
- Das zu verknüpfende soziale Symbol.
- Geben Sie Ihren relevanten sozialen Profilpfad an.
- Zielfenster – Wählen Sie, ob Sie die Seite im selben oder in einem neuen Fenster öffnen möchten.
Separator
Das Separator Mit dieser Option können Sie Abstände zwischen Schaltflächen oder Links einfügen.
Dies ist nützlich, um eine visuelle Trennung zwischen nahe beieinander liegenden Schaltflächen zu schaffen. Sie können einen Trenner aus dem Schaltfläche & Links Bedienfeld, genau wie Sie andere Schaltflächen hinzufügen.
- Der Abstand zwischen den Schaltflächen wird gesteuert durch Polsterung – Oben Einstellung im Trennzeichen. Durch Anpassen dieses Werts wird der vertikale Abstand zwischen eng beieinander liegenden Schaltflächen vergrößert oder verkleinert.
- Ein Trennzeichen stellt keine Verbindung her, sondern schafft lediglich vertikalen Raum.
- Sie können es nach oben oder unten verschieben, um den Abstand zwischen den Elementen nach Bedarf anzupassen.
Stiloptionen für Schaltflächen und Links
Das Stiloptionen wird unter der vorhanden sein Design Registerkarte beim Verwalten des Abschnitts.
Sie haben mehrere Stiloptionen für die Schaltfläche und Links wie folgt:
Schaltfläche & Links
- Präzisiere das Abstand zwischen Schaltflächen/Links die hinzugefügt wurden.
- Präzisiere das Leerzeichen über Schaltfläche/Links.
- Wähle die Hover-Effekt für die Schaltfläche/Links.
- Wähle die Größe des normalen Buttons die Sie in hinzugefügt haben Schaltfläche/Links.
- Präzisiere das Höhe des Bild-Buttons wenn Sie einen Bildlink in der hinzugefügt haben Schaltfläche/Links.
- Präzisiere das Größe der Symbolschaltfläche wenn Sie ein soziales Symbol in der hinzugefügt haben Schaltfläche/Links.
Wenn Sie ein soziales Symbol in der hinzugefügt haben Schaltfläche/Links oben dann:
- Wähle die Sozialer Symboltyp/Form.
- Wähle die Farbstil für soziale Symbole. Wenn Sie die gewählt haben Markenfarbe, dann wird die Markenfarbe des Symbols übernommen.
Wenn Sie die gewählt haben Ausgewählte Farbe Option oben dann:
-
- Präzisiere das Farbe des sozialen Symbols.
- Präzisiere das Hintergrundfarbe des sozialen Symbols.
Beispiel
Angenommen, Sie haben einen sozialen Amazon-Link in der hinzugefügt Schaltfläche/Links, und spezifiziert die Symbolfarbe als Rot und der Icon Hintergrundfarbe als Grün, dann wird das Symbol wie folgt angezeigt:
