Teams sind für den Erfolg jeder Organisation sehr wichtig. Sie bringen Menschen mit unterschiedlichen Fähigkeiten, Fachkenntnissen und Perspektiven zusammen und schaffen so ein dynamisches Umfeld, in dem Ziele erreicht werden können.
Im Teambereich von Pixpa können Sie die Profile und Fotos Ihrer Teammitglieder sowie ihre jeweiligen Rollen und Verantwortlichkeiten anzeigen.
In diesem Artikel:
Fügen Sie der Seite den Abschnitt „Team“ hinzu
- Um einen Abschnitt hinzuzufügen, müssen Sie Folgendes tun eine Seite hinzufügen zuerst auf Ihre Website.
- Auf deiner Seite, Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt.
- Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
- Blättern Sie durch die Team (1) und klicken Sie darauf. Nun öffnet sich ein Bildschirm, auf dem Sie eine Auswahl treffen können verschiedene Layouts des Teambereichs (2).
- Wählen Sie ein beliebiges Abschnittslayout und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.
Listenelemente hinzufügen und bearbeiten
Fügen Sie ein Listenelement hinzu
- Klicken Sie auf Teams bearbeiten (1) Schaltfläche zum Öffnen des Listenelementfensters.
- Klicken Sie auf Artikel hinzufügen (2) Schaltfläche, um ein neues Listenelement hinzuzufügen.
- Sie können wählen, um Dduplizieren oder löschen (3) die Listenelemente.
Listenelement bearbeiten
Klicken Sie auf das Listenelement, das Sie bearbeiten möchten. Dadurch werden die Bearbeitungsoptionen für bestimmte Listenelemente geöffnet.
Von hier aus können Sie:
- Primäres und sekundäres Bild hochladen / entfernen (1)
Sie können eine hochladen Sekundärbild zusammen mit dem Primäres Bild für jedes Listenelement. Wenn ein Benutzer mit der Maus über das Element fährt, wird das sekundäre Bild angezeigt und ersetzt das primäre Bild. Darüber hinaus können Sie die Bildakzentfarbe, das beim Hovern über das Bild angezeigt wird. - Hinzufügen Titel (2), Untertitel (3), und Beschreibung (4) des Listenelements.
- Je nach gewähltem Layout finden Sie möglicherweise die Option für Untertitel und Beschreibung bei bestimmten Listenelementen nicht.
Überprüfen Sie, bevor Sie die Beschreibung hinzufügen fehlen uns die Worte. Artikel.
5. Aktion beim Klicken
Sie können das Klickverhalten einzelner Elemente im Team Im Folgenden sind die verfügbaren Optionen aufgeführt:
- Gehe zu einem Link
Wenn Sie diese Option auswählen, öffnet sich das Link-Builder, sodass Sie diesem Element einen Hyperlink hinzufügen können. Der Link kann Benutzer auf eine andere Seite Ihrer Website oder eine externe URL weiterleiten. WEITERE INFORMATIONEN Über Uns Link-Builder. - In Lightbox öffnen
Diese Option zeigt den Artikel vergrößert an. Lightbox angezeigt, wenn angeklickt wird. In diesem Modus wird das Untertitel und Beschreibung Mit dem Element verknüpfte Elemente werden nicht in der Rasteransicht angezeigt, sind aber im Lightbox-Modus sichtbar. - Keine Aktion
Wählen Sie diese Option, um das Element nicht anklickbar zu machen. Wenn diese Option ausgewählt ist, wird beim Anklicken des Elements keine Aktion ausgelöst.
6. Link in neuem Fenster öffnen: Stellen Sie den Link so ein, dass er in a geöffnet wird neuer Tab oder im selben Tab. Dies ist nur sichtbar, wenn Gehe zu einem Link ist unter dem Aktion beim Klicken Menü.
7. Buttons & Links: Fügen Sie jede Art von hinzu verbindung zum Listenelement. Sie können einen Button/Bildlink/Social Icon/Textlink hinzufügen. Mehr erfahren.
8. Kartenstil-Überschreibung
Sie können die globalen Kartenstileinstellungen im Abschnitt überschreiben. Style Einstellungen Und passen Sie die Karte jedes Elements im Abschnitt „Bildliste“ individuell an. So können Sie den verschiedenen Listenelementen individuelle Stile zuweisen und sie so besser anpassen.
Mehr erfahren Informationen zur Kartenoption im dynamischen Abschnitt.
9. Speichern: Speichern Sie die Änderungen, nachdem Sie die Anpassungen vorgenommen haben.
Um Karten für jedes Element einzeln anzupassen, müssen Sie zuerst die Karte Option aus den Stileinstellungen.
Reihenfolge der Listenelemente
Sie können die Reihenfolge der Listenelemente ganz einfach ändern Ziehen und Ablegen Them. Sehen Sie sich die Reihenfolge der Teams-Elementliste in Aktion an:
Elemente des Teambereichs verwalten
Der Bereich „Team“ umfasst eine Registerkarte Elemente Damit können Sie die Sichtbarkeit verschiedener Elemente innerhalb des Abschnitts problemlos 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 Elements Serie. (1) Registerkarte.
- Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (2) Taste.
Abschnittsoptionen
- Überschrift anzeigen: Aktivieren oder deaktivieren Sie die Sichtbarkeit der Überschrift für den Abschnitt „Team“.
- Schaltflächen anzeigen: Steuern Sie, ob Schaltflächen auf Abschnittsebene angezeigt werden.
Artikeloptionen
- Bild anzeigen: Sichtbarkeit der Bilder umschalten.
- Zeige Titel: Steuert, ob der Titel angezeigt wird.
- Untertitel anzeigen: Untertitel aktivieren oder deaktivieren.
- Beschreibung anzeigen: Verwalten Sie die Sichtbarkeit von Artikelbeschreibungen.
- Schaltflächen anzeigen: Entscheiden Sie, ob Schaltflächen für einzelne Elemente angezeigt werden sollen.
Abschnittslayout
-
- Klicken Sie auf Teams bearbeiten , um das Abschnittsbearbeitungsfenster zu öffnen, und wählen Sie die Layout Tab.
-
- Von hier aus können Sie das Layout des Abschnitts auch nach dem Hinzufügen zur Seite problemlos ändern.
Während Sie das Layout ändern, werden Ihnen oben die abschnittsbezogenen Layouts angezeigt.
Abgesehen davon haben Sie auch die Möglichkeit, ein Layout aus anderen Abschnitten unter dem auszuwählen Mehr Grundrisse Überschrift.
Abschnitt „Styling-Teams“.
Sie können verschiedene Aspekte des Teams-Bereichs mithilfe verschiedener Gestaltungsoptionen anpassen. Um zu den Styling-Optionen zu navigieren, klicken Sie auf Teams bearbeiten (1) Taste.
- Wähle die Design (2) Registerkarte.
- Nachdem Sie Anpassungen vorgenommen haben, Gespeichert (3) die Änderungen.
Sie haben mehrere Stiloptionen für den Abschnitt:
- Anzeige-Eigenschaften
- Mobile Anzeige
- Ausrichtung
- Textgröße
- Abstand
- Abschnittsüberschrift
- Bildoptionen
- Formmaske
- Bild-Hover-Optionen
- Bildrand
- Karten
- Shadow
- Schaltflächen & Links
Anzeige-Eigenschaften
- Wählen Sie auf Artikel anzeigen in Zeilen und Spalten / Karussell / Vitrine
- Wenn Sie die gewählt haben Reihen und Spalten Option werden die Listenelemente in Zeilen und Spalten angeordnet. In diesem Fall müssen Sie die Anzahl der Zeilen und Spalten angeben.
- Wenn Sie die gewählt haben Karussell Option werden die Listenelemente als Diashow präsentiert. WEITERE INFORMATIONEN .
-
Wir präsentieren bietet ein elegantes und interaktives Karussell-Layout, um Ihre Bilder einzeln mit sanften Übergängen und Effekten anzuzeigen. Dieses Layout verleiht Ihrer Website ein modernes, immersives Erlebnis. Mehr erfahren.
- Setze die Anzahl der Spalten für die Bilderliste. Sie können zwischen 1 und 10 Spalten wählen.
- Präzisiere das Abstand zwischen Spalten der Listenelemente.
- Präzisiere das Abstand zwischen Zeilen der Listenelemente.
Wenn in Schritt 1 die Option „Karussell“ ausgewählt ist, werden Ihnen die folgenden zusätzlichen Optionen angezeigt:
- Smooth-Scrolling aktivieren: Ermöglicht kontinuierliches Scrollen von Elementen im Karussell für ein nahtloses und optisch ansprechendes Erlebnis.
- Automatisches Schieben: Automatisches Durchlaufen der Folien ohne Benutzerinteraktion.
- Autoplay-Fortschritt anzeigen: Zeigt zur besseren Sichtbarkeit einen Fortschrittsindikator an, während die automatische Wiedergabe aktiv ist.
- Autoplay-Verzögerung: Legt das Zeitintervall zwischen jedem Folienübergang fest, wenn die automatische Wiedergabe aktiviert ist.
- Karussell-Schleife: Ermöglicht die kontinuierliche Folienschleife, sodass das Karussell nach der letzten Folie nahtlos neu gestartet wird.
- Karussellsteuerung: Wählen Sie das NavigationssteuerungSie können zwischen „Keine Steuerelemente“, „Pfeile – unten Mitte/oben rechts/unten rechts“, „Zickzack“, „Punkte“ und „Horizontales Scrollen“ wählen.
- Kanten verblassen lassen: Wenden Sie einen subtilen Überblendeffekt auf die Ränder des Karussells an. Dies verbessert das Benutzererlebnis, indem Bilder beim Ein- und Ausblenden der Ansicht sanft überblendet werden.
Wenn in Schritt 1 die Option „Showcase“ ausgewählt ist, werden die folgenden zusätzlichen Optionen angezeigt:
- Effekte: Wählen Sie aus fünf Animationseffekten: „Überblenden“, „Umdrehen“, „Karten“, „Coverflow (geneigt)“ oder „Coverflow (flach), um den Bildübergang zu steuern.
- Sanftes Scrollen aktivieren: Ermöglicht kontinuierliches Scrollen von Elementen innerhalb des Showcase für ein nahtloses und optisch ansprechendes Erlebnis.
- Automatisches Schieben: Automatischer Übergang zwischen Bildern ohne Benutzereingabe.
- Autoplay-Fortschritt anzeigen: Zeigt zur besseren Sichtbarkeit eine Fortschrittsanzeige an, während die automatische Wiedergabe aktiv ist.
- Autoplay-Verzögerung: Legen Sie die Zeit zwischen den Folien fest, wenn die automatische Wiedergabe aktiviert ist. Sie können einen beliebigen Wert zwischen 1 und 10 Sekunden wählen.
- Karussellschleife: Aktivieren Sie diese Option, um das Karussell endlos abzuspielen und so eine kontinuierliche Wiedergabe zu ermöglichen.
- Karussellsteuerung: Mit der Einstellung „Karussellsteuerung“ können Sie auswählen, wie Benutzer durch die Folien navigieren. Sie haben dabei Optionen wie Pfeile (unten in der Mitte, oben rechts, unten rechts), Punkte oder gar keine Steuerung.
Mobile Anzeige
- Stellen Sie die Anzahl der ein Rasterspalten für mobile Geräte. Sie können es auf maximal 3 Spalten einstellen.
- Definiere das Abstand zwischen Gittern (in Pixel).
Gerätespezifisches Spaltenlayout basierend auf den Studioeinstellungen:
Ausrichtung
- Ausrichten das Bild horizontal im Bereich „Team“. Sie können die Ausrichtung linksbündig, rechtsbündig oder zentriert einstellen.
- Ausrichten den Text horizontal im Bereich „Team“. Sie können die Ausrichtung linksbündig, rechtsbündig oder zentriert einstellen.
- Ausrichten den Inhalt vertikal in der Teamliste. Sie können sie oben, mittig und unten ausrichten.
- Wähle die Inhaltsreihenfolge dh die Bilder der Listenelemente, die zuerst angezeigt werden sollen, oder der zugehörige Text.
Abschnittsüberschrift
- Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
- Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
- Setze die Dicke der Trennwand (in px).
- Präzisiere das Teilerfarbe aus dem Farbwähler.
- Wähle ein Teilerstil aus dem Dropdown.
Textgröße
- Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile.
- Setze die Titel Schriftart für die Listenelemente des Abschnitts.
- Setze die Untertitel Schriftart für die Listenelemente des Abschnitts.
- Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente des Abschnitts.
- Aktivieren Sie diese Option, um Animiere beliebige Zahlen anwesend in der Titel und Untertitel Felder. Wenn diese Option aktiviert ist, werden numerische Werte mit einer dynamischen Zählanimation angezeigt, was sie optisch ansprechender macht.
Abstand
- Präzisiere das Bildbreite für Listenelemente.
- Präzisiere das Inhaltsbreite für die Listenelemente.
- Präzisiere das Leerzeichen unter der Abschnittsüberschrift in px.
- Präzisiere das Leerzeichen unter Bildern der Listeneinträge (in %).
- Präzisiere das Leerzeichen unter den Titeln der Listeneinträge (in %).
- Präzisiere das Leerzeichen unter den Untertiteln der Listeneinträge (in %).
Abschnittsüberschrift
- Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
- Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
- Setze die Dicke der Trennwand (in px).
- Präzisiere das Teilerfarbe aus dem Farbwähler.
- Wähle ein Teilerstil aus dem Dropdown.
Bilder
- Wähle die IMagier Crop für die Listenelemente. Sie können die Bilder als „Quadrat“, „Kreis“, „Horizontal“, „Hochformat“ und „Original“ festlegen.
- 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 COrdner Radius der Listenelementbilder. WEITERE INFORMATIONEN .
Verwendung der Eckenradius können Sie verschiedene Formen von Listenelementbildern erstellen. Wenn Sie hier 500 px angeben, werden die Bilder kreisförmig angezeigt.
- Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen.
Formmaske
- Formmaske: Aktivieren Sie diesen Schalter, um den Bildern im Bereich „Teams“ eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, schneidet die ausgewählte Form das Bild optisch in diese Form ein.
- Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihre Bilder. So können Sie Ihre Inhalte kreativ gestalten, indem Sie Bilder in einzigartigen Formen wie rund, rautenförmig, tropfenförmig usw. darstellen.
- Strecken: Aktivieren Sie diese Option, um die ausgewählte Form zu strecken und sie besser an den Bildcontainer anzupassen. Dadurch wird sichergestellt, dass die Form den verfügbaren Platz proportional ausfüllt und die visuelle Ausrichtung auf verschiedenen Bildschirmgrößen verbessert wird.
- Die Option „Strecken“ ist layoutabhängig – Es wird möglicherweise nicht in bestimmten Layouts angezeigt. In Layouts, in denen Text wie Titel oder Untertitel über dem Bild angezeigt wird, Die gesamte Option „Formmaske“ ist möglicherweise nicht verfügbar.
- Die Dehnungseinstellung hängt von mehreren Faktoren ab - Einschließlich Bildgröße, Ausrichtung und Zuschneideeinstellungen unter der Registerkarte „Stil“ definiert.
- Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.
Bild schweben
- Wähle die Bild-Hover-Farbe um als Akzentfarbe oder sein angegeben. Wenn Sie die gewählt haben AkzentfarbeGeben Sie dann die an OpazitätSie können die Akzentfarbe für jedes Element festlegen von Element bearbeiten Panel.
- Wenn Sie die gewählt haben Farbe angeben Option setzen Sie dann die Overlay-Farbe und Deckkraft.
- Setze die Textfarbe überlagern das beim Hovern angezeigt wird.
- Wählen Sie auf Animieren Sie die Bilder der Listenelemente beim Hover durch Klicken auf Ja. Überprüfen Sie diese Funktion auf einer Live-Seite.
- Wähle ein Animationsstil für Bilder, wenn der Cursor darüber schwebt.
- Wählen Sie, ob Sie zulassen möchten, dass Übergänge von Bildern beim Schweben oder nicht.
- Wählen Sie ein Übergangsstil für den Hover-Übergang. Verfügbare Optionen sind „Ausblenden“ und „Umdrehen“.
Bildrand
- Rand aktivieren/deaktivieren um die Bilder herum, indem Sie den Schalter umschalten.
- Wählen Sie eine gemeinsame Grenze auf allen Seiten von Bildern oder Sie können das angeben Grenzen separat für jede Seite.
- 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.
- Wähle aus Rahmenfarbe aus dem Farbwähler.
- Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
- Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.
Karten
- Sehen Sie, wie Karten zu verwalten.
Shadow
- Präsentation – Wählen Sie, ob der Schatten hinter den Listenelementen immer oder nur beim Hover angezeigt werden soll.
- Design – Wählen Sie aus vorhandenen Voreinstellungen oder erstellen Sie einen benutzerdefinierten Schatten.
Falls Sie die benutzerdefinierte Option gewählt haben, besuchen Sie diese Box-Schatten-Generator um einen benutzerdefinierten Schatten zu erstellen. Zum Schluss kopieren und einfügen Box-Schatten-CSS. - Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.
Schaltflächen & Links
- Sehen Sie, wie um das Styling zu verwalten Schaltflächen und Links.
