Difference between revisions of "Help:Using Files"

From Krafties
Jump to navigation Jump to search
Line 100: Line 100:
 
==Link image to Page==
 
==Link image to Page==
 
[[File:Krafties Crafting.png|thumb|left|Example 1, default linking]]
 
[[File:Krafties Crafting.png|thumb|left|Example 1, default linking]]
 +
:Image files link to their own file page by default
 +
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|left|Example 1]]</nowiki></code>{{clear}}
 
[[File:Krafties Crafting.png|thumb|left|link=Crafting Temple|Example 2, <br>now links to [[Crafting Temple]]]]
 
[[File:Krafties Crafting.png|thumb|left|link=Crafting Temple|Example 2, <br>now links to [[Crafting Temple]]]]
 +
:But you can turn it into a link to another page by adding <code>link=</code> (which can also be an external link
 +
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|right|link=Crafting Temple|Example 2]]</nowiki></code>{{clear}}
 
[[File:Krafties Crafting.png|thumb|left|link=|Example 3, <br>links nowhere]]
 
[[File:Krafties Crafting.png|thumb|left|link=|Example 3, <br>links nowhere]]
:Image files link to their own file page by default
 
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|left|Example 1]]</nowiki></code>
 
:But you can turn it into a link to another page by adding <code>link=</code> (which can also be an external link
 
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|right|link=Crafting Temple|Example 2]]</nowiki></code>
 
 
:Or for decorative purposes, you can disable the link by leaving it empty
 
:Or for decorative purposes, you can disable the link by leaving it empty
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|left|link=|Example 3]]</nowiki></code>
+
:*<code><nowiki>[[File:Krafties Crafting.png|thumb|left|link=|Example 3]]</nowiki></code>{{clear}}
{{clear}}
 
  
 
== See also ==
 
== See also ==
 
* [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Wikipedia:Picture tutorial]
 
* [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Wikipedia:Picture tutorial]
 
* [[Wikipedia:Help:Gallery tag|Gallery help (wikipedia)]]
 
* [[Wikipedia:Help:Gallery tag|Gallery help (wikipedia)]]

Revision as of 05:26, 16 August 2014

Our Wiki Help Pages
General Mediawiki Helpguides
Before you can add a picture to a page, you need to locate the file or upload the image first. Then you can use the following information to properly embed the image to the page as it benefits the page.

Please use Thumbnails for the most part, unless the image serves a explanatory purpose or to decorate a lonely page. It can be tricky to balance large images and text, so its best to just keep it small unless necessary.

On this page I'll introduce you to:
  • Thumbnails
  • Framed images
  • Plain pictures
  • Gallery format

Uploading

When you upload file, you can always find them again on the List of Files uploaded. To make it even easier to locate, add the file to a proper category (help page).

Replacing/Updating File

  • When you wish to replace a picture with a better one for whatever reason (better quality or updating) then simply find the original file and "upload newer version of this file"
This is to avoid having duplicates of the same picture or cluttering space with outdated informative images.
  • You can only replace pictures with the same format file (example:.jpg cannot be replaced with a .png)

Thumbnails (thumb)

Thumbnails are for adding pictures relating to the page.

  • Thumbnail examples:
  1. [[File:Krafties Crafting.png|thumb|left|Description]] -thumbnail will be on the left side
  2. [[File:Krafties Crafting.png|thumb|center|Description]] -thumbnail will be in the center
  3. [[File:Krafties Crafting.png|thumb|Description]] -thumbnail will be on the right side
  4. [[File:Krafties Crafting.png|thumb|100px|center|Description]] -thumbnail will be 100px wide in the center
ThumbExample Left
ThumbExample Right
ThumbExample Center
ThumbExample 100px|Center
Notes about Thumbnails
  • Thumbnails are by default on the Right.
  • Text wraps around thumbnails when its either to the Left or Right.
  • Biggest thumbnail by default is 220px on either side.
  • The format of the link should always be [[File|Commands]].
The order of commands does't matter, the wiki figures it out.
  • To place a image on the left without text wrapping, use none instead of left (example:[[File:Krafties Crafting.png|thumb|none|Description]])

Framed (frame)

Framed, displays picture in native size

Framed is like a mix between plain picture and thumbnail.

Notes about Frames
  • Thumbnails are basically resized Framed images, so same commands work for both.
  • They appear in their original size by default (not resized like thumbnails)
  • Even if Frames and Thumbnails are similar, frames do not have the resize button next to the description.
  • Framed pictures are on the right by default, and text wraps around. Just like thumbnails.


[[File:Felion.jpg|FRAME|left|Description]] -displays the picture on the left, see how the text wraps

Plain Picture

Plain pictures are best when they have a white background, else using Frames is better.

Krafties Crafting.png *Text does not wrap by default. Plain pictures are in-line (it means the image is in the line with the text, so text does not wrap)

Notes about Plain pictures
  • Adding no command of type (thumb or frame) will result in a plain image.
  • Plain pictures are on the Left by default
  • They appear to be in-line, so text does not wrap around the picture by default.
  • Text will actually wrap if you command the image to be on the left.
  • Plain pictures cannot have a description/caption
  • They are displayed in their original size by default, just like framed.
[[File:Krafties Crafting.png|500px]] - displays the image only resized.

Gallery <gallery>

Galleries are pretty simple to set up, you have your <gallery> tag and add each new item in it's separate line.

<gallery caption="Mini Gallery">
File:Krafties Crafting.png|1
File:Felion.jpg|2
File:Eggsie.jpg|3
File:Pandaire.jpg|4
</gallery>

More Options

You can adjust the size of each row item with widths/heights (default is 120px), and the number of items per row perrow.
<gallery caption="Mega Gallery" widths=200px heights=200px perrow=2>
File:Krafties Crafting.png|1
File:Felion.jpg|2
File:Eggsie.jpg|3
File:Pandaire.jpg|4
</gallery>

Link image to Page

Example 1, default linking
Image files link to their own file page by default
  • [[File:Krafties Crafting.png|thumb|left|Example 1]]
Example 2,
now links to Crafting Temple
But you can turn it into a link to another page by adding link= (which can also be an external link
  • [[File:Krafties Crafting.png|thumb|right|link=Crafting Temple|Example 2]]
Example 3,
links nowhere
Or for decorative purposes, you can disable the link by leaving it empty
  • [[File:Krafties Crafting.png|thumb|left|link=|Example 3]]

See also