Een teamledensectie is een speciale ruimte op een website waar je getalenteerde mensen die deel uitmaken van je team en organisatie onder de aandacht kunt brengen. Het is een plek waar je hun expertise, prestaties en succesverhalen onder de aandacht kunt brengen.
Het primaire doel van een website is niet alleen om aandacht te trekken, maar ook om mensen met elkaar in contact te brengen. Eerlijk is eerlijk, de menselijke connectie kan een langdurige indruk achterlaten. Daarom hebben de meeste gevestigde organisaties een teamgedeelte op hun website.
Als je website op WordPress draait, is dat geweldig. In deze blogpost laten we je een eenvoudige tutorial zien over hoe je een teamledensectie kunt maken in WordPress zonder plugins te gebruiken. Blijf bij ons tot het einde.
Maak prachtige tafels
Met blok-editor
Een teamledensectie maken in WordPress
Er zijn talloze page builders en custom block plugins waarmee je een teamledensectie op je site kunt maken. Maar vergeet niet dat de Gutenberg blok-editor meer dan 95 standaardblokken biedt, die je ook kunt gebruiken om een teamledensectie te maken.
Als je eenmaal weet hoe je ze moet gebruiken, hoef je in veel gevallen geen extra plugins meer te gebruiken. Deze tutorial wordt uitgelegd aan de hand van deze standaardblokken. Volg de stappen met mij.
Stap 01: Schrijf een naam voor de teamsectie met behulp van het Paragraph Block
Elke websectie moet een naam/kop hebben zodat mensen de ene sectie van de andere kunnen onderscheiden. Op dezelfde manier moet je teamsectie een naam hebben, zoals
- Ons team
- Maak kennis met het team
- Teamleden
- Het team achter
- Maak kennis met onze experts
Schrijf een titel aan het begin met behulp van het alinea blok. Lijn de titel centraal uit en maak hem vet, en zijn omvang vergroten.
Stap 02: groepeer het blok
Door het blok te groeperen, kunt u meerdere blokken één voor één toevoegen binnen de opgegeven groepssectie. Het grootste voordeel is dat je er uitgebreide aanpassingen tussen kunt doen, wat niet mogelijk is met normale niet-gegroepeerde blokken.
Klik op het pictogram met de drie punten op de werkbalk. Zoeken en Druk op de optie Groep op de lijst.
Nadat het blok is gegroepeerd, ziet u het Gutenberg plus (+) pictogram in de groepssectie. U kunt nu nieuwe blokken toevoegen.
Stap 03: Voeg een korte beschrijving van het team toe
Het toevoegen van een korte beschrijving van de teamsectie biedt SEO-voordelen en helpt gebruikers de context van de sectie te begrijpen.
Alinea toevoegen binnen het groepsgedeelte.
Schrijf gewoon wat je wilt beschrijven over de sectie. Je kunt de breedte van de inhoud in het blok verkleinen door de opvuloptie te gebruiken.
Je kunt elk blok meteen aanpassen nadat je het hebt toegevoegd. Maar dat doen we pas als de volledige lay-out klaar is.
Stap 04: Teamleden toevoegen
Nu moet je in deze sectie een aparte lay-out maken om je teamleden weer te geven. Je kunt ze op verschillende manieren weergeven. Tot nu toe hebben we gezien dat de meeste websites hun teamsecties weergeven in rij-, kolom- en boxformaten.
Dus we zullen onze teamsectie ook presenteren in het kolom-vak formaat. Selecteer de hele groep door op het pictogram Groep klikken op de werkbalk. Klik op het pluspictogram (+).
Vinden en Kolom toevoegen.
Selecteer het aantal kolommen op basis van het aantal teamleden dat je wilt tonen. Omdat we drie leden zullen tonen, selecteren we drie kolommen.
Hoewel we het over drie kolommen hadden, ben je misschien verbaasd dat er maar één kolom is nadat het blok is toegevoegd. Maak je geen zorgen! De kolommen verschijnen als je afwisselend met je muis over de witte ruimte aan de rechterkant gaat en erop klikt.
Bekijk de video hieronder.
Je kunt nieuwe blokken toevoegen binnen het bovenliggende blok. Ga naar de eerste kolom. Het blok Afbeelding toevoegen erin. Daarna kun je een afbeelding uploaden vanuit de mediabibliotheek of je lokale schijf.
Je kunt zien dat we al een afbeelding hebben toegevoegd. We hebben centraal uitgelijnd. Je kunt het formaat van de afbeelding aanpassen met de randcirkels.
Eenmaal klaar met de afbeelding, druk op de Enter-toets op je toetsenbord om de nieuwe optie voor bloktoevoeging te krijgen. Standaard verschijnt het alinea-blok.
Voeg de naam van het teamlid, zijn aanduiding en een korte intro over hem toe. We hebben ze toegevoegd met behulp van het alinea blok.
We zullen nu de persoonlijke sociale profielen koppelen van de teamleden in dezelfde kolom door sociale blokken.
We zullen hier vier populaire profielen koppelen. Maak dus nog vier kolommen binnen de bovenliggende kolom met behulp van kolomblokken.
Het blok Sociale pictogrammen toevoegen in de kolom parent onder de naam en intro van het teamlid.
Het Social Icon-blok integreert alle populaire sociale mediaplatforms. Zodra het Social Icon-blok is toegevoegd, heb je de flexibiliteit om de blokken te kiezen die je leuk vindt door op de knop plus (+) pictogram. De video hieronder legt het proces uit.
Klik op de sociale pictogrammen één voor één. Je krijgt een vak waarin je de respectieve koppelingen naar sociale profielen kunt kopiëren en plakken. Vul het sociale gedeelte op deze manier aan.
Selecteer de hele bovenliggende kolom. Kom naar de Tabblad Stijlen. Verwijder onnodige spaties tussen de blokken die u horizontaal hebt toegevoegd met de optie Optie voor blokafstand.
Een achtergrondkleur toevoegen naar de kolom van het teamlid. Voor een beter uiterlijk, horizontale opvulling toevoegen om wat extra ruimte rond de kolom toe te voegen.
Vul op dezelfde manier de andere twee kolommen aan de rechterkant aan door nieuwe teamleden toe te voegen.
Je kunt zien dat we alle drie de kolommen hebben gevuld met drie teamleden en hun informatie.
Stap 05: De volledige sectie van het teamlid stylen
Selecteer de volledige teamledensectie door te klikken op de Groepspictogram op de werkbalk.
Een achtergrondkleur toevoegen naar het teamonderdeel dat je geschikt lijkt. Daarna kun je je tekstkleur individueel wijzigenen selecteert u één voor één de betreffende alineablokken.
Volgende, wat opvulling toevoegen zowel verticaal als horizontaal om wat witruimte rond de hele sectie te creëren.
Voeg tot slot een radius toe aan de teamsectie zodat de randhoek een halfronde vorm heeft. Dit geeft een ander mooi uiterlijk aan de sectie.
Stap 06: Bekijk een voorbeeld van de teamsectie op de voorkant
Ga ten slotte naar de voorkant van de pagina en kijk hoe de teamsectie eruitziet.
Conclusie
Je kunt de teamledensectie ook op verschillende manieren maken en aanpassen. We hebben hier een basisproces gepresenteerd waaruit je inspiratie kunt halen om meer prachtige ontwerpen te maken en te realiseren.
Als je ooit ergens in de tutorial tegen een probleem aanloopt, aarzel dan niet om het ons te laten weten via het commentaarvak. Tot slot, voordat je onze site verlaat, neem een paar minuten de tijd om deze post te bekijken op hoe maak je een inhoudsvak in WordPress.
