How to Add Drop Caps in WordPress Posts – WPSaviour

By WP Saviour •  Updated: 09/22/20 •  2 min read

Have you ever ever puzzled how some WordPress websites have drop caps? Not too long ago certainly one of our customers requested if we all know of a straightforward method so as to add drop caps in WordPress. On this article, we are going to present you methods to add drop caps in WordPress posts with out writing any CSS code.

float-dropcap-4424970

Drop caps is a styling approach generally utilized in print books and magazines that includes lengthy reads. It makes use of a big font dimension for the primary letter of the beginning paragraph in every chapter.

Video Tutorial

Subscribe to WPBeginner

In the event you don’t just like the video or want extra directions, then proceed studying.

Very first thing you should do is set up and activate the Simple Drop Cap plugin. Upon activation, merely go to Settings » Easy Drop Cap to configure the plugin.

simple-drop-cap-settings-9964086

The plugin comes with three styling choices. The primary one is regular mode. That is how the drop cap seems within the regular mode:

normal-dropcap-8651446

The second alternative is float mode. That is how the drop cap seems within the float mode:

float-dropcap-4424970

The final choice is to make use of your individual customized CSS guidelines. In the event you select this selection, then you will want to offer your individual styling guidelines within the customized css model field

The plugin additionally means that you can change the colour of drop capped letter.

Lastly underneath the utilization settings, test the field subsequent to drop cap automation. This can robotically add drop cap to all of your submit.

Alternatively, you can even wrap the primary letter of your posts with [dropcap][/dropcap] shortcode. We’d suggest utilizing the automated technique as a result of it’s straightforward to make use of.

That’s all. Save your settings and preview your website to see the plugin in motion.

We hope this text helped you add drop caps in WordPress posts. You may additionally wish to take a look at methods to add customized types to WordPress visible editor.

gp-3564303 as-1255658

WP Saviour

I am a WordPress specialist. My mission is to help you create beautiful websites with ease!