WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
I would like post photos of my recipes at the bottom of my home page, similar to what is seen on WP blogger:
http://chefandsteward.com/
I also want to be able to click on the photo and have it go to the recipe. Have tried to find answer in Support but didn't see anything.
Can you help please?
Thanks!
The easiest way to do it is to put a text widget in each footer (if your theme uses footers) and then put a clickable image in each.
@ced1213
There are so many large images in your posts and small images at the bottom of your home page that I gave up waiting for them to load. Here are some strategies for reducing page loading time. I would also like to suggest that as you seem to be attempting to create a display like the Imbalance 2 theme provides you may want to consider switching to that theme, rather than using Coraline.
Hi,
Absurdoldbird: Thanks for the info. I tried doing what you suggested and I now have a text widget and the bottom shows my title of photo and caption, but the photo doesn't appear. I placed the following under the caption based on what the text widget info said to do on the link you provided. Here is what I added in the text widget box:
<img src=http://ced1213.files.wordpress.com/2012/01/croque-mon3.jpg width=”180” />
But no photo. Still need help if possible.
Thanks!
TT: I don't have any images at the bottom of my home page - that is what I am actually trying to do. Thought maybe you mixed up my blog and that of Chef and Steward, which is an example of what I am trying to follow. But will take your recommendation that my images in my posts are large and make them smaller. Thanks!
@ced1213
You are correct. I do apologize. I clicked the wrong link and that other blog loads like a stuffed pig on the day before Thanksgiving. Studies clearly demonatrate we have 3 - 4 secods for our blogs to load and at that point visitors stop waiting. Moreover, page loading time is a page ranking factor.
images in text widgets
troubleshooting images
Ooh - didn't know about the 3-4 seconds deal, but I know I am impatient so I can see where people would look elsewhere. I have now gotten the image to show up as I didn't quite copy the HTML correctly.
So the title shows and the image shows, but it doesn't click through to the recipe.
I am almost there but not quite.
BTW: is it okay for me to ask so many questions?
Thanks!
Please see here to determine the width of the sidebar in your theme so you can create images of the correct size to use in your text widgets.
@ced1213 The easiest way to put an image in a text widget is to open a new post and put it into the new post editor in the usual way, using the visual editor. Then put below the image the link that you want the image to open to. Then when you have the image the size you want it, click on the post's HTML tab and copy and paste the code from the post into the text widget and save it.
You don't need to save the post, but if you're likely to want to go back to the HTML to edit it for the text widget (in case it doesn't appear the way you'd expected it to), save it as a draft so that it won't be seen by anyone other than you, then get back to it via the 'Posts - all posts' in your dashboard's side panel.
As Timethief says, you need to find out the width of the sidebar (and footer) areas for the theme you're using.
By the way, I second what Timethief says - you might do better with the Imbalance 2 theme. It's the one I use for my artwork so, if you want to see what it looks like in action, you can clickk my username - or go to the showcase to look at it. The images that show on the homepage in Imbalance 2, need to have the featured image activated in each post.
Here's the info about the theme you're currently using, from WordPress Tips blog (that Timethief mentioned above, but this is specific to Coraline theme):
http://wpbtips.wordpress.com/2010/08/10/coraline-layouts-and-mullenweg-pearson-dispute/
If you scroll down that page you'll come to the footer sizes.
@ced1213:
The piece of code you pasted above won't work because you're missing the quotation marks around the image URL and you've got the wrong quotation marks around the width. You've used this:
<img src=http://ced1213.files.wordpress.com/2012/01/croque-mon3.jpg width=”180” />
It should be this:
<img src="http://ced1213.files.wordpress.com/2012/01/croque-mon3.jpg" width="180" />
Even better:
<img style="width:1580px;" src="http://ced1213.files.wordpress.com/2012/01/croque-mon3.jpg" alt="DESCRIPTIVE TEXT HERE" />
For more on text widget coding see here:
http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/
But the easiest way to add an image to your footer isn't a Text widget, it's an Image widget: no need to use code in that case.
But in both cases Explorer may not display the image in the right dimensions if the original is larger. You'd better create a copy of your image, scale it down in an image editing application to the right pixel width for the theme you're using, upload that copy to your blog via Media > Add New and use the file URL you'll get.
Downsizing copies of your images is a more general recommendation. It seems you've been uploading high resolution images straight out of your digital camera (the one in the above code is 3413x5120 pixels, resolution 350): that's a huge waste of storage space. Ideally the images you upload and insert in your posts should be resolution 72 (that's what all browsers display) and width less or equal that of your main column width. See here:
http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/
This topic has been closed to new replies.
ced1213
