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

How To Add Drop Caps on WordPress / WordPress Tricks & Tips

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 Read More

WordPress › Drop Caps « WordPress Plugins

New in version 2: You can now add drop caps to comments and excerpts as well as post WordPress Read More

Milburn – Plugins

Drop Caps Plugin. T his plugin enables you to easily add drop caps to your WordPress blog. Drop Caps increase the readability, make your blog look more professional Read More

How to add Drop Caps on Wordpress Blog Content ?

A drop-cap to the content style, is a Latin initialis typographic approach, which means standing at the beginning. Adding drop caps, on the website or blog content Read More

Create WordPress Drop Caps » Ulyssesonline

A Drop Cap is the first letter of a paragraph that is enlarged to “drop” down two or more lines. So, here is an easy way to create drop caps in WordPress. 1. Add a Read More


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>