Uploading and Adding Media

Images

Images and photos can be inserted in your Posts or Pages. File types can be either .jpg/.jpeg, .gif, or .png.


Create a new or edit an existing Post or Page. Place your cursor where you would like the image to appear, and click on the Add an Image icon on the left of the Upload/Insert icon group above the Editor icon bar.

The Add an Image popup box appears. In most cases, you’ll be adding an image file that’s currently residing on your computer’s hard drive. (The image should be smaller than 1MB.) Click the Select Files button and then navigate to the directory where the image is located and open it.

After the uploading finishes, the Add an Image popup box allows you to edit some settings before inserting the image into your Post or Page.

  • Title is the text displayed as a tool tip when a cursor is hovered over the image
  • Alternative text is text associated with an image that serves the same purpose and conveys the same essential information as the image
  • Caption text is displayed directly underneath the image
  • Description text is displayed with the image in your dashboard and attachment pages on your blog
  • Link URL is the web address to which the image will be linked. With a thumbnail, in most cases, it’s best to click the File URL/Link to Image button to link the image to its original, full-size version that you uploaded
  • Alignment is the position of the image within your post or page. For example, choose Right if you want text to wrap to the left of the image
  • Size is the size of the image or the thumbnail

When finished with your image settings, click on the Insert into Post button.


The image appears in your Editor. If you click the image to select it, handles appear on its edges allowing you to resize it (avoid dragging the handles to make the image larger as this distorts its quality).  Two icons are briefly superimposed over the image: the left icon allows you to edit the settings further; the right icon removes it from the Editor.

Documents

The process for uploading and inserting documents and files, such as an Adobe PDF, or a Microsoft Word document, is almost exactly the same as for images.

When creating or editing a Post or Page, instead of clicking the Add an Image icon you need to select the right most icon of the 4, the Add Media icon.

Uploading a file is the same process as for an image, once uploaded the Add Media pop-up box appears, with the same options as Add an Image.


1.  The Title is the text displayed as the download link for your document, so this needs to identify what the file is.
2  When finished with your document settings click the Insert into Post button.


Tutorial by Griff Wigley, Instructor
WordPress for Newbies (next online course begins 16 May, 2011)

2 Responses to Uploading and Adding Media

  1. Sarah says:

    Hi, is there any way i cn display a pdf as a document rather than a link to download. For e.g. I have received posters which I want to display in full, as a pdf. I’ve tried changing to a jpeg but the defifintion is usaully too poor when published.

    • modemily says:

      Hi Sarah,

      I think the best thing to do would be to generate a sample jpeg image of the pdf (which you say you’ve done), to be used as a display on the page, but then put a link on the image to the pdf file – so when the image is clicked on, it takes the user to the pdf document. If the jpeg image is really bad, it sounds like it needs to be a bit bigger, so the resolution doesn’t distort too much. I’m happy to have a look at it for you, if you’d like.

      I’ve made a post on adding links, which can be used on pictures as well as text – http://project.norfolkparishes.gov.uk/adding-a-link/

      Let me know if you need any more help (emily at gallomanor dot com)

      Emily

Leave a Reply

Comments are moderated. This may take some time as there is no full time moderator for this site.

Your email address will not be published. Required fields are marked with a *