How to Format Drop-caps

Jul 12th, 2009

in Design, Plugins

You’ll learn two different ways to do this. The first uses a plugin, and the second one doesn’t.

Using a plugin

  1. Login to your WordPress blog and navigate to the Dashboard administration panel.
  2. Install TinyMCE Advanced plugin.
  3. Expand the Settings panel and click on TinyMCE Advanced. Now you are in the plugin’s configuration screen.
  4. Drag the Styles button to your editing toolbar.
  5. Click Save changes
  6. Navigate to the post or page you want to edit. Make sure you are using the visual editor.
  7. Highlight the character you want to format as a drop cap. Go up to the toolbar and click the Styles dropdown button. Scroll down through the styles til you find drop_cap.
  8. Click it
  9. Click Update Post

Not using a plugin

  1. Navigate to the post or page you want to edit. Make sure you are using the HTML editor.
  2. Type: <span class=drop_cap>character you want to format goes here</span>
  3. Click Update Post
1 Star2 Stars3 Stars4 Stars5 Stars (3) Loading ... Loading ...
Share and Enjoy:
  • email
  • del.icio.us
  • Facebook
  • Digg
  • FriendFeed
  • Twitter
  • StumbleUpon
  • Technorati
  • Reddit
  • Yahoo! Buzz
  • fussydude
    F A B I
    Awesome thank you
    I need to take more notice
  • you're welcome ;)
  • fussydude
    No drop_cap. option in my styles drop down ?????????
  • Mel, double-check your TinyMCE's settings. Is this option selected?
blog comments powered by Disqus

Previous post:

Next post: