How To Add Drop Caps on WordPress


Sponsored Links




Today, Drop Caps is nicely featured to added our Post more styling, make our first post letter more bigger than other. There are so many method to create Drop Caps on WordPress we can use nicely Drop Caps plugin by Thomas Milburn. If you like minimum effort, you should use this. Install and done ;) You can check our Drop Caps in WP Tricks below

Tutorial Added Drop Caps on WordPress

Tutorial Added Drop Caps on WordPress

If you prefer use new CSS 3 Technology to creating Drop Caps you can added on your style.css this code

.entry p:first-of-type:first-letter{
font-size: 48px;
padding: 10px;
float: left;
}

Please note you the_content() or the_excerpt() must surrounding by entry class to make it work. And New CSS 3 not available on oldies browser. There are still so many technique to added Drop Caps in our WordPress, on this tutorial only some sample.

So, which one your prefer? it’s up to you, there are another tutorial to create Drop Caps on here

Subscribe to Full RSS Feed

RSS FeedIf you thing this article useful, please consider subscribing to our RSS Feed or e-mail updates and stay updated with us. You can also follow @WPTricksNet on twitter for latest updates.

About WP Tricks

We are WordPress Family, we collected and writed useful tips and tricks for you WordPress. We share it for you...

Related Tips and Trick from Local Data and on The Net


2 Responses to How To Add Drop Caps on WordPress

  1. Rajesh says:

    I tried it but not working. I am using Mystique Theme!

  2. Pingback: Zajímavé články o WordPressu (v angličtině) « Fórum podpory WordPressu

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>