Een horizontale lijnscheidingsteken toevoegen in WordPress (5-methoden) - DeLaatbusiness

Een horizontale lijnscheidingsteken toevoegen in WordPress (5-methoden)

6 min


128
6 gratis internet marketing ebooks, klik hier voor download

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.

Hoe u een horizontale lijn toevoegt in WordPress

Aangezien dit een uitgebreide handleiding is voor het toevoegen van een horizontale lijnverdeler in WordPress, kan het nuttig zijn om onze inhoudsopgave te gebruiken:

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.

Een nieuw blok toevoegen waar u uw horizontale lijn wilt hebben

Selecteer vervolgens het scheidingsblok in het gedeelte Lay-outelementen of zoek ernaar met behulp van de zoekbalk.

Zoek het scheidingsblok en voeg het toe

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.

Klik op het scheidingsblok om het te selecteren en de instellingen te bewerken

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.
De verschillende beschikbare stijlen voor het scheidingsblok

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.

Verander de kleur van de horizontale lijn

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 die is aangepast om breed en blauw te zijn

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:

Klik op de schakelknop van de werkbalk om de tweede rij met pictogrammen te zien

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:

De horizontale lijnknop in de klassieke WordPress-editor

Je horizontale lijn is lichtgrijs. Het bedekt de hele breedte van je bericht als volgt:

Een horizontale regel die is gemaakt met de klassieke editor

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:

Het Spacer-blok in de blok-editor

En zo ziet de spacer er op uw site uit:

Hoe het afstandsblok wordt weergegeven op een pagina of bericht

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:

Het blok Meer in de berichteditor

En zo verschijnt de link Meer op uw site:

Het Read More-blok in een bericht op de 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:

Het pagina-einde-blok getoond in de blok-editor

En zo ziet het pagina-einde eruit op uw site:

Het pagina-einde zoals het op een site wordt weergegeven

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.

Een nieuw formulier maken met WPForms

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.

Een offerteformulier maken in WPForms

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.

Een pagina-einde toevoegen in WPForms

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.

Het pagina-einde veld bewerken in WPForms

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.

Het WPForms-blok toevoegen aan uw pagina of bericht

Selecteer nu uw formulier in de vervolgkeuzelijst.

Kies 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.

Het formulier met een pagina-einde op de website

We hopen dat deze tutorial je heeft geholpen om te leren hoe je horizontale lijnscheidingstekens kunt toevoegen in WordPress. 


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format