Soms moet u tijdens het schrijven van uw artikelen ruimte toevoegen om bepaalde elementen beter te markeren. Het kan een afbeelding of reclame-informatie zijn.

WordPress biedt een ingebouwde functie waarmee u ruimte aan uw berichten kunt toevoegen. In de meeste gevallen werkt deze functie, maar wat te doen als dit niet het geval is met uw thema?

Wanneer een scheidingslijn in een artikel wordt toegevoegd

Misschien wilt u een item in een artikel markeren of geeft uw thema de afbeeldingen die op een alinea volgen mogelijk niet correct weer (tekst kan onder de afbeelding worden ingesloten).

Sommigen willen misschien ook een lijn toevoegen om de lay-out op te fleuren. In deze tutorial laat ik je zien hoe je een scheidingslijn toevoegt aan je alinea's op WordPress.

Een scheidingslijn toevoegen met een WordPress-plug-in

Voordat ik deze methode bespreek, moet ik eerst onthouden hoe dit mogelijk is met de (Horizontale lijn) -knop standaard op WordPress.

WordPress horizontale lijn

Zodra u op deze knop klikt, wordt er een lijn weergegeven op het gebied van inhoud van de visuele editor. Je kunt ook de plug-in “ Separate Shortcode en Widget ", Beschikbaar op WordPress.org.

Meer informatie over het installeren van een WordPress-plug-in.

afzonderlijke shortcode en widget

Deze plug-in biedt een vrij eenvoudige oplossing waarmee u zich kunt scheiden van inhoud (of widgets) met behulp van een shortcode.

Inhoud scheiden met handmatige code

Als u een ontwikkelaar bent en de code wilt vinden waarmee u alinea's kunt scheiden van uw artikelen op WordPress, dan bent u aan het juiste adres.

Denk eraan, voordat u wijzigingen aanbrengt in de code, moet u altijd overwegen een back-up te maken van uw WordPress blog (als u geen testomgeving hebt gemaakt).

We hebben u ook getoond hoe een plug-in te maken. U kunt deze plug-in gebruiken om uw code op te slaan. Het enige dat u hoeft te doen, is de volgende code toevoegen:

add_shortcode ( 'diviseur', 'shortcode_insert_divider');
fonction shortcode_insert_divider () {
    return '<div class = "diviseur"> </ div>';
}

Met de vorige code kunt u een shortcode maken op WordPress.

U kunt ook een CSS-bestand aan uw WordPress-bestandswachtrij koppelen. Deze CSS-code kunt u naar wens aanpassen. De shortcode die u kunt gebruiken om een ​​spatiebalk weer te geven is

[Divider]

Door de code te gebruiken, kunt u een WordPress-shortcode maken die parameters accepteert, zodat u eenvoudig door instellingen kunt gaan die de hoogte en stijl van de spatiebalk instellen.

Dat was ongeveer alles wat er te weten viel. Ik hoop dat het je lukt om een ​​spatiebalk te maken op je WordPress blog.