Så här lägger du till droppehattar i WordPress-inlägg

Så här lägger du till droppehattar i WordPress-inlägg / WordPress-plugins

Har du någonsin undrat hur vissa WordPress-sidor har droppar? Nyligen frågade en av våra användare om vi känner till ett enkelt sätt att lägga till drop caps i WordPress. I den här artikeln kommer vi att visa dig hur du lägger till droppkepsar i WordPress-inlägg utan att skriva någon CSS-kod.

Drop caps är en styling teknik som vanligtvis används i tryckta böcker och tidningar med långa läsningar. Den använder en stor teckenstorlek för första bokstaven i början av stycket i varje kapitel.

Video Tutorial

Prenumerera på WPBeginner

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Det första du behöver göra är att installera och aktivera plugin för enkla droppehatt. Vid aktivering, besök helt enkelt Inställningar »Enkel Drop Cap för att konfigurera plugin.

Pluggen levereras med tre stylingalternativ. Den första är normalt läge. Så här ser dropplocket ut i normalt läge:

Det andra valet är float-läge. Så här ser dropplocket i float-läget:

Det sista alternativet är att använda egna egna CSS-regler. Om du väljer det här alternativet måste du ange dina egna stylingsregler i rutan anpassad css-stil

I plugin kan du också ändra färgen på drop-capped brev.

Slutligen under användningsinställningarna markerar du rutan bredvid automatisering av droppehuvud. Detta lägger automatiskt till dropplock till hela ditt inlägg.

Alternativt kan du också pakka in första bokstaven i dina inlägg med [dropcap] [/ dropcap] shortcode. Vi rekommenderar att du använder den automatiska metoden eftersom den är lätt att använda.

Det är allt. Spara dina inställningar och förhandsgranska din webbplats för att se plugin i åtgärd.

Vi hoppas att den här artikeln har hjälpt dig att lägga till drop-caps i WordPress-inlägg. Du kanske också vill kolla hur du lägger till anpassade stilar till WordPress visuell redigerare.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Google+.