Digital Media Homepage

Subject: DMA - Digital media- 2013

College of Arts, Victoria University

Teacher Name: Lisa Cianci - email:
Course Coordinator & Education Manager: Alan Morgans - email:
College of Arts Office: City Flinders - Tel: 9919 1517

Class Website -


Class 03 - Adding media to your blog

Class Activities

1. Discuss:

The Commonplace Book in the Digital Age

In Steven Johnson's book - Where Good Ideas Come From (Johnson 2010), he discussed something called a commonplace book. Commonplacing is a practice that began hundreds of years ago - mainly for writing, but not only for that purpose. As much as I try to avoid using Wikipedia for reference material, there is a good page that gives a brief history of the commonplace book that will save me repeating the information:

The interesting thing about this practice of commonplacing is that it is similar in many ways to the visual journals you keep as artists, and one could also make many comparisons to blogging. In particular, the notion of commonplacing is relevant as a kind of scrap-booking, and as an aide-mémoire to keep ideas, concepts and references to things that could be referred to later.

Blogs can be valid tools for documenting research and reflective practice. Conceptually they are not a new thing (blog is a portmanteau word that means web log), but the technology has certain advantages (and disadvantages) that make it an interesting proposition for artists.


Are there any issues or things you want to do with your blog but aren't sure how?

We can discuss specific elements in class and see how to implement them, or be aware of the limits of the Wordpress application


2. Some handy notes to help you remember:

To Log In

Go to to log in to your blog or go directly to and find the Meta/Admin Login link on your blog homepage. Hopefully you have remembered your username and password. If you forget, you can get a password reset sent to your email address.

To Find the Dashboard (Admin Area)

If you don't go directly to your blog Dashboard - which is the place where you manage your blog (add/edit/delete content), go to your username at the top-right corner of the black Wordpress menu bar at the very top of your browser window. Roll over your username and you should see a list of your blogs appear in a drop-down list. Roll over the blog and another drop-down menu should appear with a link to the "Dashboard". Select this link and you should be there.

To View your Blog

If you want to view how your blog will look to other users visiting your site, then you can just click on the name of your blog at the top-left corner of the black Wordpress menu bar at the very top of your browser window.

These options should always be accessible to you if you are logged into Wordpress. Sometimes it can happen that you lose where you are and need to go back to the Dashboard or the Blog public view.

To Add a New Post

There are many ways to reach the Add New Post interface:

    1. Roll over the blog name at the top-left corner and select New -> Post

    2. Roll over your username at the top-right corner and select yourblogname -> New Post

    3. If you are in the dashboard area, just select Posts / New Post from the menu at the left-hand side of the page


To Add Images to your Blog Post

When you are at the interface to add a new post, you will see a small button under the "Add Title" field which is labelled "Add Media". This button will open a new overlayed interface that will allow you to upload one or more images at once. You may also select one as the "Featured Image" which appears in the summary view of blogs. If you have trouble adding media, get some help from me, and try the step-by-step guide on this page:

Ignore the first part of this page about a widget called Zemanta (unless you want to try it), and scroll down to the part titled Add your own images. This section will show you how to do it. The interface in their guide is the old interface - they obviously haven't updated the images yet, but the principal is the same. You need to have your images ready on a USB stick, hard disk or on the computer itself. You then select the ones you want to add and Wordpress will upload them.

Once uploaded, you can add titles, captions etc, and tweak how they will appear in your blog post. This is often one of the trickiest parts of Wordpress, so you may need to practice doing it a few times to really feel comfortable with it. Just ask for assistance with anything that's not working for you.

Don't be afraid to experiment!

if something doesn't work you can always edit it or delete it and try again.


3. Working with galleries, slideshows & video

Hopefully you read these pages over the last week, so you will have some idea of how adding content to your blog works. We will look at adding media and creating galleries and slideshows which can be done in both Posts and Pages

7. Get Published -

8. get Flashy -

Embedding Video Content

You cannot upload video to a blog, but you can embed video content that you upload to Youtube or Vimeo. You can also embed other people's content in your own blog.

Once you have uploaded your video to Youtube or Vimeo, you should see an option somewhere in the web page to "share" the video. You need to find the Embed code which will look something like this:

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

For example, in Youtube, the code can be found by clicking on Share, then Embed to reveal the box with the embed code.

On Vimeo, there is a Share link at the top-left corner of the video if you roll over it (and the user has allowed sharing)

Copy and paste this Embed code into your Post or Page editor - but you MUST paste it in the Text view NOT the Visual view of your editor because this is HTML code not normal text.

You can choose a Post format such as "Video" if you want to format the post to highlight the video. Check how this looks in your Theme, you can always edit the Post and change the format.



4. Create: things to do this week

1. upload a range of images to your media library. You can do this either from the Dashboard, or when adding a Post or Page

2. create at least one gallery or slideshow of your work. Don't forget to use titles, captions etc to properly document your work. You might also want to experiment with the other settings in the media area such as alignment, size, etc.

3. if you haven't already, make sure you have a blogroll linking to your classmates' blogs, and make sure you have widgets set up like the Tag Cloud and the Archive so that it is easy to access your blog content in different ways

4. if you haven't done this yet, make sure you have Categories and Tags for all of your blog posts. This helps to build a contextual picture of your blog and makes it easier for visitors to find content according to keywords.


5. Show me your blog

I will come around and review everyone's blogs towards the end of class today. I want to see your interface layout, and the content you have started to enter such as responses to the videos shown in class, and examples of your own work.



Homework / Readings

Your homework will be to produce some quality images for your blog that can be used as galleries and slideshows. Make sure you save the images as JPG or PNG format and make sure they are 72dpi resolution. The width & height in pixels can vary depending on how big you want the image to be, but think about the average screen resolution - I wouldn't upload an image larger than about 1200px wide and 900px high - of course you can use images a lot smaller than that.



Some interesting websites and blogs by artists and designers