Monday, August 25, 2008

How to insert Photos in Wordpress 2.5

I have this travel website which is powered by Wordpress 2.5 and occasionally I get queries around adding a picture to a post. So I thought that I would write a small primer which may be helpful for a wider community.

1. Collect all your photos in one single folder on your local machine. This would save you time when you are uploading since you wont have to pick and choose. So if you have shot 80 photos (just 80) on your last trek, and if you want to share 10 (just 10) then identify these 10 photos and copy them in some temporary folder. Remember to copy these 10 files, and dont move them. Always keep your originals safe.

2. Once done, re-size them using some Image Editor program. Usually pictures shot from a digital camera are pretty heavy, large in size. The actual size depends upon the site design. For Ghumakkar, 500 pixels BY 350 pixels look good. This would help to have your story come up quickly. In general choose something like 1024 X 768.

2.1 In Windows XP and Windows Vista, select all these photos, do a right click of mouse and choose 'E-mail'. You would get an option to resize. Choose 1024 X 768. After a while you would notice that all the pictures have been attached to an e-mail message. Select all of them, Right click, copy, paste in the original folder.

I am attaching the screen shots for Vista. On XP, it would be similar though it might look a little different.

Select all the pictures. Right Click and choose e-mail

Choose a lower size like 1024 X 768

Attaching to an E-mail

I use Microsoft Outlook for e-mails. So here's how it looks.

2.2 Download a free s/w like Google Picasa or Adobe Photoshop Album Starter Edition and use it to resize.
Google Picasa - Click here
Adobe S/w - Click here

Even if you dont do this step, you would still be able to move ahead, its just that it would make the page heavy and readers of your story would need to wait a little extra time to view all the pictures.

3. Now lets come back to 'Compose' window under 'Write'. click the 'Add Photo' icon which is just after 'Add Media' in the top icon-toolbar.

Click this button.

You would get a new window. Click 'Choose Files to upload'. Select all the files in the folder where you have copied all the pictures in step1. The window would look like this

Now you are done with uploading all the files.

If you would notice then there are three options on the top in the above window, viz.
1. Choose Files
2. Gallery
3. Media Library

First is for adding more files. 2nd is for accessing the files associated with current post and library is for all the files which you have uploaded so far.

Now go to 'Gallery' and then click 'Show' against the file which you want to insert.

Add a relevant caption , notes. Choose a size. For Ghumakkar I would recommend that you choose 'Full Size'. Word Press Administrator can control this size. And you are done.

There is another good feature in WP which is about 'Inserting a Gallery' and I would briefly talk about that later but as of now, we are done as far as inserting a picture is concerned.

Let me know if this write-up is missing or confusing or could benefit from some more clarity. I would act on that and would try to improve it. Of course, if its works for you then leave a happy comment. So enjoy and happy photo-showing at your next WP Post.


state of mind? said...

dat was quite structured n helpful...


Nandan Jha said...

thanks T. glad it was helpful.

Onil said...

what about wp 2.9.1???? the "insert/edit embedded media" button is totally different