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 Create a Custom WordPress Log-In Screen

WordPress 3.0 is a solid and powerful publishing platform, I like it and really enjoy using it. Using WordPress we can tweak on many area using Plugin or hard coded on our function. Now let’s get started made a Custom … Read More

How To Enable Visual Editor Actually WYSIWYG

DigWP, one of my favorite WordPress Tutorials, share another useful tips, How To Enable Visual Editor Actually WYSIWYG. If you are TwentyTen Theme user, you will find that when you are activated and use Visual Editor and edit your content … Read More

How To Integrate Google Font Directory on WordPress Theme

A Google Font Directory is another services by Google, using Google Font directory will be save more bandwidht and server usage. Many question is how to integrate and Using the Google Font Directory in our WordPress theme. Today I will … Read More

Style Posts From Some Category Differently

Right now, every blogger has know WordPress as easiest and nicely support publishing system. To create more sophisticated and personal blog. Blogger chooses WordPress as they Blog Engine. Some featured that we can use to create more unique blog is … Read More

Create Post Pagination without Plugin

We are already now, there are wonderful plugin to create Post Pagination on WordPress that call WP Pagenavi. But today I will share it how to create Post Pagination without plugin without any plugin installed. This method only using litle … 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

Source: http://wordpress.org/extend/plugins/drop-caps/

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

Source: http://wptricks.net/how-to-add-drop-caps-on-wordpress/

Drop Caps For WordPress - WPShout.com

Drop Caps For WordPress. Posted on 19. Apr, 2010 by Alex Denning in Theme Customization The plugin way is best if you want to add drop caps to all your posts and if it read more

Source: http://wpshout.com/drop-caps-for-wordpress/

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

Source: http://www.themepremium.com/how-to-add-drop-caps-on-wordpress-blog-content/

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

Source: http://ulyssesonline.com/2007/08/01/create-wordpress-drop-caps/


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>