Tips and tricks: Linking images

You want your wiki to look attractive, and you want it to work hard. One simple way to accomplish both of those goals is by adding links to your images to turn them into buttons. And you can do that with the skills you already have. Here’s how:

A refresher course in links
You are almost certainly using links in your wikis already. They make it possible to move between pages, from wiki to wiki, even to other resources elsewhere on the Internet. Adding a link is very easy to do:

  1. Highlight the text you want to turn into a link.
  2. Hit the Link icon in the editor toolbar.
  3. If you’re linking to a page in your wiki (or another wiki), fill out the information in the Wiki Link tab. If you’re linking to a page on another Web site, move over to the External Link tab and put in the information there.
  4. Hit the Add link button.
  5. Finish editing your page, and Save!

(You can find more details about specific ways to add links on our help page.)

Getting ready
Before you can link an image, you have to have an image that you want to use. Any type of image file will make a good link: .jpg, .gif, .png — whatever you’re comfortable with or have ready to go.

It’s best if your image is set to the size you want it to appear on the page before you upload it to your wiki. You can always make the image larger or smaller once it’s on the page, but, depending on the type and size of the image, it might end up looking pixilated or strange. The right size for an image depends on where and how you want to use it. For example, we recommend that you set images in your navigation bar to no more than 180 pixels wide.

But, really, any image — no matter what the size, file type, or subject matter happens to be — can be made into a link with a few easy steps.

A few easy steps
Are you ready? Here it goes:

  1. On the page where you want to put the link, hit the Edit button.
  2. Decide where you want the image to go. Make sure that’s where your cursor is, and hit the File button in the editor toolbar.
  3. Click the Upload Files button and select the image you want to use from your computer.
  4. Once it’s uploaded, click on the thumbnail and file name in the list to insert it into your page.
  5. If you want, click on the image, then use the file details box to adjust the size and alignment of your image.
  6. With the image still selected (so you can still see the file details box), click the Link icon in the editor toolbar.
  7. Select the Wiki Link or External Link tab, and add the link information just like you would with a text link. Click Add Link.
  8. Finish editing the page, and hit Save.
  9. Just for funsies, click on your image. Linked!

Some ideas for linked images
Probably the single most popular way people use linked images is to add graphical buttons to the navigation bar. We have an entire page devoted to nav bar changes in our help wiki. But that’s not all you can do.

You can put together a page introducing your classroom, with a piece of student art representing each student. When you click on a student’s artwork, BAM!, it takes you to that student’s e-portfolio.

Or say you’re setting up a product catalog for your company’s public-facing wiki. You can add product photos to your home page that will take the customer to a page that lists the specifications for that product.

Or maybe you just want to add a little bit of flair to your page. Why settle for a text link that says “Click here,” when you can have a Big Red Button?

Linked images are a simple way to add polish and pizazz. Let us know how you’re using links with a comment below or an email to help@wikispaces.com.

This entry was posted in Tips and Tricks. Bookmark the permalink. Both comments and trackbacks are currently closed.

3 Comments

  1. Ardist-1234
    Posted November 18, 2010 at 4:54 am | Permalink

    was wikispaces really created for high schoolers? im only in elemetery school.wikispaces is really cool.

  2. Posted November 19, 2010 at 11:39 am | Permalink

    I’m glad you like it! Wikispaces was created so that everyone, from elementary students to college professors and beyond, could get the wikis that work for them.

  3. Posted January 22, 2011 at 3:55 pm | Permalink

    I would like to add a link inside a caption to an image. Is this doable?

  • Wikispaces Private Label

    Our flexible, scalable wiki environments deliver unlimited wikis, simple editing tools, and powerful central administration for organizations of all sizes.
    Find out more.
    Start your free, 30-day trial.

  • About Us

    Welcome to our blog! This is where we share updates about events and new releases, tips and tricks for using wikis, profiles of a few of our favorite wikis, and more. We're proud to serve a large community of educators, as well as individuals, groups, and organizations of all stripes and sizes.

    Contact us.
    Call us: 415-863-8919
    Site status · We're hiring!

  • Join Us for a Webinar

    Our monthly webinars are a great way to check out examples, learn from experts, and get real-time answers to your questions. Our webinars are always fun, and always free.
    Sign up today.

  • Wikispaces for Educators

    If your wiki is used exclusively for education, you might be eligible for a free upgrade to one of our K–12 plan or Higher Education plan wikis.
    Learn more about our K–12 plan.
    Learn more about our Higher Education plan.