Difference between revisions of "Help/Upload-a-Photo-How"

From Polyglot Club WIKI
Jump to navigation Jump to search
Tags: Mobile edit Mobile web edit
Tags: Mobile edit Mobile web edit Visual edit
Line 36: Line 36:


*Image with a width of 300px:
*Image with a width of 300px:
<code><My_pic.png|300px]]</nowiki></code>
<code><nowiki>&lt;nowiki&gt;</nowiki><nowiki>[[My_pic.png|300px]]</nowiki></nowiki></code>


[[File:Onomatopoeias.png|300px]]
[[File:Onomatopoeias.png|300px]]

Revision as of 12:35, 30 October 2016

How to upload an original photo on your page?

You are creating an article on the Polyglotclub WIKI and you want to add a picture in it. How to do this ?

Create your own image (do not copy from the web)

First, be aware that it is not allowed to simply copy images on the web without modification because of Copyright and Duplicate Content reasons.

To create your own original image, you can use softwares like Picasa, Photoshop or Fireworks.

Warning: in your page add at least one image with a width of 700px or more. For technical reasons, this image must be large enough to appear on the lessons thumbnails like in following page.

Upload the image on the article

Once your image is created, you can add it on your wiki page.

Warning: it is not yet possible to add an image with the Edit tab (Visual Editor). You have to edit your page with the Wiki code editor (Edit source tab).

  1. Click on the Edit source tab.
  2. Click the button (small green arrow)

small green arrow

  • Select the file from your computer
  • Click the Upload this file link

Upload this file

  • Add the image code in the page: click the Insert picture link

Insert picture

  • Format the code if needed

Formatting your image

For example, if you have just uploaded an image with the following name : My_pic.png

Then, use the following codes (edit your page with the Edit Source button) :

So your page can be viewed with any device, it is best to use a width of 300px. I know it's small but, so far, mediawiki do not provide responsive design which automatically adapt to all devices mobile or desktops.

  • Image with a width of 300px:

<nowiki>[[My_pic.png|300px]]</nowiki>

Onomatopoeias.png

  • Image with a caption "your text":

[[File:Onomatopoeias.png|your text]]

your text

  • Image with a link:

[[File:Wiki.png|300px|link=http://polyglotclub.com]]

Onomatopoeias.png

  • Image with a border:

[[File:Onomatopoeias.png|300px|border|Photo Upload]]

Onomatopoeias.png

Learn more about the wiki code syntax for images