58
edits
GMU:Tutorials/Documentation/Wiki Uploading (view source)
Revision as of 19:16, 6 July 2016
, 6 July 2016no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
'''How to Upload Pictures to the Wiki''' | == '''How to Upload Pictures to the Wiki''' == | ||
Uploading pictures to the Wiki is easier than you think. If you do happen to get many problems while uploading, it is probably not your fault. The system is quite buggy sometimes, so just keep trying until it works! | Uploading pictures to the Wiki is easier than you think. If you do happen to get many problems while uploading, it is probably not your fault. The system is quite buggy sometimes, so just keep trying until it works! | ||
The first two tips I will give you when uploading pictures to the wiki is this: | '''This wiki will cover:''' | ||
-The first steps in finding where to upload your photos. | |||
-How to upload your photos. | |||
-How to embed photos on your page while editing. | |||
-Changing the sizes of your photo and creating a thumbnail. | |||
-Changing where your photo is on the page. | |||
-Creating captions for your photos. | |||
'''The first two tips''' I will give you when uploading pictures to the wiki is this: | |||
Save your photos as '''.png''' files. The wiki has trouble reading jpeg files and 9 times out of 10, it will not upload the file. If you are receiving error messages that your photo can not be uploaded, check to make sure it isn't saved under anything other than png. | Save your photos as '''.png''' files. The wiki has trouble reading jpeg files and 9 times out of 10, it will not upload the file. If you are receiving error messages that your photo can not be uploaded, check to make sure it isn't saved under anything other than png. | ||
| Line 11: | Line 26: | ||
---- | ---- | ||
== '''WHERE TO UPLOAD YOUR PHOTOS'''== | |||
| Line 41: | Line 59: | ||
=='''HOW TO UPLOAD YOUR PHOTOS'''== | |||
| Line 130: | Line 152: | ||
=='''HOW TO EMBED PHOTOS ON THE WIKI PAGE'''== | |||
| Line 138: | Line 165: | ||
The second arrow shows the "'''Embed Button'''" or "'''Embedded File'''". | The second arrow shows the "'''Embed Button'''" or "'''Embedded File'''". | ||
Clicking on this button will produce the sentence: '''[[File:Example.jpg]]''' | Clicking on this button will produce the sentence: '''[ [File:Example.jpg] ]''' ''(minus the spaces between the brackets)'' | ||
This sentence is the key to your uploading photos! | This sentence is the key to your uploading photos! | ||
| Line 144: | Line 171: | ||
Now remember how we named the photo we uploaded '''ducks''' and that it was a '''png''' file? | Now remember how we named the photo we uploaded '''ducks''' and that it was a '''png''' file? | ||
'''[[File:Example.jpg]]''' should now read '''[ [ File:ducks.png ] ]''' (except minus all the spaces | '''[ [File:Example.jpg] ]''' should now read '''[ [ File:ducks.png ] ]''' ''(except minus all the spaces. There are spaces because if I use the proper file name, the picture will appear instead of the example script I want to show! Look to the picture on the right to see what I mean!)'' | ||
Make sure you write the EXACT file name as it is. If you uploaded it with a capital "D" for "Ducks", make sure that file name has a capital "D" otherwise the Wiki will not read it. | Make sure you write the EXACT file name as it is. If you uploaded it with a capital "D" for "Ducks", make sure that file name has a capital "D" otherwise the Wiki will not read it. | ||
| Line 159: | Line 189: | ||
If you do everything right, then you should have the fullsize picture of the ducks you uploaded: | If you do everything right, then you should have the fullsize picture of the ducks you uploaded: | ||
[[File:ducks.png]] | [[File:ducks1.png|1000px]] | ||
=='''HOW TO CHANGE THE SIZE OF YOUR PHOTOS'''== | |||
So, now we are thinking, well, this is a little bit too big! That's simple to change! You can change the size of the picture by writing in how big you want it by adding the following instructions to our script: | |||
[[File:ducks1.png|200px|thumb|left]] | |||
'''[ [File:ducks.png|thumb|200px] ]''' ''(again, with no spaces) | |||
'' | |||
The instructions '''thumb''' turn the picture into a thumbnail, whereas the '''200px''' tells the Wiki what size thumbnail to make the picture. Clicking on the thumbnail will also allow you to expand the picture. | |||
It is also possible to change the size of the picture to 400px, 600px, 800px, etc. | |||
[[File:ducks1.png|thumb|400px|left]] | |||
''(with no spaces)'' As a size 400:'''[ [File:ducks.png|thumb|400px] ]''' | |||
[[File:ducks1.png|thumb|600px|left]] | |||
''(With no spaces)'' As a size 600: '''[ [File:ducks.png|thumb|600px] ]''' | |||
== '''CHANGING PHOTO POSITION''' == | |||
Now it's also possible to change which side of the wiki you want your photo to be on. To do this, just add either the instructions "left" or "right" at the end of your script. | |||
[[File:ducks1.png|thumb|200px|left]] | |||
The picture will appear on the left. | |||
''Write this with no spaces:'' [ [File:ducks.png|thumb|200px|'''left'''] ] | |||
[[File:ducks1.png|thumb|200px|right]] | |||
''Write this with no spaces:'' [ [File:ducks.png|thumb|200px|'''right'''] ] | |||
The picture will appear on the right -----> yes, over there! | |||
== '''ADDING A CAPTION TO YOUR PHOTO''' == | |||
[[File:ducks1.png|thumb|200px|left|two ducks sitting together]] | |||
If you want to add a caption to your picture, just insert what you want written at the very end of your script: | |||
''Write this with no spaces:'' [ [File:ducks.png|thumb|200px|left|'''two ducks'''] ] | |||
---- | |||
So, that is the end of the tutorial wiki for how to upload photos to the wiki! I hope everything was understandable. If you are interested to learn even more about different ways to post your pictures to the wiki, check out this link for more information: [https://www.mediawiki.org/wiki/Help:Images]. | |||
Now that you know how to add photos, it should be easy to add even more decoration to your page! Happy picture posting! | |||