Wilt u spaties of toevoegen? subsecties ingesprongen op WordPress? Wilt u alinea's op WordPress laten inspringen?

Hoewel de meeste van uw tekst links is uitgelijnd, moet u in sommige gevallen bepaalde alinea's laten inspringen voor beste typografie en een betere leeservaring.

In deze zelfstudie laten we u zien hoe u kunt inspringen facilement paragrafen over WordPress.

Methode 1: de knoppen voor tekstinspringing in de visuele editor gebruiken 

Standaard de meeste WordPress-thema's Toon gerechtvaardigde alinea's links of rechts voor talen die van rechts naar links worden geschreven.

Als u een alinea wilt verplaatsen, kunt u dit handmatig doen door op de knop te klikken Inspringing vergroten van de visuele teksteditor. Hierdoor wordt er ruimte aan de linkerkant van de alinea toegevoegd.

Als u meer dan één alinea wilt laten inspringen, moet u die alinea's selecteren en vervolgens op de knop klikken Inspringing vergroten.

U kunt meerdere keren op de knop klikken om de inspringing te vergroten. Als u er bijvoorbeeld op dubbelklikt, wordt de afstand tussen de inspringingen verdubbeld.

U kunt de opname ook verminderen door op de knop te klikken Inspringing verkleinen. 

We nodigen u ook uit voordat u verder gaat met ontdekken Hoe de Gutenberg-editor voor WordPress 5.0 te gebruiken: Deel XNUMX

Methode 2: handmatig inspringen paragraaf met behulp van de teksteditor

Met behulp van de opnameknoppen tekst op de visuele editor is de gemakkelijkste manier om inspringing toe te voegen aan alinea's. Dit geeft u echter geen controle over hoeveel afstand u wilt toevoegen.

De meeste geavanceerde gebruikers kunnen overschakelen naar teksteditor om handmatig de inspringing toe te voegen. Het enige dat u hoeft te doen, is de tekst in de alineatag plaatsen en en dan y CSS-code toevoegen zoals dit:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Met deze methode kunt u de afstand bepalen die u als inspringing wilt gebruiken. Deze methode werkt het beste als u alinea's niet regelmatig hoeft te laten inspringen.

Dus als je ze vaak genoeg inspringt, dan is dit geen ideale oplossing.

Ontdek onze gids op Hoe schrijf je een goede paragraaf op je blog? 

Methode 3: laat alleen de eerste regel van een alinea inspringen

Webpagina's gebruiken niet de traditionele alinea-afstand die wordt gebruikt door tekstverwerkingssoftware, die alleen de eerste regel van de alinea markeert.

Zelfs in WordPress, wanneer u een alinea inspringt, wordt er ruimte toegevoegd aan de hele alinea.

Sommige websites van tijdschriften of literaire tijdschriften willen misschien een meer traditioneel streepje toevoegen. In dit geval moet u aangepaste CSS toevoegen aan uw WordPress theme.

Ga naar ' Uiterlijk> Aanpassen Om de ' Customizer "Om WordPress theme. Klik op de " extra CSS .

Hiermee wordt een tekstvak in het linkerdeelvenster weergegeven waar u uw aangepaste CSS-code kunt toevoegen. Voeg deze CSS-code toe aan dit tekstvak.

p.custom-indent { 
text-indent:60px;
}

Ontdek ook onze Tutorial: Hoe de WordPress Visual Editor onder de knie te krijgen

Deze CSS-code vertelt browsers eenvoudig dat als een alinea de ".custom-indent" -klasse heeft, deze een inspringing van 60 px toevoegt.

U kunt uw artikel vervolgens bewerken in de teksteditor. Omring je tekst dan met de tags <p class = "custom-indent"> et </p> als volgt :

Uw alineatekst komt hier ...

Als u klaar bent, kunt u een voorbeeld van uw artikel bekijken en zult u zien dat alleen de eerste regel van de alinea daarvoor spaties heeft.

