There are (currently) two ways to add images to your pages through WordPress.
- One way is through the Add Media Icon which is just right of the Upload/Insert just above where you put your content into a post or page.
First you’ll browse for your image. You’ll then need to decide whether or not you need the image resized and/or a thumbnail created. Resizing your images is the norm for web use, so if you haven’t done so already, you’ll want to keep that box checked. The default 640 px is a good starting point. I normally do mine for 700 px. Keep in mind that most screens are between 1000 px and 1400 px wide. If the pic is going to be on the bigger side, it may be best to display a thumbnail that can be clicked on for a larger image. The next step is to insert the image into the post. You’ll want to decide if you want to display the image at full size, or the thumbnail if you created one. You also want to decide if you want the image aligned left or right or center. Keep in mind if you align the image, the text will wrap around it. Normally that’s a good thing. Often people have a tendency to center images or headings, but this is a design no no unless the whole page is already centered. You want to keep your alignments consistent for text. In most cases it will be all left or centered. That said, aligning an image to the right will not throw off how the page looks if the text is all left aligned. You just don’t want to mix centered content with left aligned content. The next step will be to push the insert into post button. Then you’re all set. The code has been created for you. If you click on the HTML tab, it will look something like this:
<img class=”attachment wp-att-214 alignleft” src=”http://visualadventures.com/blog/wp-content/uploads/2009/01/wordpress_image.jpg” alt=”add an image” width=”298″ height=”331″ /> - The other way is via the NextGen plugin. This site has a good description of how to use the NextGen Plugin. http://www.jennmearswebdesign.com/2008/08/13/using-the-nextgen-gallery-plugin-part-1/
The NextGen button will allow you to insert a slideshow, an image, or an image list. This is a great way to display a bunch of images at once. You can create a gallery, and then select that whole gallery to be displayed in your page or post.
Additional Information