Inserting Images into WordPress 2.5
May 27, 2008 by Leslie
Tutorials
There are two ways to insert an image in to WordPress now. One is to upload an image from your hard drive. The other is to link to an image living on a server somewhere else (ie: flickr, a photo gallery, snapfish, a server, etc.) Here steps for each method.
Adding an image from your hard drive in to a page or post:
Step 1. Start a new post (or page) as usual Write > Post/Page.
Step 2. Go to the “Add Media” area and select the image button.
Step 3. Click on “Browse” to add an image from your computer.
Step 4. Select your file and click “Upload.”
Note that the number of gallery items has increased. We have a new item in our gallery!
Step 5. Choose the alignment and size that you want to appear in your page or post. Click on “Insert into Post” when you’re happy with your selection.
Viola! Your image will appear as you chose. Insert a paragraph break if you’d like to place it on a new line.
Adding an image from your hard drive in to a page or post:
Step 1. Start a new post (or page) as usual Write > Post/Page.
Step 2. Go to the “Add Image” button in the button bar.
Step 3. Fill out the information for the URL of the image. Remember, this image already exists on a server somewhere so you’ll want to get the address to place in the IMAGE URL field.
Note that the class field is optional as is the vertical space and horizontal space. The Class field will depend on any classes set up in your CSS file. I have one called “Graphic” that floats images.
Click “Insert” when you are finished.
Step 4: Note your image in your post/page. It is being pulled from another server so be sure you have copyright information and permission to use the image. If so? ENJOY!
Like this post?
James Says:
Nice, I didn’t realise the functionality existed to create borders and let text flow around the image! My fault for being lazy and not reading up on the editor function.
P.S Have you tried using codequote – it’s a sort of replacement for the WYSIWYG editor and it’s very good.
July 1, 2008 at 5:25 am |Brad Montgomery Says:
hi. I like your stuff. Would you be willing to share how, in 2.5, you can make a graphic link to a new url? can we use the visual editor for that?
thanks so much.
brad in denver
July 9, 2008 at 4:00 pm |Web Design Tutorials Says:
Thx a lot for the nice tutorial and the psd – exactly what I was looking for!
September 3, 2008 at 6:19 pm |