Using text widget instead of multiple images widgets?
-
Hi guys (thanks in advance).
I am currently trying to replace the category text links (Books, Film, Games etc,) in the sidebar of Alternative Magazine Online with clickable images (that have URLs attached).
However, using multiple image widgets to do this seems clunky and when doing so, the gaps between each image is much more than I wish (I want the images stacked with a small gap between each).
Apologies for my lack of knowledge, but I am pretty sure I can achieve what I want with a single text widget?
If anyone could help me with what I will need to type into the text widget to achieve this (providing I am indeed correct) I would greatly appreciate it! Thanks again in advance.
The blog I need help with is: (visible only to logged in users)
-
I am pretty sure I can achieve what I want with a single text widget?.. If anyone could help me with what I will need to type into the text widget to achieve this …
Yes, you can use a single text widget for all of the images. In order to display them you need to place the URLs for the images in the text widget. http://en.support.wordpress.com/widgets/text-widget/#adding-an-image
-
Thanks timethief that’s fantastic – is there any way for me to close the gap between multiple images though? (There are going to be six equal sized images being stacked one on top of the other.)
-
Sorry I also forgot to add – the example given by WordPress is:
<img src=”http://example.wordpress.com/files/2009/07/boat.jpg” width=”180″ />
How would I make this image link to a URL when clicked?
-
You replace this part of the image URL in that spot only
http://example.wordpress.com/files/2009/07/boat.jpg
with the URL that you want to link the image to. -
Sorry I don’t quite understand what you mean, could you please elaborate? (I want to link to a different URL, NOT the URL of the actual image…) Sorry if I’m being dense! Also, is it possible to close the gap between the images somehow?
-
I did understand you. Here’s an example of the URL of an image on my blog
<a href="http://onecoolsite.files.wordpress.com/2010/05/tweettwit.png"><img class="size-full wp-image-7884 alignleft" title="tweettwit" src="http://onecoolsite.files.wordpress.com/2010/05/tweettwit.png" alt="twitter bird icon" width="134" height="122" /></a>Let’s suppose I want to link that image to your blog URL. Note what gets changed:
<a href="http://alternativemagazineonline.co.uk/"><img class="size-full wp-image-7884 alignleft" title="tweettwit" src="http://onecoolsite.files.wordpress.com/2010/05/tweettwit.png" alt="twitter bird icon" width="134" height="122" /></a> -
This URL
http://onecoolsite.files.wordpress.com/2010/05/tweettwit.png
was changed to
http://alternativemagazineonline.co.uk/ -
-
Brilliant, thanks! I’ll give that a go (so if I do six like this in one text widget can I control the space between each image somehow?)
-
Yes, you can control it in various ways. I’m giving one in the post I linked to. Another one is setting bottom margins to the images. Work out the basic code for the images first and then we’ll see.
-
-
- The topic ‘Using text widget instead of multiple images widgets?’ is closed to new replies.
WordPress.com Forums 
