10 images in a row on right side
-
When I select an “Image” Widget, it allows me to load one single image. To load more than one image, I have to add a new “Image”widget and each one has bars and a place for a title. What I’d like to do is a row of images of my book covers along the right hand side of the page with no text or lines between them. There should be just one title at the top for all these images.
(I am using the theme ” Cutline”.)
The blog I need help with is: (visible only to logged in users)
-
I remember replying to you yesterday. What I would do is upload all the images as thumbnails into an HTML table in a draft post which I would later delete. After I had all the images displaying correctly in the draft post I would switch to the HTML (code) editor and copy all the code. Then I would open a text widget and paste all the code into it, save and close. After I viewed the front of the blog to confirm the images were correctly displaying in the sidebar I would return to the Admin section and delete the draft post.
In order to display the code in this forum post I am placing it between backticks. When you copy and paste this into your draft post delete the backtick found at the beginning and end. The backtick is ` and it’s found on the same key as the ~ on your keyboard in lower case.
`<table border=”0″>
<tbody>
<tr>
<td>image 1 URL</td>
</tr>
<tr>
<td>image 2 URL</td>
</tr>
<tr>
<td>image 3 URL</td>
</tr>
<tr>
<td>image 4 URL</td>
</tr>
<tr>
<td>image 5 URL</td>
</tr>
<tr>
<td>image 6 URL</td>
</tr>
<tr>
<td>image 7 URL</td>
</tr>
<tr>
<td>image 8 URL</td>
</tr>
<tr>
<td>image 9 URL</td>
</tr>
<tr>
<td>image 10 URL</td>
</tr>
</tbody>
</table>’ -
Do understand that when you copy the code above into the draft post you must paste it into the HTML (code) editor and not into the Visual editor.
-
If the images are in the right size (for the theme you’re using, maximum 230px wide), you don’t even need the table; you can paste the image codes the one after the other. You can also create some space between each image and the next, if necessary, by pasting this after each image code:
<div style="height:10px;"></div>
(change the number to adjust the space)But note well: The image you’ve added now takes too long to load, because the file is too large (1024×1276, resolution 600); ten images like this will make your page useless to visitors with a slow connection. You need to make copies of your images, use an image editing application to change their resolution to 120, then upload and use those edited copies.
(Ideally resolution should be 72, but that will make your images too small, if they’re all similar to the one you inserted; the 120 I’m suggesting will make that one 205px wide.)
-
-
-
@Panos
It’s my understanding that she wants to place the images of the covers of here books in the sidebar.@wisektichen
Do you want the images in your blog’s sidebar so they are seen by readers on each and every page in your blog?
Or do you want to place them in a post that will fall off the front page as you publish more posts?
Or do you want to place the images on a static Page?Until we clear this up you will be bound to become confused by our answers to you.
-
-
-
If your understanding is that the member wishes to have a text widget in her sidebar with images of her bookcovers in it then why wouldn’t she use thumbnails? What other sizing would be a better choice in that narrow column?
-
What does table coding have to do with image size?
I already said that the images must be no wider than 230px to fit in the sidebar. The one she has inserted is 175px wide. If that’s what she likes, there’s no room for a second image next to it, so there’s absolutely no difference between plain single-column table and no table at all (other than an unnecessary complication).
-
Thanks very much for your help. I’ve been away for a few days and hope to get back to solving this problem with your help in the next few days. Too many tasks!
-
@wisekitchen You can use the Gallery shortcode in a text widget on your sidebar:
[ gallery id=”XXX” columns=”1″ ] (without the spaces after and before the brackets) where XXX is the ID number of a published Post or Page.You can read more about it and see it demonstrated here
http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/
- The topic ‘10 images in a row on right side’ is closed to new replies.
WordPress.com Forums 