=== Image Placeholder === Contributors: DelPutnam Donate link: Tags: image placeholder Requires at least: 3.3 Tested up to: 3.5.1 Stable tag: trunk License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html A WordPress plugin that provides a shortcode to generate placeholder image using [holder.js](https://github.com/imsky/holder). == Description == = Using the Shortcode = Using the short code `[image-placeholder]` without any of the optional attributes will generate a 300px wide by 200px high image using Holder's 'social' theme which defaults to a solid blue background with white text showing the size of the image ('300x200'). = Set the width and height = You can set the width and height (in pixels) of your placeholder image: ` [image-placeholder width="500" height="100"] ` = Change the colors = You can change the background and text colors: ` [image-placeholder colors="#000:#fff"] ` This will create an image with a black background and white text. = Change the text = By default holder.js uses the size of the image for the text. You can change this: ` [image-placeholder text="Foo bar"] ` = Remove the height and width styles = By default, holder.js will add inline styles to specify the height and width of the image. You can remove these: ` [image-placeholder auto="true"] ` = Only return the URL = If you want to use the placeholder in your own `` tag or as a background style, for example: ` [image-placeholder url="true"] ` = Add a class = If you want to add a class to the `` tag that it generated: ` [image-placeholder class="my-class"] ` = Change the theme = Holder currently provides three built-in themes: ``gray``, ``industrial``, and ``social``. You can use these in the short code like this: ` [image-placeholder theme="industrial"] ` You can also create your own theme. Each theme defines the foreground color, the background color, the font size and the font family. The easiest approach is to simply include a script tag: ` ` There are a lot of [other options for customizing themes](https://github.com/imsky/holder/blob/master/README.md#customizing-themes). == Installation == 1. Create a directory called `image-placeholder` in the `/wp-content/plugins/` directory. 2. Upload `image-placeholder.php` to the `/wp-content/plugins/image-pladeholder` directory. 3. Upload `holder.js` to the `/wp-content/plugins/image-pladeholder\js` subdirectory. 4. Activate the plugin through the 'Plugins' menu in WordPress. 5. Use the `[image-placeholder]` shortcode in your pages or posts. == Frequently asked questions == = What is this plugin good for? = I use it when I'm developing a new site or page that I don't yet have actual images for. = Can you add a feature? = Maybe. Create a new issue on [Github](https://github.com/delputnam/image-placeholder/issues) and I'll take a look at it. You can also feel free to download the code and modify it yourself. == Screenshots == == Changelog == == Upgrade notice == == Credits == This plugin is merely a WordPress shortcode wrapper for the holder.js library built by [Ivan Malopinsky](http://imsky.co).