WordPress Simple Image Link Plugin
WordPress Simple Image Link offers all users a new way for putting images in your sidebars.
Specifically designed for those with little or no HTML knowledge, WordPress Simple Image Link will save you time and effort when displaying support buttons, ads and, well, anything else which uses an image.
Once the plugin is installed, just add the “Simple Image Link” widget to any of your sidebars. Add 1, add 2, add as many as you need.
Current Version:
- Version 2.2
WordPress Compatibility:
WordPress: 2.8+
If you are currently using WordPress 2.7, please use version 2.1.1.
Download:
Download WordPress Simple Image Link Plugin.
NOTE:
If you were one of the three who downloaded it from our site, then please download the latest version from WordPress.org, since this will ensure you can use the automatic plugin update feature. The name of the plugin has changed from ‘Image Link’ to ‘Simple Image Link’ as there was a name conflict with the former.
History:
I wrote this plugin because it was a pain to create and update the HTML when using a text widget to display an image. Also, when there are multiple text widgets, you couldn’t remember which was which without going in and checking. Voila; WP Image Link was born.
Features/Benefits:
- Allows multiple widgets to be used within any or all of your blog sidebars.
- Widget title can be optionally displayed.
- Displays an image of any size.
- Allows the image to be scaled as an absolute pixel size or as a percentage of the original image size.
- Allows the image’s alternative text, for use by text readers, or when the image is not displayed, to be specified.
- Allows text to be displayed after the image, with an optional break between image and text.
- Allows the image to be aligned to the left or right of the sidebar, or centered within the sidebar.
- Allows a destination URL to be specified should the image be clicked on by the user.
- Allows the destination URL to be opened in the same, or a new, window.
- Allows the link for the destination URL to be created as a ‘nofollow’, ensuring Google juice does not flow to advertisers.
- Allows the image’s alternative text to be displayed as a popup on the image.
- Allows additional padding to be displayed above and below the image.
Installation:
- Upload the ‘image-link’ directory to your `/wp-content/plugins/` directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Start adding “Image Link” widgets to your sidebars.
Screen shot of WordPress Simple Image Link:
Simple Image Link Properties
Title
The title is what is displayed within the widget header when viewing your current widgets within the WordPress dashboard.
Display title
Whether the title should be displayed within the sidebar (see image below).
Display image for the following users
Allow the widget to be displayed for users with specific roles.
- Do not display – The image is not displayed to anyone
- Not logged in – Normal users who do not log in
- Subscriber – Users with the subscriber role
- Contributor – Users with the contributor role
- Author – Users with the author role
- Editor – Users with the editor role
- Administrator – Users with the administrator role
The role can be qualified by:
- At least this role – The user can be of this role or above
- Only this role – The user is only this explicit role
Image location
The location of the image to be displayed. That is, it’s URL.
Image dimensions
The width and height of the image, expressed as pixels or as a percentage of the current size.
These are optional.
If no width and height are specified, then the image will be displayed in its original size.
If the original image is larger than you require, then you can explicitly set the width and the height of the image and the browser will display the image at this size.
For example, if the original image is 300 pixels wide by 300 pixels high, and you want to display it as 150 pixels wide by 150 pixels high, then set the width and the height to ‘150px’ and ‘150px’. ‘px’ is the unit for pixels.
Alternatively, you can set the width and height both to ‘50%’, and the browser will display the image at 50% of its original width and height.
Image alt text
This is the ‘alt’ or ‘alternative text’ that is shown when images can not be displayed, or a text reader is used.
Text to display after image
Some text can be displayed after image.
Break between image and text
Whether a break is inserted between the image and text. If not selected, then a non breaking space is inserted between the image and text to ensure some visual seperation.
Alignment
Method used to align the image within the sidebar.
Available methods are:
| Left |  |
| Center |  |
| Right |  |
Link location
The destination, i.e. the URL, where the user will be taken upon clicking on the image.
Link target
This allows you to select whether to open the link in the same browser window, or a new window.
Use nofollow on link
Google recommends using ‘nofollow’ for all paid (advertising) links. Select whether you want the link to be nofollow here.
Use shadowbox on link
Add shadowbox as a rel attribute value, so that the link is opened within a Shadow Box.
NOTE: Shadow Box must be provided external to this plugin.
Display image alt text as pop up/tool tip text
Select whether you want to display the image’s alt text; i.e. the text that appears as a popup/tooltip.
Additional padding
Additional padding can be applied above and/or below the image.
Padding units should be expressed as pixels (e.g. 123px) or a multiple of the current font size (e.g. 1.5em).
The screenshot below shows how the image is displayed when applying:
- Above padding of 50px
- Below padding of 3.0em.
Change Log
Version 2.2
WordPress 2.8 support.
Version 2.1
Use correct location of plugins folder when ‘WordPress address’ and ‘Blog address’ differ within Settings.
Fixed for Robert@PNG.
Version 2.0
Allow widget to be displayed based on the user’s role – inspired by Praveen Baratam [praveen.baratam AT gmail DOT com].
Two psuedo roles are added – ‘Do not display’ replaces the “Display image” property, and ‘Not logged in’ to display image should the user not be logged in (i.e. user does not have a proper role).
Version 1.6
Correctly display <, >, &, ” and ‘ characters.
Version 1.5.1
Fixed minor spelling mistake in Portuguese translation – thanks again to Alexandre Pereira.
Version 1.5
No functional changes.
Support added for translating the text within the widget via the simple-image-link.pot file.
Translations can now be made external to the core files, allowing upgrades to not affect independent translations.
Thanks to Alexandre Pereira for providing the incentive to do this the Portuguese translations.
Version 1.4
Allows image to be hidden without having to delete the widget.
Version 1.3
Allows ‘shadowbox’ to be included within the link’s rel attribute value.
NOTE: Shadow Box support must be provided external to this plugin.
Version 1.2
Added ability to specify text which appears within the sidebar.
Version 1.1
Changes to readme and screen shots.
Version 1.0
Initial version.
WordPress 2.9.2.
Image is fine on IE but is all stretched out vertically in Chrome browser.
Any suggestions?
Is it possible to reduce the padding between the images below the minimum that it is, if i leave the additional padding blank the padding between images is still quite big and i want to reduce it?
Please tell me how you got you customized your favicon. I have tried 5 or 6 different ways…
Thanks, this help me shorten my work. It’s really great!
@jdave
I have manually modified our theme to include the following on the header of each page:
<link rel=”shortcut icon” href=”http://blog-well.com/favicon.ico” type=”image/x-icon” />
I had to clear the Firefox cache to see any changes take affect. From memory, IE automatically detects a change in the favicon, but Firefox’s cached copy doesn’t seem to want to change without a bit of help.
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
Thank you so much for explaining this in such simple terms! I came here and I got what I needed, no further searching necessary!
Thanks for the almost perfect widget.
Only one thing is missing. If the Picture is shown alignment is center, could it be possible to center the title as well?
Excellent widget, thank you. One question, if I set the image as link how can I stop the link underlining by using {display: none;} ?
Dear Mad, thanks for the plugin . I want to put in the Link location (optional): a link for other site for example http://www.jlle1.com/adote but if i do this today the Link location (optional) stay http://www.jlle1.com/viralatawww.jlle1.com/adote
http://www.jlle1.com/viralata is the main site where i put the plugin . Where I edit the plugin to put in the Link location (optional): the http://www.jlle1.com/adote and open this other site thanks
Love this plugin, you made my life easier. Thank you!
your plug-in is awesome!
but i’m a php newbie-
how do you change the font style? or maybe make it hover?
or did anyone in this forum figure it out?
Thank you for this great plug in. I appreciate it being so easy to use. Perhaps I am still too green, however. I input the url of the picture i uploaded to my media file and it will not show. Any suggestions?
never mind, about the picture. i am an idiot. Either that or i am brilliant. i figured it out. This is what i had to do though, to get the title to center with the picture
………………………..The 5 Love Languages
is there a better way?
I love this pluggin. I am only a website novice, and this pluggin has allowed me to do something I’ve been trying to figure out for months. I am certain I will get tons of use out of such a simple idea. Thank you so much. I will look to rate the pluggin soon!
Amazing plug in! Thank you so much for this simple to use. All I wanted was an advertising box where I choose the picture and link and you my friend hit it out of the park!
[...] wurde fündig: BlogWell’s Simple Image Link Widget heisst der Kandidat und kann so auch über die interne Suche gefunden werden. Der Screenshot [...]
Simple, easy, just what I needed. Thanks!
Great One…
Thanks. My link:http://dcgtumk.poker-blogs.fr/ ,Thanks again….
Thanks for a great plugin. The link popup is exactly what I needed.
I’m probably missing something really simple, but could someone explain how to implement
“Add shadowbox as a rel attribute value, so that the link is opened within a Shadow Box”
I use ‘nextgen gallery’ with ‘lightview’ shadowbox effect in the body of my pages.
any help would be greatly appreciated
Mark
Nice and usefull post. I like this website.
[...] Simple Image [...]
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
Great plugin, should be part of wordpress core
[...] Simple Image Link: http://blog-well.com/downloads/wordpress-image-link-plugin/ [...]
Love this plugin.
Are there any plans to be able to display more than one picture? I have small icons that I would like to add and they are just thumbnails…could easily line up three next to each other. I would rather not line them up vertically, with a bunch of padding on the sides.
Thanks.
its worked great on my site.. Simple Image Link lets it easily add images to my site sidebar
Help!! I am a rookie & learning as I go.
Image is fine on IE but is all stretched out other browsers.
Any suggestions?
Thanks Much!
[...] Simple Image Link – This plugin allows you to place, widget-like, an image with link into the sidebar of the blog. Sleek, fast and well coded. [...]
[...] Simple Image Link – This plugin allows you to place, widget-like, an image with link into the sidebar of the blog. Sleek, fast and well coded. [...]
Blogs ou should be reading……
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]…
Great plugin. This plug in made links beautiful and easy. Thanks to to admin for creating those kind of beautiful plug in.
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
Great plugin, should be part of wordpress core
Cool blog, very interest!
Thank for the great article.
Please Visit http://www.GamersCenter.tk For Free Direct Downloads of Games Movies and more!
Thank for the fabules post.
Please Visit http://www.GamersCenter.tk For Free Direct Downloads of Games Movies and more!
[...] Simple Image Link This is one of my favorite image plug-ins. It enables the ability to add any image plus text as a [...]
[...] [...]
Hello,
thank you for the wonderful widget. Its really very easy to configurate.
Is it possible to change the picture, if i go with the mouse over the “link-picture”.
If yes, how can I do that. What would you recommend in that case?
Best Regards,
Riecca
This plug-in is just about perfect except for a detail. The title field should really be used as title attribute for the link. good for SEO
This plug-in is just about perfect except for a detail. The title field should really be used as title attribute for the link. Would be good for SEO
Hi All Friend ,
Thanks for making plugin. this is great work. i have one question .
I have custom template and my template structure is header, side bare (left side ), right side and footer . i want to use custom design (right side) then how to call this plugin. I have seen it is calling thsi furncton
function widget_simpleimagelink_load_widgets()
{
register_widget( ‘SimpleImageLink_Widget’ );
}
so please give me idea how to call custom right side section.
Thanks & Regards
Harendra
[...] Simple Image Link: http://blog-well.com/downloads/wordpress-image-link-plugin/ [...]
[...] WordPress Simple Image Link Plugin - This is an easy way to add images to your sidebar. I often use it to add images from my Madeit store. [...]
[...] Simple Image Link – This plugin allows you to place, widget-like, an image with link into the sidebar of the blog. Sleek, fast and well coded. [...]