Hoe Drop Caps in WordPress Posts te plaatsen
Heb je je ooit afgevraagd hoe sommige WordPress-sites drop-caps hebben? Onlangs vroeg een van onze gebruikers of we een eenvoudige manier kennen om drop-caps toe te voegen in WordPress. In dit artikel laten we u zien hoe u drop-caps in WordPress-berichten kunt toevoegen zonder CSS-code te schrijven.
Drop caps is een stylingtechniek die veel wordt gebruikt in gedrukte boeken en tijdschriften met lange leeswaarden. Het gebruikt een grote lettergrootte voor de eerste letter van de startparagraaf in elk hoofdstuk.
Video-instructies
Abonneer je op WPBeginnerAls je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.
Het eerste wat u hoeft te doen is de Simple Drop Cap-plug-in installeren en activeren. Bij activering, bezoek gewoon Instellingen »Eenvoudig Drop Cap om de plug-in te configureren.
De plug-in wordt geleverd met drie stylingopties. De eerste is de normale modus. Zo ziet de drop-cap eruit in de normale modus:
De tweede keuze is de zweefmodus. Dit is hoe de drop-cap eruitziet in de zweefmodus:
De laatste optie is om uw eigen aangepaste CSS-regels te gebruiken. Als u deze optie kiest, moet u uw eigen stijlregels opgeven in het vak Aangepaste CSS-stijl
Met de plug-in kunt u ook de kleur van de afgedekte letter wijzigen.
Tenslotte vinkt u onder de gebruiksinstellingen het selectievakje aan naast automatisering met drop-caps. Hiermee wordt automatisch een drop-cap toegevoegd aan al je berichten.
Je kunt ook de eerste letter van je berichten verpakken met de shortcode [dropcap] [/ dropcap]. We raden u aan de geautomatiseerde methode te gebruiken omdat deze eenvoudig te gebruiken is.
Dat is alles. Sla uw instellingen op en bekijk een voorbeeld van uw site om de plug-in in actie te zien.
We hopen dat dit artikel u heeft geholpen bij het toevoegen van drop caps in WordPress-berichten. Misschien wilt u ook kijken hoe u aangepaste stijlen toevoegt aan de visuele editor van WordPress.
Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Google+.