Plugin / Image Placeholder

Del Putnam

Description

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 (‘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.

Credits

This plugin is merely a WordPress shortcode wrapper for the holder.js library built by Ivan Malopinsky.

DIRECTORY DISCLAIMER

The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.