Teams zijn erg belangrijk voor het succes van elke organisatie. Ze brengen individuen samen met uiteenlopende vaardigheden, expertise en perspectieven, waardoor een dynamische omgeving ontstaat waarin doelen kunnen worden bereikt.
Met behulp van de Team-sectie van Pixpa kunt u de profielen en foto's van uw teamleden weergeven, samen met hun respectievelijke rollen en verantwoordelijkheden
In dit artikel:
Teamsectie toevoegen aan de pagina
- Om een sectie toe te voegen, moet u dat doen een pagina toevoegen eerst naar uw website.
- Op jouw pagina, Klik op de blauw + icoon om een toe te voegen Nieuwe sectie.
- U ziet nu de sectie categorieën aan de linkerkant.
- Scroll door de Team (1) en klik erop. Er verschijnt nu een scherm waarin u kunt kiezen verschillende indelingen van de Team Sectie (2).
- Kies een sectielay-out en klik erop om deze aan uw pagina toe te voegen.
Lijstitems toevoegen en bewerken
Voeg een lijstitem toe
- Klik op Teams bewerken (1) om het Lijstitempaneel te openen.
- Klik op de Artikel toevoegen (2) knop om een nieuw lijstitem toe te voegen.
- U kunt ervoor kiezen Ddupliceren of verwijderen (3) de lijstitems.
Lijstitem bewerken
Klik op het lijstitem dat u wilt bewerken. Het opent de specifieke bewerkingsopties voor lijstitems.
Vanaf hier kunt u:
- Uploaden/verwijderen primaire en secundaire afbeelding (1)
U kunt een Secundaire afbeelding samen met de Primaire afbeelding voor elk lijstitem. Wanneer een gebruiker met de muis over het item beweegt, wordt de secundaire afbeelding weergegeven, ter vervanging van de primaire afbeelding. Daarnaast kunt u de Accentkleur afbeelding, die wordt weergegeven als u met de muis over de afbeelding beweegt. - Voeg een Onderwerp (2), Ondertitel (3), en Beschrijving (4) van het lijstitem.
- Mogelijk vindt u de optie voor ondertiteling en beschrijving niet in bepaalde lijstitems, afhankelijk van de lay-out die u kiest.
Controleer voordat u de beschrijving toevoegt dit artikel.
5. Actie bij klikken
U kunt het klikgedrag van afzonderlijke items in de Team sectie. Hieronder staan de beschikbare opties:
- Ga naar een link
Als u deze optie selecteert, wordt de Linkbuilder, waarmee u een hyperlink naar dit item kunt toevoegen. De link kan gebruikers naar een andere pagina binnen uw website of een externe URL leiden. Meer weten over Linkbuilder. - Openen in Lightbox
Met deze optie wordt het item vergroot weergegeven Lichtbak bekijken wanneer erop wordt geklikt. In deze modus is de Subtitel en Beschrijving De items die aan het item zijn gekoppeld, worden niet weergegeven in de rasterweergave, maar zijn wel zichtbaar in de Lightbox-modus. - No action
Kies deze optie om het item onklikbaar te maken. Wanneer geselecteerd, zal klikken op het item geen actie activeren.
6. Link openen in nieuw venster: Stel de koppeling in om te openen in een nieuw tabblad of in hetzelfde tabblad. Dit zal alleen zichtbaar zijn als Ga naar een link optie is geselecteerd onder de Actie bij klikken menu.
7. Knoppen en links: Voeg elk type toe Link aan het lijstitem. U kunt een knop/afbeeldingslink/sociaal pictogram/tekstlink toevoegen. Leer het team kennen.
8. Kaartstijl overschrijven
U kunt de globale kaartstijlinstellingen overschrijven vanuit de sectie Style-instellingen en pas de kaart van elk item individueel aan in de sectie Afbeeldingenlijst. Hiermee kunt u unieke stijlen toepassen op verschillende lijstitems voor betere aanpassing.
Leer het team kennen over de optie Kaarten in de dynamische sectie.
9. Opslaan: Nadat u de aanpassingen hebt gemaakt, slaat u deze op.
Om kaarten voor elk item afzonderlijk aan te passen, moet u eerst de Kaart optie uit de Stijlinstellingen.
Sequentielijstitems
U kunt de volgorde van de lijstitems eenvoudig wijzigen door Slepen en neerzetten Hen. Bekijk de volgorde van de Teams Items List in actie:
Elementen van de teamsectie beheren
Het Team-gedeelte bevat een Tabblad Elementen waarmee u eenvoudig de zichtbaarheid van verschillende elementen binnen de sectie kunt beheren.
Met behulp van eenvoudige schakelaars kunt u specifieke elementen in- of uitschakelen zonder dat u de elementen zelf hoeft te verwijderen of aan te passen.
- Klik op de Elementen (1) tabblad.
- Nadat u de wijzigingen hebt aangebracht, klikt u op Opslaan (2) knop.
Sectie Opties
- Koptekst weergeven: Schakel de zichtbaarheid van de kop voor de sectie Team in of uit.
- Toon knoppen: Bepaal of knoppen op sectieniveau worden weergegeven.
Artikelopties
- Toon afbeelding: Schakel de zichtbaarheid van de afbeeldingen in of uit.
- Toon titel: Bepaal of de titel wordt weergegeven.
- Ondertitel weergeven: Ondertiteling in- of uitschakelen.
- Laat beschrijving zien: Beheer de zichtbaarheid van itembeschrijvingen.
- Toon knoppen: Bepaal of knoppen voor afzonderlijke items moeten worden weergegeven.
Sectie-indeling
-
- Klik op de Teams bewerken knop om het sectiebewerkingspaneel te openen en de Layout Tab.
-
- Vanaf hier kunt u eenvoudig de lay-out van de sectie wijzigen, zelfs nadat u deze aan de pagina hebt toegevoegd.
Terwijl u de lay-out wijzigt, ziet u bovenaan de sectiegerelateerde lay-outs.
Daarnaast heeft u ook de mogelijkheid om een lay-out te kiezen uit andere secties onder de Meer indelingen rubriek.
Sectie Stylingteams
U kunt verschillende aspecten van de Teams-sectie aanpassen met behulp van verschillende stylingopties. Om naar de stylingopties te navigeren, klikt u op de Teams bewerken (1) knop.
- Kies de Style (2) tabblad.
- Nadat u aanpassingen hebt gemaakt, Opslaan (3) de veranderingen.
Je hebt meerdere stijlopties voor de sectie:
- Weergaveopties
- Mobiel display
- Uitlijning
- Lettergrootte
- Spacing
- Sectie Kop
- Afbeeldingen Opties
- Vormmasker
- Opties voor het zweven van afbeeldingen
- Afbeeldingsrand
- Kaarten
- Shadow
- Knoppen & Links
Weergaveopties
- Kies voor Artikelen weergeven in rijen en kolommen / carrousel / vitrine
- Als u de rijen en kolommen optie, worden de lijstitems gerangschikt in rijen en kolommen. In dit geval moet u het aantal rijen en kolommen opgeven.
- Als u de carrousel optie, worden de lijstitems gepresenteerd als een diavoorstelling. Meer weten.
-
Plaats biedt een strakke en interactieve lay-out in carrouselstijl om uw afbeeldingen één voor één weer te geven met vloeiende overgangen en effecten. Deze lay-out voegt een moderne, meeslepende ervaring toe aan uw site. Leer het team kennen.
- Kies het Aantal columns voor de afbeeldingenlijst. U kunt kiezen uit 1 tot 10 kolommen.
- Geef het Ruimte Tussen Kolommen van de lijstitems.
- Geef het Ruimte Tussen Rijen van de lijstitems.
Als de Carrousel-optie is geselecteerd in stap 1, ziet u de volgende extra opties:
- Vloeiend scrollen inschakelen: Maakt het mogelijk om items in de carrousel continu te scrollen voor een naadloze en visueel aantrekkelijke ervaring.
- Automatisch schuiven: Roteert automatisch door dia's zonder tussenkomst van de gebruiker.
- Toon voortgang automatisch afspelen: Geeft een voortgangsindicator weer terwijl automatisch afspelen actief is voor betere zichtbaarheid.
- Vertraging automatisch afspelen: Hiermee stelt u het tijdsinterval tussen elke diaovergang in wanneer automatisch afspelen is ingeschakeld.
- Carrousel lus: Maakt het mogelijk om dia's continu te herhalen, zodat de carrousel naadloos opnieuw start na de laatste dia.
- Carrouselbediening: Kies de NavigatiebedieningU kunt kiezen uit Geen bedieningselementen, Pijlen – Middenonder/Rechtsboven/Rechtsonder, Chevron, Stippen en Horizontaal scrollen.
- Vervaagde randen: Pas een subtiel vervagend effect toe op de randen van de carrousel. Het verbetert de gebruikerservaring door afbeeldingen zachtjes te blenden wanneer ze de weergave binnenkomen of verlaten.
Als de optie Showcase is geselecteerd in stap 1, ziet u de volgende aanvullende opties:
- Effecten: Kies uit vijf animatie-effecten: Fade, Flip, Cards, Coverflow (gekanteld) of Coverflow (plat) om te bepalen hoe de afbeeldingen overgaan.
- Vloeiend scrollen inschakelen: Hiermee kunt u items in de Showcase doorlopend scrollen voor een naadloze en visueel aantrekkelijke ervaring.
- Automatisch schuiven: Schakel automatisch door afbeeldingen zonder dat de gebruiker iets hoeft te doen.
- Voortgang automatisch afspelen weergeven: Geeft een voortgangsindicator weer terwijl automatisch afspelen actief is voor betere zichtbaarheid.
- Vertraging automatisch afspelen: Stel de tijd tussen dia's in wanneer automatisch afspelen actief is. U kunt een waarde kiezen tussen 1 en 10 seconden.
- Carrousellus: Schakel dit in om de carrousel oneindig te laten herhalen, waardoor continu afspelen mogelijk is.
- Carrouselbediening: Met de instelling Carrouselbediening kunt u kiezen hoe gebruikers door dia's navigeren, met opties zoals pijlen (middenonder, rechtsboven, rechtsonder), stippen of helemaal geen bedieningselementen.
Mobiel display
- Stel het aantal in Rasterkolommen voor mobiele apparaten. Je kunt dit instellen op maximaal 3 kolommen.
- Definieer de Spacing tussen rasters (in pixels).
Apparaatspecifieke kolomindeling op basis van Studio-instellingen:
Uitlijning
- richten de afbeelding horizontaal in het gedeelte Team. Je kunt ze links, rechts of gecentreerd uitlijnen.
- richten de tekst horizontaal in het gedeelte Team. Je kunt ze links, rechts of gecentreerd uitlijnen.
- richten de inhoud verticaal in de teamlijst. Je kunt ze zo instellen dat ze boven, in het midden en onder uitgelijnd zijn.
- Kies de Inhoud bestelling dwz de afbeeldingen van de lijstitems die als eerste moeten worden weergegeven of de bijbehorende tekst.
Sectie Kop
- Horizontaal uitlijnen de sectiekoptekst. U kunt deze instellen op Links, Midden en Rechts.
- Inschakelen/uitschakelen van de verdeler tussen de sectiekop en de sectie-inhoud.
- Kies het dikte van de verdeler (in px).
- Geef het Divider kleur van kleurenkiezer.
- Kies een Scheidingsstijl in de vervolgkeuzelijst.
Lettergrootte
- Klik op de Tekststijl wijzigen knop om de Design sectie en beheer uw lettergroottes en -stijlen.
- Kies het Onderwerp letterstijl voor de lijstitems van de sectie.
- Kies het Subtitel letterstijl voor de lijstitems van de sectie.
- Stel de standaard in Beschrijving letterstijl voor de lijstitems van de sectie.
- Schakel deze optie in om animeer willekeurige getallen Aanwezig in de Onderwerp en Subtitel velden. Wanneer deze functie is ingeschakeld, verschijnen numerieke waarden met een dynamische telanimatie, waardoor ze visueel aantrekkelijker worden.
Spacing
- Geef het Breedte afbeelding voor lijstitems.
- Geef het Inhoudsbreedte voor de lijstitems.
- Geef het Ruimte onder sectiekop in px.
- Geef het Ruimte onder afbeeldingen van de lijstitems (in %).
- Geef het Ruimte onder de titels van de lijstitems (in %).
- Geef het Ruimte onder de ondertitels van de lijstitems (in %).
Sectie Kop
- Horizontaal uitlijnen de sectiekoptekst. U kunt deze instellen op Links, Midden en Rechts.
- Inschakelen/uitschakelen van de verdeler tussen de sectiekop en de sectie-inhoud.
- Kies het dikte van de verdeler (in px).
- Geef het Divider kleur van kleurenkiezer.
- Kies een Scheidingsstijl in de vervolgkeuzelijst.
Afbeeldingen
- Kies de Imagiër gewas voor de lijstitems. U kunt de afbeeldingen instellen als Vierkant, Cirkel, Horizontaal, Portret en Origineel.
- Kies voor een gemeenschappelijke hoekradius of een andere hoekradius voor elke zijde van de lijstitems en stel een getal in (in px) voor de Cor straal van de lijstitemafbeeldingen. Meer weten.
De hoekradius veld, kunt u verschillende vormen van afbeeldingen van lijstitems maken. Als u hier 500 px opgeeft, worden de afbeeldingen in een cirkelvorm weergegeven.
- Als u gesplitste hoeken heeft gekozen, kunt u voor elke hoek een andere hoekradius instellen.
Vormmasker
- Vormmasker: Schakel deze schakelaar in om een vormmasker toe te passen op de afbeeldingen in de sectie Teams. Zodra deze optie is ingeschakeld, wordt de geselecteerde vorm visueel in de afbeelding geknipt.
- Selecteer vorm: Kies uit verschillende vooraf gedefinieerde vormen om toe te passen op uw afbeeldingen. Hiermee kunt u uw content creatief stylen door afbeeldingen weer te geven in unieke vormen zoals rond, diamant, druppel, etc.
- Rekken: Schakel deze optie in om de geselecteerde vorm uit te rekken zodat deze beter in de afbeeldingscontainer past. Dit zorgt ervoor dat de vorm de beschikbare ruimte proportioneel vult, waardoor de visuele uitlijning op verschillende schermformaten wordt verbeterd.
- De optie Stretch is afhankelijk van de lay-out – Het wordt mogelijk niet weergegeven onder bepaalde lay-outs. Op lay-outs waarbij tekst zoals titel of ondertitel over de afbeelding wordt weergegeven, De volledige Vormmasker-optie is mogelijk niet beschikbaar.
- De Stretch-instelling is afhankelijk van meerdere factoren - Inclusief beeldgrootte, opstellingen gewasinstellingen gedefinieerd onder het tabblad Stijl.
- Als Afbeelding bijsnijden is ingesteld op Origineel, bepalen de werkelijke afmetingen van de afbeelding of deze verticaal of horizontaal wordt uitgerekt.
Afbeelding zweven
- Kies de Afbeelding zwevende kleur om de ... te zijn accent kleur of te zijn gespecificeerd. Als je hebt gekozen voor de accent kleuren specificeer vervolgens het ondoorzichtigheid. U kunt de accentkleur voor elk item opgeven vanaf Item bewerken paneel.
- Als u de kleur opgeven optie en stel vervolgens de Overlaykleur en dekking.
- Kies het Overlay tekstkleur die bij het zweven zichtbaar is.
- Kies voor Animeer de afbeeldingen van de lijstitems zweven door op Ja te klikken. Bekijk deze functie op een live pagina.
- Kies een Animatiestijl voor afbeeldingen wanneer de cursor erboven zweeft.
- Kies of u de overgang van beelden bij zweven of niet.
- Selecteer een Overgangsstijl voor hover-overgang. Beschikbare opties zijn Fade en Flip.
Afbeeldingsrand
- Rand in-/uitschakelen rond de afbeeldingen door de schakelaar om te zetten.
- Kies ervoor om een gemeenschappelijke grens aan alle zijden van afbeeldingen of u kunt de grenzen apart voor elke kant.
- Geef het Breedte van de grens. Als deze is ingesteld op 0, wordt de rand niet weergegeven. U heeft ook de mogelijkheid om de randbreedte voor elke zijde van de afbeelding afzonderlijk in te stellen.
- Selecteer het Rand kleur van kleurenkiezer.
- Selecteer een voorkeur Border Style in de vervolgkeuzelijst.
- Bepalen randbreedte voor mobiel apparaten, waarbij het wordt uitgelijnd met de gekozen breedte voor het bureaublad.
Kaarten
- Zie hoe kaarten beheren.
Shadow
- Scherm – Kies ervoor om de schaduw achter de lijstitems altijd weer te geven of alleen bij zweven.
- Style
- Kies uit bestaande voorinstellingen of maak een aangepaste schaduw.
Als je de optie Aangepast hebt gekozen, ga dan naar deze Box schaduwgenerator om een aangepaste schaduw te creëren. Kopieer en plak ten slotte het vak schaduw CSS. - Als je de presets-optie hebt gekozen, dan Kies Schaduwstijlen in de vervolgkeuzelijst.
Knoppen & Links
- Zie hoe om de styling van te beheren Knoppen en koppelingen.
