IMPORTANT NOTE! As of version 1.4 of the WordPress Plugin Manager, TTF font \nfiles are not allowed elements of plugins. Hence, the bundled font is not \ninstalled correctly. You will need to download the tarball or ZIP file and \ninstall the font into the WordPress installation?s ?wp-content\/image-headlines? \ndirectory. Sorry about that.<\/p>\n\n
Your best bet is to first install the WordPress Plugin Manager and then perform \na One-Click installation from there. That?s as simple as it gets. Failing that, \nyou?re welcome to download the files and install the image-headlines.php file in \n'wp-content\/plugins' and the warp1.ttf file in a directory that you create \ncalled 'wp-content\/image-headlines'. That should get everything where it needs \nto go. You?ll then need to visit the plugins page of the WordPress \nadministration and activate the plugin. See, don?t you wish you?d just used the \nPlugin Manager?<\/p>\n\n
In order to have your titles turned into images, you have to change how you get \nyour titles! Why? Well, if I went around changing every single invocation of the \ntitle into an image you?d have images in your RSS feeds and anywhere else you \ncall ?the_title()?. You don?t want that. Instead, you tell me which of your \ntitles you want to be images. You do that by editing your template?for instance, \nyour Main Template which generally controls how your home page will look?and \nsearch for the following text:<\/p>\n\n
'the_title();'<\/p>\n\n
Shouldn?t be hard to find. Make certain that this is the one you want changed, \nit might appear elsewhere in the file. This is the one somewhere after the \n?while (have_posts()) : the_post()? stuff. You?ll change this text to look like \nthis instead:<\/p>\n\n
'the_title('_image');'<\/p>\n\n\n
This plugin allows you to have images created automatically for your entry \ntitles. In this way you can utilize non-standard fonts and get smoother \nrendering than would be possible with simple text headlines. New to this version \nis improved integration with the WordPress administration interface under \nWordPress 1.5 Strayhorn as well as genuine soft-shadows behind the text for that \nsmooth, custom look the girls love.<\/p>\n\n
The font I?ve included is the lovely Warp 1 by Alex Gollner. If you?d like to \nuse some other font you are more than welcome to do so. First, though, you need \nto get it on the server. So, find yourself a gorgeous TrueType font?preferably \nin Windows format if you have the choice?and stick it on your server. One of the \neasiest ways is to use the built-in WordPress Upload utility. You?ll have to \nallow ttf files to be uploaded which you can change in the miscellaneous tab of \nyour WordPress Options, but once you do that it?s literally just a few clicks to \ninstall the font. Simply click the ?Upload? tab in WordPress administration, \nbrowse to your font (note that Windows is finicky with the file dialog around \nfonts\n you?ll have to right-click on your file and hit ?Properties\n? and copy \nthe filename from the properties and paste it into your file name box in the \n?Open\n? dialog) and upload it! The plugin automatically searches your configured \nupload directory as well as the wp-content\/image-headlines directory for valid \nTrueType fonts and lists those in the menu. Experiment with those fonts!<\/p>\n\n
Following installation you?ll likely want to configure the appearance of your \ntitles. Simply go to the Options page of your WordPress installation where \nyou?ll see a new option cunningly called ?Headlines?. Click it.<\/p>\n\n
If everything has gone well with the installation you should see a collection of \noptions and a nifty preview image of what your current settings look like. Yeah! \nNote that if your preview image is showing (it should be an image with ?The \nquick brown fox jumped over the lazy dog.? in red letters with a soft gray \nbackground shadow) you are good to go. You?re welcome to customize it however \nyou wish but as far as the plugin is concerned it?s a happy camper.<\/p>\n\n
Let?s talk options.<\/p>\n\n
Really if you?re up and running you have nothing much to do here. This just sets \nwhat directory the plugin will use to store the images it generates. You can \nchange it if you wish.<\/p>\n\n
As you might imagine this section will have the greatest bearing on the \nappearance of your titles. You?ll see a menu containing the list of available \nfonts and entry boxes for controlling the font size and color as well as what \nthe background looks like. Note that all colors you see on this page must be \nspecified in HTML color format, so #123456 or #FF0000 or even the shorthand \nversion like #CCC. Anything else will break in fantastic and undefined ways and \nI will not be pleased if you ask me why your images aren?t showing up and it \nturns out that you have GREEN in the color field. You?ve been warned!<\/p>\n\n
If you make your background transparent it will likely look better. Turn the \noption on and off to see the difference.<\/p>\n\n
You can have a background image displayed behind your text if you want. I don?t \nuse it much but that?s your call.<\/p>\n\n
This will control the formatting of your image a bit, especially as it pertains \nto long lines.<\/p>\n\n
The left padding simply tells the plugin to leave some blank space at the left \nedge before it starts drawing the text. This may be useful in the case where you \nhave a background image you want to include.<\/p>\n\n
You can enable the line-splitting option so that really long titles get split \ninto multiple lines before rendering. This is important on fixed-width \nblogs?like the default Kubrick template in WordPress, for instance?so that you \ndon?t break the appearance if you happen to spout off in your titles like I do. \nSelecting this option will break the text into multiple lines if the rendered \nline would exceed the maximum line width you specify.<\/p>\n\n
The vertical space is the additional space you want between each line in the \ncase that we break up lines. The bigger the number the larger the gap between \nthem.<\/p>\n\n
The line indent is the additional space between the left border of the image and \nany subsequent lines in the case of a line break.<\/p>\n\n
You can turn shadows completely off if you so desire. In which case, simply turn \noff that ?Enable shadow? checkbox. But where?s the fun in that? You have your \nchoice of two shadow styles: soft-shadows and so-called ?classic? shadows. \nHere?s the explanation of both:<\/p>\n\n
Soft shadows look like the shadows that Adobe Photoshop generates for you. They \nare generated by drawing the text in the color that you specify in the shadow \ncolor parameter after first offsetting the text by the amounts that you specify \nin the vertical and horizontal offset parameters. Once that?s drawn the entire \nshadow image is blurred mathematically. If you care about the nitty-gritty \ndetails, it performs an approximation of a Gaussian blur using a ?squares? \nconvolution kernel horizontally and vertically across the image, with the size \nof the kernel being based on the ?shadow spread? parameter given. If you don?t \ncare about the nitty gritty, think about blurring your eyes and looking at the \ntext: the amount you blur your eyes is controlled by the ?shadow spread? \nparameter. A small spread means that the shadow will be pretty well defined. A \nlarger spread will mean that the shadow is spread out more and more diffuse (as \nwell as the color tends to fade as the spread increases).<\/p>\n\n
PLEASE NOTE that large shadows means many more calculations and many more \ncalculations means it is slower to calculate the final image and making it \nslower means using CPU time on the server and using too much CPU time makes ISP \nadmins cry. Once a particular image for a particular title is created it doesn?t \nhave to be created again, so you don?t have to worry about constantly<\/em> \nperforming this calculation. But, take it from me, if you have a large spread on \na large text size it can take 20 seconds to calculate the shadow for it. And \nthat?s 20 seconds of 99% CPU utilization on the server processor which can \ncreate problems with certain hosts. You?ve been warned again.<\/p>\n\n Classic shadows are pretty simple. First, we draw shadow two in the color you \nspecify, and we draw it 2 times the number of pixels you specify in the offset \nparameter down and to the right of where the final text will be drawn. Then we \ndraw shadow one in the color you specify, and we draw it the number of pixels \nyou specify in the offset parameter down and to the right. Then we draw the text \nin your font color right where you want it. The ?exciting? example on this page \nis an example using this method. Using this technique has the advantage that \nit?s fast. Using this technique has the disadvantage that it?s ugly. Okay, not \nugly, just not as elegant and stylish as the soft ones. Then again I?m biased\n I \nwrote the soft shadows and Joel Bennett did the classic ones :) . Nevertheless, \nyou can create some interesting effects with the classic shadows.<\/p>\n\n Of course you can!<\/p>\n\n Glad you asked! You can stick this anywhere in your templates?for instance if \nyou want your various category titles rendered?or even in your posts and pages \nlike the one above. First, if you want to put these images in your posts like \nthis?say for fancy dropcaps?you?ll need a very helpful plugin aside from the \nImage Headline plugin. Go and find the RunPHP plugin. Install it. Then, wherever \nyou want your text to appear, put in a call to the following function (if in a \npage or post, be sure to enable the ?eval() Content? option):<\/p>\n\n ''<\/p>\n\n Where the ?formats? string is a list of formats that you want to override \nseparated by ampersands (&). Anything you don?t specify will be set exactly as \nit is for your entry titles. Each format will be in the form of \n?format_name=value? where ?format_name? is defined as follows:<\/p>\n\n So, if I want to set the font color to red, the size to 20 points, and the 'font_color=#F00&font_size=20&shadow_spread=5'<\/p>","raw_excerpt":"This plugin allows you to have images created automatically for your entry titles. In this way you can utilize non-standard fonts and get smoother r …","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/2731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=2731"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rojoro"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=2731"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=2731"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=2731"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=2731"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=2731"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=2731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}?Classic? Shadows<\/h4>\n\n
Can I use it for things other than titles?<\/h3>\n\n
\n
\ndisplayed over in the same format as above.<\/li>\n
\nshadow.<\/li>\n
\nmultiple lines.<\/li>\n
\nline and the top of the next line for multiline images.<\/li>\n
\nmultiline images.<\/li>\n
\nsoft-shadows are not enabled.<\/li>\n
\nif soft-shadows are not enabled.<\/li>\n
\nthe shadows from the main text and each other.<\/li>\n
\nshadow spread to 5 pixels the format string would be:<\/p>\n\n