Deze methode zal zorgvuldig werken als u slechts een paar alinea's wilt laten inspringen. Als u deze stijl echter aan alle alinea's van uw website wilt toevoegen, moet u gewoon de aangepaste CSS-code als volgt wijzigen:

article p { 
text-indent:60px;
}

Deze CSS-code voegt automatisch een inspringing toe op de eerste regel van alle alinea's in een WordPress-bericht of -pagina.

Ontdek ook voor vertrek Hoe maak je een visuele stijl toe te voegen aan de WordPress editor

Voor degenen die op zoek zijn naar visuele editors in stijl om het uiterlijk van hun website te verbeteren, bieden we ze hier 3 premium WordPress-plug-ins die voor deze taak zijn ontworpen.

1. Geel potlood: Visual Style CSS Editor

Yellow Pencil is een visuele stijleditor die u met elk thema kunt gebruiken om uw website binnen enkele minuten te personaliseren (lettertypen, kleuren, animaties en meer…).

Deze plug-in maakt CSS-stijlen op de achtergrond terwijl je met kleuren speelt alsof het een spel is. Het is ontworpen voor zowel beginners als ervaren gebruikers. Er is geen kennis van codering vereist; De plug-in heeft echter een goede CSS-editor voor degenen die graag coderen. U kunt live coderen met deze editor en uw CSS aanpassen.

Downloaden | demonstratie | web hosting

2. Eenvoudig aangepast JS en CSS 

Ce WordPress Plugin premium is een krachtige CSS- en JavaScript-code-editor waarmee u ze aan elk gedeelte van uw website kunt toevoegen. Hiermee kunt u uw aanpassingen behouden, zelfs na een grote update van uw WordPress theme.

U heeft de mogelijkheid om het toepassingsgebied van uw persoonlijke code te beperken. U kunt uw code bijvoorbeeld alleen gebruiken voor een artikel in videoformaat. Of u kunt uw code beperken tot een specifiek thema; Dat is handig als je regelmatig van thema verandert voor je WordPress-blog.

Downloaden | demonstratie | web hosting

2. Responsieve Google Maps

Ce WordPress Plugin bevordert het creëren van een systeem van meerdere markeringen op een kaart en meerdere kaarten per pagina. Het omvat weergave op volledig scherm en groepering van meerdere markeringen. Hiervoor is geen API-sleutel nodig.

De installatie van WordPress Plugin Responsieve Google Maps is eenvoudig en gemakkelijk. Lange complexe shortcodes zijn niet nodig​ Evenzo is het eenvoudig om een ​​kaart te maken, om er snel een locatie aan toe te voegen, daarvoor hoef je alleen maar een shortcode te kopiëren naar de pagina waar je de kaart wilt weergeven, en je bent klaar!

lezen Hoe de locatie van een lid van uw WP-community op een Google Map weer te geven

De andere kenmerken zijn: aresponsieve arte, pmeerdere locaties op dezelfde kaart, pmeerdere kaarten per pagina, de mogelijkheid vandownload uw eigen markeringen, een volledig scherm, d ondersteuningverschillende soorten kaarten (wegenkaart, satelliet, hybride en terrein), de zoom automatisch, de mogelijkheid om de t aan te passenga van de kaart, et veel meer ...

Aanbevolen bronnen

Ontdek meer ressources aanbevelingen die u zullen helpen neem beter de controle over uw visuele teksteditor.  

• Hoe een plug-in op WordPress te installeren (toe te voegen)
• Wordfence Security installeren op WordPress
• Wat te verwachten van Gutenberg, de nieuwe WordPress-editor  
• Hoe de Gutenberg-editor voor WordPress 5.0 te gebruiken: Deel XNUMX 
• Hoe u functionaliteit toevoegt aan de visuele editor van WordPress

Conclusie

Alstublieft ! Dat is het voor deze tutorial, ik hoop dat je hiermee de inspringing van je artikelen beter kunt organiseren. voel je vrij om deel de tip met je vrienden op je sociale netwerken.

Als u suggesties of opmerkingen heeft, zijn deze welkom. Wij nodigen u ook uit om onze te raadplegen middelen als je een beginnende blogger bent.

...