View source for Blogs - Using Media (Audio / Visual)

== Audio Visual Media ==

Wordpress has the ability to use audio visual media in its posts and pages. This includes pictures, sounds and movie clips. They can be embedded into your posts and pages to enrich the overall experience of the user.


=== Adding Audio Visual Media to your posts / pages ===

----

To add media to your pages or posts is a simple process. The media content is added on the standard post/page editing form. Simple click the appropriate button corresponding to the type of media you want to attach to your page or post, as shown below. Each button represents a particular type of media.

[[Image:AddMedia-New.PNG]]


<table cellpaddnig=5 cellspacing=5>
<tr><th>Image Icon</th><th>Function</th></tr>
<tr><td>[[Image:addImage.PNG]]</td><td>This icon allows you to upload an image to be embedded into your post or page. The image will be displayed on the post / page and will be viewable by everybody.</td></tr>
<tr><td>[[Image:addVideo.gif]]</td><td>This icon allows you to upload a video to be embedded into your post or page. People who view the page or post will be able to view the uploaded movie clip.</td></tr>
<tr><td>[[Image:addAudio.PNG]]</td><td>This icon allows you to upload a sound recording to be embedded into your post or page. People who view the page or post will be able to listen to the uploaded sound clip.</td></tr>
<tr><td>[[Image:addOtherMedia.PNG]]</td><td>This icon allows you to upload any other type of media file and attach it to your post or page. People who view the page or post will be able see the attached files.</td></tr>
</table>


When you click any of these icons a new popup window will appear which lets you select the file you want to upload to the blog, as shown below.
<nowiki>***This picture shows the image upload window. The sound, video and other media upload windows are nearly identical, so this will be used as a guide for all four upload sections***</nowiki>

[[Image:UploadImage.PNG]]


When you click the 'Choose fields to upload' button a dialog box window will open which allows you to select the file you want to upload, as shown below. To upload multiple items and the same time either drag select them or hold down the 'CTRL' button on your keyboard and click each file individually. When you have selected the file(s) you want to upload click the 'open' button, as highlighted below.

[[Image:UploadMultipleImage.PNG]]


Then image will then be uploaded and you will have a chance to give the image a description, change its name and give it a caption. These steps are all optional, but shown below. If/when you change any of this information you have two options

<ul>
<li>Insert the image into the post/page </li>
<li>Save the image to the media library and don't insert it to the post/page. </li>
</ul>


[[Image:ImageSave.PNG]]

If you want to insert the image into the post/page simply press the 'Insert' button and you will be returned to the page/post writing form with the image inserted into page/post, as shown above.


If you just click the 'Save all changes' button and then the 'X' on the top right corner of the upload screen the image will be saved to the library but will not be inserted into your post/page, as highlighted below.

[[Image:ImageSaveNoInsert.PNG]]


If you chose to insert the image into the post/page you will be returned to the editing form and you will see the image inside the post/page, as highlighted below.


[[Image:editorImageInserted.PNG]]


As stated previously the same process applies if you are uploading a video clip, audio file or other media file. Once the page/post has been published it will be available to everyone with the uploaded media in it. The user will be able to click the image and a larger version of it will be available for them to view.

=== Managing Audio Visual Media ===

----

The media library is a convenient way to see which media files (audio, video etc.) that you have uploaded to the blog site and also allows you to delete items that you no longer need to use. To access media media library click the 'Media' menu item from the left hand side menu and then the 'Library' sub-item, as shown below.

[[Image:MediaMenu.PNG]]


This will shown you all the media that you have uploaded to the media library, as highlighted below.

[[Image:ManageMediaLibrary-New.PNG]]




<b>Selecting Media</b>
----
From here you can edit media or delete media that is no longer in use. To edit a particular media item click the 'Edit' link (which will not appear until you move the mouse over the media item) as shown below, which will bring you to the media editing page. From here you can edit the title of the media, its description and also a caption for the media item, as shown below.

[[Image:SelectMedia-New.PNG]]


<b>Editing Media</b>

----
If / When you make a change to the media file simply click the 'Update Media' button and the updated media information will be changed.

[[Image:EditMedia-New.PNG]]


<b>Deleting Media</b>

----
Deleting a media item is a very simple process. When you delete a media item it is removed from its associated page/post and permanently deleted.

To delete a media item you must go to the Media Library management section. To access media media library click the 'Media' menu item from the left hand side menu and then the 'Library' sub-item, as shown below. 

[[Image:MediaMenu.PNG|Media Management]]

Then simply select the media item(s) that you wish to delete and hit the 'Delete' link, as highlighted below. The media item(s) will then be removed from the blog completely.

[[Image:DeleteMedia-New.PNG|Delete A Media Item]]

When you click the 'Delete' link you will be presented with a message box, as shown below. This is the last chance to cancel you deletion of the media item. If you want to delete the media item just click the 'OK' button.

[[Image:DeleteMedia2-New.PNG|Delete A Media Item]]