Skip to main content

Guides

Overview

Adding images, videos, and documents to a page can make all the difference when someone reads it. A picture is worth 1,000 words and videos (must be) worth many more. Therefore, images and videos are invaluable in illustrating how to perform a specific task in a guide. Documents further illustrate your procedure and supply additional beneficial information. Use images, videos, and documents to make a plain page interesting or a confusing page clear.

Media Manager

The Media Manager is the tool iFixit uses to upload images, videos, or documents to any page that supports them.

Delete All Files in your Media Manager

If you are finished working with the images in your shelf, you can use the Clear all images button in the bottom-right corner to clear all of them from your manager.

Image

Guide Media

Images and Videos

  • Image Requirements:
    • Formats: JPEG, JPG, PNG, BMP, TIFF, TIF
    • 800px by 600px
    • Maximum file size of 40MB
  • Video Requirements:
    • Formats: MOV, AVI, MP4, MPEG, WMV, OGG, FLV
    • 592px by 444 px
    • 30 seconds

Attaching an Image or Video

Click on the Edit tab located at the upper-right of the page and go to the step to which you want to add the image.

Note: If the image or video uploads but it does not meet the requirements, an orange bar will appear at the top of the Media Manager. The bar tells you what you need to fix before the image can be uploaded.

Each guide step holds up to three images or one video. When viewing the page, drag the thumbnails around within the bar to adjust the order of the images. Whichever image is the furthest left will be the main image. After making all of your changes, be sure to click Save before leaving the page.

Image

Editing an Image

Once you upload images, you are given the opportunity to edit them before you attach them to a page. You may also edit the image after it has been uploaded to a guide when editing the corresponding step.

Documents

Attaching documents to a step-by-step guide is a great way to supplement those guides with additional relevant information. Unlike images and videos, users must open the document in a new tab or window for viewing.

Clicking on the Documents tab in your Media Manage brings up a panel of your currently uploaded documents and the option to upload more.

Category, Item, and Wiki Page Media

Images and Videos

Image and Video Requirements

  • Image Requirements:
    • Main Image: 800px by 600px
    • All other Images: 592px by 444px
    • Maximum file size of 40MB
  • Video Requirement:
    • Embedded Videos: No Required or Restricted Length

Note: Information on image size requirements is always displayed in the Media Manager, so you will never have to guess.

Adding a Main Photo

To add a Main Photo, the photo that will display as a thumbnail to represent the Wiki, click on the grey image placeholder on the right side of the screen.

Image

The Media Manager pop-up will appear. Click on the Upload Media button and choose a file from your computer to upload.

Once the image has uploaded, click on the thumbnail of the image in the Media Manager, and it will be placed on the page.

Adding an Image to the Additional Information Section

Right above the Additional Information box, click on the photo icon.

Image

The Media Manager pop-up will appear. Click on the Upload Media button and choose a file from your computer to upload.

Image

When the image is attached to the page, you see a bit of code that looks like this:

[image|123381|alignment=left]

That means that you have successfully attached the image. If the image is not where you want it, just cut and paste the code into the correct part of the text box. Be sure to click Save before leaving the page.

For information on how to modify an image that is attached to a wiki article, check out our info on Wiki Formatting and Syntax.

Adding a Video

Right above the Additional Information box, click on the video icon.

Image

When the video is attached to the page, you see a bit of code that looks like this:

[video|https://www.youtube.com/watch?v=3KMdkC536vs]

That means that you have successfully attached the video. If the video is not where you want it, just cut and paste the code into the correct part of the text box. Be sure to click Save before leaving the page.

For information on how to modify a video that is attached to a wiki article, check out our info on Wiki Formatting and Syntax.

Documents

Attaching documents to a Category, Item, or Wiki page is a great way to supplement the page with additional relevant information. Unlike images and videos, users must open the document in a new tab or window for viewing.

Image

Clicking on the Documents tab in your Media Manager brings up a panel of your currently uploaded documents and the option to upload more.

Uploading a Document

All documents must be saved as .pdf files to be uploaded.

To add a document to your Category, Item, or Wiki page, begin by clicking on the Edit tab at the top-right of the page.

Right above the Additional Information box, click on the black photo icon.

Image

The Media Manager pop-up will appear. Click on Upload Media and choose a PDF document from your computer to upload.

Image

When the document is attached to the page, you see a bit of code that looks like this:

[document|10]

That means you have successfully attached the PDF. If the document is not where you want it, just cut and paste the code into the correct part of the text box. Be sure to click Save before leaving the page.

Editing a Document

Unlike images, there is not much editing you can do to a document once you upload it. Clicking the Edit button to the right of the document thumbnail, you will have the option to edit the Title or Summary. You also have the option to select the Feature button for the document.

Deleting a Document

Once the document has been added to your guide, you can remove it by pressing the X to the right of the document thumbnail.

To remove a document from a Category, Item, or Wiki page, erase the wiki syntax that appeared when you added the document.

Marker Keyboard Shortcuts

We know you're very busy, so here are some keyboard short cuts to add seconds back to your packed day:

  • Right Arrow Key: Move the marker slightly to the right
  • Left Arrow Key: Move the marker slightly to the left
  • Up Arrow Key: Move the marker slightly upwards
  • Down Arrow Key: Move the marker slightly downwards
  • Shift + Arrow Key: Move the marker that direction
  • -/+ Key: Directionally decrease or increase the size of the marker from the center

Megan Voss

Member since: 01/15/14

0 Guides authored