Images in Widgets
-
I was wondering if it’s possible to create an image to serve as a widget that is hyper linked to a page on my site?
I saw it done on another blog and wanted to know how it’s done.
Thank you!
The blog I need help with is: (visible only to logged in users)
-
It’s easy: you put it in a text widget, and make the image clickable to that page. I suggest if you don’t like to write code, you write it as if it were a Post, and then when you’ve got the image in there and added the link to it, you click the HTML tab and copy all the code, and put that into your text widget.
-
You’re the man! (Assuming you’re a man that is) :)
You wouldnt happen to know how to find out how wide the widget sidebar is would you?
Thank you!
-
Oh come on! In another thread you asked how wide your posts column is and you were told it’s 600 px. Don’t you see how wide your sidebar is in relation to the posts?
-
Sorry mate. Sure don’t (makes the question rather redundant). Shall I guess? It appears you know so maybe next time you could include the info instead of omitting it and dropping helpful comments like the ones here.
-
-
It is about 300px wide total usable space, but you will have to make your images narrower. I would try about 270px. That should work and not risk breaking the layout. You might be able to go 280px, but I would not go any wider than that.
-
-
I’m not a man, and why don’t you try putting the image in and tweaking it a bit till it looks right. You won’t break anything irrevocably.
-
-
@inearnestexpectation: If you hadn’t previously asked about image width in the posts, I would have told you the number for your sidebar. But now you wanted us to believe you can’t measure the grey line below the post or page title and one of the grey lines in the sidebar and find their ratio – which is exactly two to one; sorry, I can’t stoop that low.
To become helpful again, the code for a resized linking image is this:
<a href="PAGE_URL_HERE"><img src="IMAGE_URL_HERE" width="300" /></a>If you want it aligned with the text lines of the other widgets, use this instead:
<a href="URL_OF_PAGE_HERE"><img class="alignright" src="URL_OF_IMAGE_HERE" width="286" /></a>If you want a centered narrower image, use “aligncenter” instead of “alignright”, and change the width number till it looks the way you like it.
-
If you’re on a forum helping people that don’t know things (hence the existence of the forum), then you should start stooping amigo. I don’t have a clue how you did what you did to find out the width of a widget.
But thanks for your help. I appreciate it.
-
-
-
-
-
You fiddle with it. Put something in at 600 px, then change it downwards till it fits. That’s how you find things out.
-
Sweet. Panaghiotisadam made it sound like there was a way of doing it that was easier than that. Thanks
- The topic ‘Images in Widgets’ is closed to new replies.