Wil je een horizontale lijn toevoegen aan je bericht of pagina in WordPress?
Horizontale lijnverdelers zijn een geweldige manier om lange berichten in kleinere secties op te splitsen, speciale aankondigingen of promoties te markeren en verschillende delen van een pagina duidelijk van elkaar te scheiden.
In dit artikel laten we u zien hoe u eenvoudig een horizontale lijnverdeler in WordPress kunt toevoegen.
Aangezien dit een uitgebreide handleiding is voor het toevoegen van een horizontale lijnverdeler in WordPress, kan het nuttig zijn om onze inhoudsopgave te gebruiken:
- Hoe een horizontale lijnverdeler in Block Editor toe te voegen
- Hoe u een horizontale lijnverdeler toevoegt in de klassieke editor
- Een horizontale lijnverdeler toevoegen met handmatige HTML
- Hoe u andere soorten afstandhouders en pagina-einden in WordPress kunt toevoegen
- Hoe u lange WordPress-formulieren opsplitst in meerdere secties
Een horizontale lijn toevoegen in de WordPress Block Editor
Om een horizontale lijn toe te voegen met behulp van de WordPress-blokeditor , klikt u op het (+) pictogram om een nieuw blok toe te voegen waar u maar wilt dat de lijn is.
Selecteer vervolgens het scheidingsblok in het gedeelte Lay-outelementen of zoek ernaar met behulp van de zoekbalk.
Eenmaal toegevoegd, ziet u uw horizontale lijnverdeler in uw inhoudsgebied.
De horizontale lijn opmaken in de WordPress Block Editor
Standaard is de horizontale scheidingslijn een lichtgrijze lijn in het midden van je bericht of pagina.
Je kunt het uiterlijk wijzigen door op de lijn te klikken om het blok te selecteren. Vervolgens wordt het bewerkingspaneel ‘Blokkeren’ aan de rechterkant van uw scherm geopend.
Om de stijl van uw lijn te veranderen, klikt u gewoon op de kleine pijl naast Stijlen. Vervolgens ziet u de verschillende opties.
U kunt de horizontale lijn als volgt wijzigen in een van deze:
- Een brede lijn die de volledige breedte van de inhoud van uw bericht beslaat.
- Drie stippen die in het midden van je bericht worden weergegeven.
Opmerking: in sommige WordPress-thema’s beslaan zowel de brede lijn als de standaardlijn de hele breedte van uw bericht.
U kunt ook de kleur van uw horizontale lijn wijzigen onder de Kleurinstellingen. Klik eenvoudig op een van de weergegeven opties of gebruik de link ‘Aangepaste kleur’ om een kleur te kiezen.
Als u terug wilt naar de standaard grijze kleur, klikt u gewoon op de knop ‘Wissen’ onder de kleuropties.
Hier is onze horizontale lijn blauw en gebruikt de “brede” stijl.
Een horizontale lijn toevoegen in de WordPress Classic Editor
Als u nog steeds de klassieke editor gebruikt , kunt u eenvoudige horizontale lijnen toevoegen. Om dit te doen, bewerkt u eenvoudig een bestaande post of pagina of maakt u een nieuwe aan.
Als u slechts één rij knoppen ziet in de werkbalk boven de berichteditor, klik dan op het pictogram Toolbar wisselen aan de rechterkant:
Hierdoor wordt de tweede rij knoppen geopend, inclusief de horizontale lijnoptie.
Ga nu door en plaats een regeleinde tussen de alinea’s waar u de horizontale lijn wilt laten komen. Vervolgens kunt u op de knop Horizontale lijn klikken. Het is de tweede van links op de tweede rij:
Je horizontale lijn is lichtgrijs. Het bedekt de hele breedte van je bericht als volgt:
Handmatig een horizontale lijnverdeler toevoegen met HTML
In sommige zeldzame gevallen moet u mogelijk handmatig een horizontale lijnverdeler toevoegen aan uw WordPress-inhoud.
Als dat zo is, kunt u dat eenvoudig doen door de hr HTML-tag in uw inhoud te gebruiken:
<hr>
Dit voegt het horizontale lijnscheidingsteken toe aan uw berichtinhoud.
Andere scheidingstekens die u kunt gebruiken in uw berichten en pagina’s
Met de standaard WordPress-blokeditor kunt u meerdere soorten scheidingstekens toevoegen aan uw berichten en pagina’s.
Afgezien van het horizontale lijnscheidingsteken, omvatten de andere opties in de blokkenset Lay-outelementen de Spacer, de koppeling Meer en de Pagina-einde-blokken.
Het Spacer Block
Met de Spacer kunt u witruimte tussen blokken toevoegen. Als u bijvoorbeeld een kleine opening aan het einde van uw bericht wilt hebben voor een speciale aanbieding, kunt u de Spacer gebruiken.
U kunt de hoogte van de afstandhouder aanpassen. Zo ziet het eruit wanneer u uw bericht in de blokeditor maakt:
En zo ziet de spacer er op uw site uit:
Het meer blok
Als je thema volledige berichten toont (in plaats van fragmenten) op je hoofdblogpagina, dan zal het toevoegen van een ‘Meer’-link je bericht op dat moment afbreken. De bezoeker kan klikken om meer te lezen.
Zo ziet het eruit wanneer u uw bericht maakt:
En zo verschijnt de link Meer op uw site:
U kunt meer leren over uittreksels in onze gids over hoe u uittreksels gemakkelijk kunt aanpassen in WordPress .
Het Page Break Block
Met het pagina-einde kun je lange blogposts opsplitsen in meerdere pagina’s. Je kunt het op geen enkele manier aanpassen. Zo ziet het eruit wanneer u uw bericht maakt:
En zo ziet het pagina-einde eruit op uw site:
Elk van deze kan een goed alternatief zijn voor het toevoegen van een horizontale lijn in WordPress, afhankelijk van wat je wilt doen.
Een pagina-einde toevoegen aan WordPress-formulieren met behulp van WPForms
Wat als u een pauze niet in een bericht of pagina wilt plaatsen, maar in een WordPress-contactformulier ? U kunt dat ook doen. We gaan hiervoor WPForms gebruiken.
Eerst moet u de WPForms-plug- in downloaden, installeren en activeren . Als je niet zeker weet hoe, kijk dan eens naar onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in .
Ga vervolgens naar WPForms »Nieuw toevoegen in uw WordPress-dashboard.
Voer een naam in voor uw formulier en kies vervolgens een sjabloon. We gebruiken de sjabloon ‘Een offerteformulier aanvragen’ voor de onze. Beweeg uw muiscursor over de sjabloon en klik op de knop om uw formulier te maken.
Blader vervolgens naar beneden op het tabblad Velden toevoegen aan de linkerkant naar het gedeelte Fancy Fields. Sleep het pagina-einde naar de gewenste plek op het formulier. We plaatsen het net voor het verzoekvenster.
Je zult zien dat het formulier nu in twee delen is verdeeld. WPForms heeft ook automatisch een knop ‘Volgende’ toegevoegd.
U kunt het label ‘Volgende’ wijzigen als u dat wilt en u kunt een knop ‘Vorige’ toevoegen om naar de tweede pagina van het formulier te gaan. Klik gewoon op het veld voor pagina-einde om het te bewerken.
Sla uw formulier op als u klaar bent door op de knop Opslaan rechtsboven te klikken.
U kunt het formulier nu aan uw website toevoegen. Eerst moet je een nieuwe post of pagina maken of een bestaande bewerken.
Klik op de (+) om een nieuw blok aan uw bericht of pagina toe te voegen en zoek het WPForms-blok. U kunt de zoekbalk gebruiken of in het gedeelte Widgets kijken. Voeg het blok toe aan je pagina.
Selecteer nu uw formulier in de vervolgkeuzelijst.
Zodra je dat hebt gedaan, kun je het bericht of de pagina publiceren en bekijken hoe je formulier eruitziet op je website.
We hopen dat deze tutorial je heeft geholpen om te leren hoe je horizontale lijnscheidingstekens kunt toevoegen in WordPress.
0 Comments