drop caps

mulberry
(@mulberry)

19 years, 9 months ago

someone may be interested in drop caps. I suggest a way using quicktags to do this.
firstly, add this to your style sheet:
#fp:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
margin-right: 3px;
}
add following code to file /wp-admin/quicktags.js, put them among “edButtons”
edButtons[edButtons.length] = new edButton('ed_capdrop' ,'CapDrop' ,'<p id="fp">' ,'' ,'c' );
then you will see a CapDrop quicktag in your edit window.
That’s it.
Example here
hope someone can make it a plugin.

Viewing 9 replies - 1 through 9 (of 9 total)

carthik
(@carthik)

19 years, 9 months ago

Adding that to quicktags.js using a plugin won’t be easy. A plugin could be written, albeit using a different method.
But that said, this seems to be a good solution! Thanks for sharing it with us.

davidchait
(@davidchait)

19 years, 9 months ago

I have a method for CHAITGEAR that should be able to translate into a plugin at some point, assuming there’s no tags at the start of the content (I’d have to add significant enhancements to move past all tags and find the first character…). It’ll be another week or two before I can get back to it…
d

TechGnome
(@techgnome)

19 years, 9 months ago

Actualy, David, it’s not as bad as you think it is. Check the first character, if it is a < then simply skip over until you find the matching >… then check the next letter after that, repeat until it isn’t a < at least that’s what I’ve done in mine. The only problem now is when the post starts off with an image….
TG

Anonymous

19 years, 9 months ago

Or a blockquote 😉

TechGnome
(@techgnome)

19 years, 9 months ago

oooooh, good catch, as I do that myself some times….. hmm…. gives me something to think about…..
TG

Richard Brown
(@cregy)

18 years, 8 months ago

Hi

I have tried to use DropCap on the site at http://www.swmug.co.uk/ but it doesn’t work. Does it work on 1.5 please? And if so any ideas what I might have done wrong?

Thanks

Rich

Marc
(@marc)

18 years, 8 months ago

Try this:

http://www.mandarindesign.com/troops.html#magazinedropcaps

Or this:

http://www.mandarindesign.com/dropcaps2.html

Richard Brown
(@cregy)

18 years, 8 months ago

Hi All

I found it. It shows up as a quicktag box in editing page/post. You place the cursor at the start of the paragraph you want the drop cap to be and then place the cursor at the end of the paragraph and close the drop cap.

Hope that helps.

Rich

Skauss
(@bladerunn3r)

17 years, 10 months ago

Hello everybody!
Printf has created a plugin for drops caps, you can get it at
http://www.printfhelloworld.com/wordpress-plugin-big-first-character.html

I added some more css to make it consistent in both firefox and explorer.
P.BigFirst:first-letter {
color: white;
font-size: 4em;
font-family:times;
font-weight:bold;
float:left;
padding: 6px;
margin:0 5px 0 0;
display:block;
border:2px solid #ffa729;
line-height:1em;
background-color:#ffa729;
}

See an example at my blog http://www.skauss.com