Interactive Design Homepage

VUIT Digital Arts

Teacher Name: Lisa Cianci - email:
Education Manager: Adam Hutterer - email:

Class Website -

Subject: ID2 - Interactive Design

Course: Advanced Diploma of Graphic Design (CUV60411)

CLASS 11 - Wordpress Portfolio Development

custom menus and adding rich media content


Create Custom Menus

If you want to create custom menus, it's not difficult, but you have to follow the appropriate steps. To create menu items you need to either have created Pages, or need to have your posts linked to Categories, or you can create menu items for External Links. Whichever option you choose, they need to be in place or you need to know what you're doing before you go to the Menu area of your Dashboard.

If you create static Pages for your blog, they are usually not linked to anything - so they can't be accessed from your blog unless you add them to a Menu.

When you go to the Menu area of the Dashboard, you will need to create a menu (or edit an existing menu), add items to the menu and organise them, save the menu, and then you need to Activate the menu or it won't be seen on your blog - this last step is one that people often forget and then wonder why they can't see their new menu in their blog.


Uploading images and creating galleries & slideshows

Today we will go through uploading images to Wordpress, and then placing these images into Pages and Posts using the dashboard interfaces. You can place multiple images in galleries and slideshows with many options, and the way they are displayed may be dependent on the style settings of your theme.


You can also embed images from other social media sites and other forms of media can be embedded to. See this general support page to try out some of the options:


Embedding Video Content

You cannot upload video to a blog, but you can embed video content that you upload to Youtube or Vimeo and many other formats. 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 option to "Share" the video which will give you the URL to copy:

For example, in Youtube, the code can be found by clicking on Share, 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 thiscode into your Post or Page editor - but you MUST paste it in the Visual view NOT the Text view of your editor and make sure it's not a hyperlink.
Note: previously in Wordpress, you had to embed an <iframe> in the Text view of the editor, but recent upgrades to the dashboard have made the process a lot easier.

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.


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 your custom menu set up so that you can access the Pages of your portfolio from the homepage of your site. To do this you need to add everyone's wordpress URLs as Links and then add a Links Widget somewhere in a Sidebar