Full Width and Height Images Uploads

July 11th, 2006, Published in Wordpress, 888 Views, Email This Email This

Wordpress

By default, the image upload tool build into Wordpress creates thumbnail images. So when the user clicks “send to editor” the image rendered will be a thumbnail of the original image uploaded. Wordpress renders this by placing “.thumbnailThe file “/wp-admin/inline-uploading.php” is used to render image thumbnails. Lines 81-85 dictate a maximum width of 128 pixels or a maximum height of 96 pixels. Perhaps in future versions of Wordpress the width and height pixel values will be an option in the Wordpress administration. after the image name and between the image extension:

image1.thumbnail.jpg

But often users of Wordpress do not want their images resized to pre-determined dimensions and some even use FTP File Transfer Protocol to transfer their images. I used to do this for a while then I realized the Wordpress image upload tool could be used to upload images at original width and height dimensions. Obviously this is much better than FTP, as the browser is quicker and easier. Also the Wordpress upload tool is actually quite intelligent especially noting the fact that it organizes uploads into date dependent permalink archives.

Step 1: Browse and Upload

Screenshot 1.
Browse to the location of your image on your hard drive, fill in a “title” and “description” and hit “upload” …

Step 2: Review The Uploaded Image and access the Image Menu

Screenshot 2.
The image should now be uploaded. Click the image with the left mouse button to reveal a menu …

Step 3: Observe the Image Menu That Has Now Appeared

Screenshot 3.
A menu should now be visible partially obscuring the uploaded image. The menu options are:

  • Using Thumbnail
  • Not Linked
  • Send To Editor
  • Delete
  • Close Options

Step 4: Wordpress Thumbnail to Original Image

Screenshot 4.
Click on the “Using thumbnail” option. This will change the option to “Using Original” …

Step 5: Send To Editor

Screenshot 5.

Now click “Send to Editor“. This will send the relevent XHTML Extensible HyperText Markup Language code straight to the Wordpress editor box …

Final Page/Post

Original Size
And there it is the final post/page with an image uploaded using the Wordpress Image upload tool displayed using the original dimensions. Beautiful.

<< Different Single Post Pages In Wordpress Sitemap >>

4 comments so far

  1. Gravatar 1 Brian
    8:16 am - 8-8-2006

    Sweet! This is exactly what I needed to figure out. You’ve been extremely helpful.

  2. Gravatar 2 Alan Who?
    1:18 pm - 8-15-2006

    Good to hear I could help. Keep it real Brian.

  3. Gravatar 3 oraet
    6:19 am - 8-16-2006

    hey tq very much for your tutorial..

  4. Gravatar 4 AlanWho
    1:35 pm - 8-16-2006

    No problem Oraet.

Leave a Reply

Your Details

Your Comment