Designing Using Images

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Using Images

Working with Images


  • 1 Working with Images

  • 2 Adding Images Through Pages/Posts

  • 3 Adding Images Directly To The Media Library

  • 4 Adding Images By FTP

  • 5 Miscellaneous

  • 6 In Theme Design

  • 7 Special Contents Using Images

  • 8 Resources

Adding images in WordPress is very easy. All of your images will be stored and can be managed in the Media Library, but you can take several different paths to get there.

The most common path is adding an image directly to a post or page. This automatically saves the image in the Media Library and displays the image wherever you inserted it.

You can also add images directly to the Media Library through the multi-file loader or the single-file loader. For advanced user, you can upload images directly using an FTP Client.

Adding Images Through Pages/Posts

When writing or editing a post, you can add an image using the Add Media button above the editor box. This opens a window that displays the multi-file uploader. From here you can drag and drop your picture or select it using the file selector.

The images you add here will be automatically added to the Media Library.

Adding Images Directly To The Media Library

If you want to upload an image for a future post, from the dashboard go to Media --> Add New. From here you can bulk upload multiple images before you know which post you want them to go into.

Adding Images By FTP

If you know what an FTP program is, you can upload images directly to the /wp-content/uploads folder.

For more information, see FTP Client.


WordPress can resize images and create thumbnails.

Refer to the following for more information:

  • Inserting Images into Posts and Pages

  • Wrapping Text Around Images

  • Styling Images in Posts and Pages

  • Using Image and File Attachments


In Theme Design


Theme featuring Image in Header.

You can add images to your WordPress site through the use of template tags, Plugins, and in the stylesheet of your Theme as background images. It is really up to your imagination and web design skills on how you include images in WordPress.

  • WordPress Design and Layout

  • Lists

  • Menus

  • Categories

  • Template Tags

  • Graphics Symbols

  • Header

  • Headings

  • Sidebar

Special Contents Using Images


  • PhotoBlog or Gallery - Keep a online photo album with plugins, themes and tons of resources.

  • How to Use Gravatars in WordPress - Display avatars in your comment stream.

  • Graphics in Feeds- Display RSS Fed icons.

  • Links and Blogrolls- Icons for your favorite links.

  • Next and Previous Links- Customize your navigation links.

  • Smilies - How to use smilies or emoticons on WordPress.


  • Image Size and Quality

  • Image Compression on Wikipedia

  • WordPress Inspiration - Showcase

This article is marked as in need of editing. You can help Codex by editing it.