Het afstandsblok is een van de meest benodigde blokken in WordPress, omdat het de leesbaarheid en esthetiek van je inhoud kan maken of breken. Het voegt verticale en horizontale ruimte toe tussen blokken, secties, afbeeldingen, tekst, enz.
Vandaag leren we in deze tutorial hoe je het Spacer blok in WordPress gebruikt en wat de belangrijkste functies en werkbalkfuncties zijn. Blijf dus bij ons.
Wat is het afstandsblok?
Het WordPress Spacer blok dient als een WordPress kernblok om aanpasbare ruimte toe te voegen tussen blokken in de WordPress blok editor.
Hiermee kun je een visuele scheiding aanbrengen zonder afhankelijk te zijn van aangepaste CSS of thema-instellingen. Je kunt de afstandhouder aanpassen door te slepen en de grootte te wijzigen.
Wat zijn de belangrijkste functies van het WordPress afstandsblok?
Belangrijkste kenmerken van het WordPress afstandsblok
Het Spacer Block heeft verschillende handige functies waardoor het een essentiële toevoeging is aan je ontwerptoolkit:
- Verstelbare hoogte: Pas eenvoudig de hoogte van de afstandhouder aan door de regelaar te verslepen of een specifieke waarde in te voeren.
- Pixelprecieze besturing: Voer nauwkeurige metingen in voor een consistente tussenruimte op uw site.
- Responsief ontwerp: De afmetingen van de afstandhouders passen zich naadloos aan verschillende schermformaten aan, voor een gepolijst uiterlijk op desktops, tablets en mobiele telefoons.
- Integratie met andere blokken: Werkt moeiteloos naast tekst, afbeeldingen en andere blokken om de lay-out en leesbaarheid te verbeteren.
Wat zijn de werkbalkfuncties van het afstandsblok?
Het afstandsblok wordt geleverd met een eenvoudige werkbalk waarmee je de plaatsing en functionaliteit kunt beheren:
- Transformeren naar: Met deze optie kun je je blok transformeren naar andere blokken, zoals de Kolommen, Details en Groep.
- Meer opties: Meer Opties inhoud andere blokopties zoals Kopiëren, Dupliceren, Verplaatsen, enz.
- Slepen: Met de sleepoptie kun je het blok overal naartoe slepen in de editor.
- Bewegende handgrepen: Met de bewegende handgrepen kun je je blokpositie omhoog of omlaag verplaatsen.
Maak prachtige tafels
Met blok-editor
Hoe gebruik je het afstandsblok in WordPress?
Volg de stappen en leer hoe je het kunt gebruiken. Het is een eenvoudig proces.
Stap 1: Plaats het afstandsblok
De eerste stap is om naar je bericht of pagina te gaan waar je het Spacer-blok wilt toevoegen. Klik daarna op de Blok toevoegen ("+") pictogram (1), type "Afstandhouder" in het zoekvak (2)en klik op "Afstandhouder" (3).
Stap 2: Pas de grootte van je afstandhouder aan
Pas nu de grootte van de afstandhouder aan aan je behoeften. Je kunt de hoogte van de afstandhouder aanpassen via de editor of via de blokinstellingen. De keuze is aan jou.
Je kunt de marge ook wijzigen met de optie Blokstijlen. Om de marge te wijzigen, navigeer je naar Instellingen (1) > Blok (2) > Stijlen (3). Wijzig ten slotte de marge met de schuifknop voor de marge (4).
Laatste gedachten!
Zo gebruik je de spacer dus in je WordPress berichten en pagina's. De aanpasbare hoogte, het responsieve ontwerp en de naadloze integratie met andere blokken maken het een onmisbaar hulpmiddel in je content.
Het WordPress spacer blok zorgt ervoor dat je inhoud er schoon, georganiseerd en visueel aantrekkelijk uitziet. Gebruik het blok vandaag nog en geef je inhoud de ademruimte die het verdient.
Laat me weten wat je ervan vindt in het commentaargedeelte. Je kunt het me ook laten weten als de tutorial moeilijk te volgen is. Laat ook je andere vrienden hiervan weten door het bericht te delen op je sociale platformen.
Lees meer!
