Adding Media

Media is important to have in your portfolio, whether you insert photos, videos, powerpoints, or documents. Adding media is simple and you have two main options. – click the Add Media button under the title and above the bold/italic buttons. There are options to use that will help personalize your portfolio. Note: there are size restrictions on uploading files as well as a total limit per site. WordPress may give you an error. Try to compress photos, etc. if that occurs.

You’ll need to add documents for your site but also can, and are encouraged, to add images, music, powerpoints, or whatever to support, display, and enhance your site and explains your major. You have two options.

  1. While editing a page click the “Add Media” button directly under the page title (towards top left) while editing the page.
  2. Upload media in advance under the dashboard option (e.g., the images or documents you know you will want on your site).

Help on inserting a photo, document, gallerySlideDeck, and YouTube videos.

Inserting a Photo

  1. Click the Add Media button.

    My photo that is aligned to the right of this text.

    My photo that is aligned to the right of this text.

  2. If already in your media library, go to that tab and select the image.
  3. If not previously upload, do so by selecting files in the Upload Files section.
  4. Once selected, you can change the title, caption, etc. of the photo. The caption is the line of text that will appear below the image.
  5. You also should choose the size of the image, full, large, medium, or thumbnail.
  6. Insert into page.
  7. To adjust the positioning of the image, click the left mountain button that appears when you hover over it. A image editing box should appear. (You can delete it by clicking the right button)
  8. Sizing (if the image is too big or small, adjust the percentage to the left of the image), alignment (none, left, center or right) and editing the caption are easily altered here. Then hit update.

Note: choosing a left, center, or right alignment inserts your photo into the text, not it’s own separate line. A good option to keep in mind.

Top of page

Inserting a Document

As a content focused portfolio, this is important to know and utilize. Very similar to adding a photo, the document will appear as a link. It will link to a page showing only the document. Click on the linked documents below for examples.

  1. Click Add Media
  2. Choose from your computer or the media library the document you want.
  3. Edit the title- the title is what the link will be named.
  4. Insert into page.

Note: .pdf files will open in the same browser, .doc files will open in a word document. This may influence if you convert your .doc files into .pdf files. Also, you can edit the link so that the document is opened in a separate window/tab just like any other link.

Word Document or PDF file

Top of page

Inserting a Gallery

A gallery is perfect for portfolios with lots of images and photography, especially for large images. Make sure the images you want to insert are oriented correctly, you can edit this in your media library. Also, captions show up underneath the photos, a great option to add information and guidance for the viewer. Some problems stem from adding photos that were originally uploaded to a page and therefore when clicked on will link to that page/post. See example below:

  1. Go to Add Media
  2. On the left choose the second option, Create Gallery
  3. Select the images you want and edit captions on the right (captions are what show up)
  4. Edit the order how you want by dragging and dropping. Choose how many columns you want the gallery to be organized in.
  5. Finish by clicking insert gallery.

Top of page

SlideDeck

SlideDeck is a plugin which allows you to insert a photo/information slider to pages and posts. See the example below. To add the SlideDeck:

  1. Go to Plugins- activate Personal SlideDeck2.
  2. Now when editing pages next to the Add Media button will be a little purple SD button.
  3. Whenever you want to insert a SlideDeck click the SD button, an option box will appear to chose the Slider you want. (Must be made in advance)

To make a SlideDeck:

  1. Go to your Dashboard, below Comments, and click on the SlideDeck 2 option. 
  2. Under Manage chose the Custom Content SlideDeck to start creating one. (Dynamic Source will only take content from the social media sites it supports- g+, twitter, pinterest, etc. So unless that is of use to you, I suggest Custom Content.)
  3. Start making Slides (we only have the option of an Image slide, but you can write over the images.)
  4. Follow the process (chose a photo, chose the type of slide, etc.)
  5. You can link to your pages via SlideDeck. Only type in the name of the page, and dashes in place of spaces. For example, in the Slide Link bar to link to my Getting Started page I’d type “getting-started”. This is the part of the link that follows the /cis-studentemail/
  6. Add as many slides as you like, explore through the SlideDeck options to further personalize or match your theme.
  7. Remember to hit “Save SlideDeck” at the bottom and to add a title for your SlideDeck at the top.
The Slider

Make your page visually captivating.

The Slider

Click the title to be brought to the Getting Started page.

Link to pages
Add brief information

“My photographs are part of a project to fulfill my requirements for the CIS major…” etc.

Add brief information
Slide 4
Slide 4
Or just some photos…
Or just some photos…

Top of page

YouTube Videos

You can imbed a YouTube video using the imbed code provided by the video and pasting it into your editor.

You will get a code like this:
<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/hYwYMngq4II?rel=0″ frameborder=”0″ allowfullscreen></iframe>

You must modify this code by deleting </iframe> at the end and switching the first and last < > to square brackets [ ]. Your modified code will look like this (minus the asterisk):
[*iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/hYwYMngq4II?rel=0″ frameborder=”0″ allowfullscreen]

Top of page

RH’13 & MM’14