Editing Help/Upload-a-Photo-How
Jump to navigation
Jump to search
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
'''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 ? | You are creating an article on the Polyglotclub WIKI and you want to add a picture in it. How to do this ? | ||
| Line 8: | Line 8: | ||
To create your own original image, you can use softwares like [https://picasa.google.com/ Picasa], [http://www.adobe.com/products/photoshop.html Photoshop] or [http://www.adobe.com/products/fireworks.html Fireworks]. | To create your own original image, you can use softwares like [https://picasa.google.com/ Picasa], [http://www.adobe.com/products/photoshop.html Photoshop] or [http://www.adobe.com/products/fireworks.html Fireworks]. | ||
<span style="color:red;">'''Warning: in your page add at least one image with a width of 700px or more.'''</span> For technical reasons, this image must be large enough to appear on the lessons thumbnails like in [http://polyglotclub.com/language/wiki following page]. | |||
== Upload the image on the article == | == Upload the image on the article == | ||
| Line 13: | Line 15: | ||
Once your image is created, you can add it on your wiki page. | 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). | |||
: | |||
:#Click on the '''Edit source''' tab. | :#Click on the '''Edit source''' tab. | ||
:#Click the button (small green arrow) | :#Click the button (small green arrow) | ||
| Line 34: | Line 33: | ||
Then, use the following codes (edit your page with the Edit Source button) : | 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. | 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: | *Image with a width of 300px: | ||
<code>< | <code><My_pic.png|300px]]</nowiki></code> | ||
[[File:Onomatopoeias.png|300px]] | |||
*Image with a caption "your text": | *Image with a caption "your text": | ||
<code><nowiki>[[File: | <code><nowiki>[[File:Onomatopoeias.png|your text]]</nowiki></code> | ||
[[File:Onomatopoeias.png|300px|your text]] | [[File:Onomatopoeias.png|300px|your text]] | ||
*Image with a link: | *Image with a link: | ||
<code><nowiki>[[File: | <code><nowiki>[[File:Wiki.png|300px|link=http://polyglotclub.com]]</nowiki></code> | ||
[[File:Onomatopoeias.png|300px|link=http://polyglotclub.com]] | [[File:Onomatopoeias.png|300px|link=http://polyglotclub.com]] | ||
*Image with a border: | *Image with a border: | ||
<code><nowiki>[[File: | <code><nowiki>[[File:Onomatopoeias.png|300px|border|Photo Upload]]</nowiki></code> | ||
[[File:Onomatopoeias.png|300px|border]] | [[File:Onomatopoeias.png|300px|border]] | ||
Learn more about the [https://www.mediawiki.org/wiki/Help:Images wiki code syntax for images] | Learn more about the [https://www.mediawiki.org/wiki/Help:Images wiki code syntax for images] | ||