Title: Image Placeholder
Author: DelPutnam
Published: <strong>25 Abriil, 2013</strong>
Last modified: 25 Abriil, 2013

---

Raadi kaabayaal

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/image-placeholder.svg)

# Image Placeholder

 Qore [DelPutnam](https://profiles.wordpress.org/delputnam/)

[Soo Rog](https://downloads.wordpress.org/plugin/image-placeholder.zip)

 * [Faahfaahin](https://so.wordpress.org/plugins/image-placeholder/#description)
 * [Dibu-eegisyo](https://so.wordpress.org/plugins/image-placeholder/#reviews)
 *  [Rakibaad](https://so.wordpress.org/plugins/image-placeholder/#installation)
 * [Horumarinta](https://so.wordpress.org/plugins/image-placeholder/#developers)

 [Taageero](https://wordpress.org/support/plugin/image-placeholder/)

## Sharraxaad

#### 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(‘
300×200’).

#### 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 `<img>` tag or as a background style,
for example:

    ```
    [image-placeholder url="true"]
    ```

#### Add a class

If you want to add a class to the `<img>` 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:

    ```
    <script>Holder.add_theme("my-theme", { background: "#000", foreground: "#fff", size: 14 })</script>
    ```

There are a lot of [other options for customizing themes](https://github.com/imsky/holder/blob/master/README.md#customizing-themes).

### Credits

This plugin is merely a WordPress shortcode wrapper for the holder.js library built
by [Ivan Malopinsky](http://imsky.co).

## Rakibaad

 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.

## SBI

  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.

## Dibu-eegisyo

Ma jiraan wax dibu-eegis ah oo ku saabsan kaabahan.

## Ka-qaybgalayaasha & Horumariyayaasha

“Image Placeholder” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay
kaabahan.

Ka-qaybgalayaasha

 *   [ DelPutnam ](https://profiles.wordpress.org/delputnam/)

[Ku tarjun “Image Placeholder” luqaddaada.](https://translate.wordpress.org/projects/wp-plugins/image-placeholder)

### Ma xiisaynaysaa horumarinta?

[Baadh koodka](https://plugins.trac.wordpress.org/browser/image-placeholder/), fiiri
[bakhaarka SVN](https://plugins.svn.wordpress.org/image-placeholder/), ama iska 
qor [diiwaanka horumarinta](https://plugins.trac.wordpress.org/log/image-placeholder/)
adigoo adeegsanaya [RSS](https://plugins.trac.wordpress.org/log/image-placeholder/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.0**
 *  Last updated **13 sano kahor**
 *  Active installations **10+**
 *  WordPress version ** 3.3 ama ka sareeya **
 *  Tested up to **3.5.2**
 *  Language
 * [English (US)](https://wordpress.org/plugins/image-placeholder/)
 * Tag
 * [image placeholder](https://so.wordpress.org/plugins/tags/image-placeholder/)
 *  [Aragti Sare](https://so.wordpress.org/plugins/image-placeholder/advanced/)

## Qiimeynta

 4 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/image-placeholder/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/image-placeholder/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/image-placeholder/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/image-placeholder/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/image-placeholder/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/image-placeholder/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/image-placeholder/reviews/)

## Ka-qaybgalayaasha

 *   [ DelPutnam ](https://profiles.wordpress.org/delputnam/)

## Taageero

Ma heysaa waxaad dhahdo? Caawimaad ma u baahan tahay?

 [Eeg madasha taageerada](https://wordpress.org/support/plugin/image-placeholder/)