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:
- Highlight the text you want to turn into a link.
- Hit the Link icon in the editor toolbar.
- 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.
- Hit the Add link button.
- Finish editing your page, and Save!
(You can find more details about specific ways to add links on our help page.)
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.
- On the page where you want to put the link, hit the Edit button.
- 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.
- Click the Upload Files button and select the image you want to use from your computer.
- Once it’s uploaded, click on the thumbnail and file name in the list to insert it into your page.
- If you want, click on the image, then use the file details box to adjust the size and alignment of your image.
- With the image still selected (so you can still see the file details box), click the Link icon in the editor toolbar.
- Select the Wiki Link or External Link tab, and add the link information just like you would with a text link. Click Add Link.
- Finish editing the page, and hit Save.
- 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 firstname.lastname@example.org.