Images in Posts and Hyperlinks
I want to be able to move about the images in my post to make it look like a magazine – as it stands they automatically go in in strange ways so the layout doesn’t look good. And also for the hyperlinks to be reached by clicking on the images.
Blog url: http://outfitblogger.wordpress.com/
The blog I need help with is outfitblogger.wordpress.com.
We can upload images into any post or any page and align them.
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.
Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
Every theme has a maximum displayed image width http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/ so it’s important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<br style=”clear:both;” />
I see you are using Imbalance 2. Imbalance 2 offers two layout options, fluid and fixed.
Fluid means the width changes according to screen resolution (or the width of browser) your visitors use.
Fixed means the width does not change according to screen resolution (or the width of browser) your visitors use.
Column one is the blog title and tagline; you edit them in Settings > General.
Columns two and three are for two menus; you create and load them in Appearance > Menus – instructions here: http://en.support.wordpress.com/menus/
Column four is for widgets; you add them in Appearance > Widgets.
You need to set a featured image in each post in order to see the thumbnail in imbalance 2. Click on the module that has ‘featured image’ in it (if you don’t see the module, look at the top of the editor window for ‘screen options’ and check it’) then the image editor will appear. Browse to the image you want to use, via that, in the usual way, and then when you’ve found it, click the ‘featured image’ and when it appears in the module (outside the edit box) just close the image editor, and save your post as usual. An image that works best with featured images at least 210 wide.
If you want the image to link to somewhere, it’s easy. In the Visual editor, click on the image (this won’t work for featured images) and then on the Link icon and put the link it. Simple. Update the post.
The topic ‘Images in Posts and Hyperlinks’ is closed to new replies.