From WikiEducator
Jump to: navigation, search

The following tips will help you better manage images, but also further your understanding of wikitext.

When images interfere with other text and images on a page

Sometimes images float over other elements in your page. This usually occurs when you have a number of images in close proximity to each other. One way to fix this problem is to add the Template:Clear after your image. The wikitext to be added to the page looks like this:


How to add a template to a page is covered in more detail in a later tutorial, but the following provides you a quick sense of the two ways to do this:

1. By using the Insert/Edit Template button, {T}, on the Rich Editor toolbar:

  • Position your cursor in a blank line below the image that displays in the rich text editor.
  • Click the Insert/Edit Template button, {T}, on the Rich Editor toolbar.
The Template Properties dialog box displays.
  • Click on the Manual tab.
  • Scroll down to find and select Template:Clear.
  • Click OK.
A template icon, {{T}}, will display in the editing window.
  • If you are satisfied with the change, click Save page.

2. By using the temporary wikitext option:

  • Click on the Wikitext button in the Rich Editor toolbar.
  • Type "{{Clear}}" under the wikitext for the image.
  • Click the Wikitext button again to return to rich text editing.
A template icon, {{T}}, will display in the editing window.
  • If you are satisfied with the change, click Save page.
Adding the {{Clear}} wikitext should force the following text or content to start after the image in the page.

Resources for Images

The following links are to sites where you can find images covered by licenses that are compatible with this wiki:

  • Flickr Creative Commons - Search Flickr for images covered by Creative Commons licenses.
  • Wikimedia Commons - repository for freely licensed photographs, diagrams, animations, music, spoken text, video clips, and media of all sorts.
  • Openphoto - searchable by license type.

See also: Open Educational Content Tutorial

Creating a gallery from existing images in WikiEducator

The wiki has a feature to create a gallery from images which are already available in the WikiEducator database or Mediawiki commons. You will need to be in wikitext mode to enter the gallery syntax. It uses the following syntax to reference the file names of images which are already available. You also have the option of providing a caption for each image in the gallery.

 Image:Image_file_name.png|Caption for first image goes here
 Image:Image-file_name.jpg|Caption for second image goes here

So for example, the following syntax would render the gallery display below:

 Image:L4C-small.png|Learning4Content logo
 Image:Mediawiki logo m.png|Mediawiki software logo
 Image:Flag_of_New_Zealand.svg|Flag of New Zealand
 Image:User@desktop1.jpg|Wiki skills workshop participant
Icon present.gif
Tip: Make sure that you use the correct file extension for the image saved in the database, eg .png, .svg, .jpg. If you use the wrong extension, the image will not display properly.