Help:Add a Picture

From Meridies Wiki
Revision as of 18:24, 23 February 2020 by WikiAdmin (talk | contribs) (Created page with "== Upload the Image == To add a photo or image to a wiki page, you need to first upload the image file to the wiki. #On left side of the screen, in the toolbox section is the...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Upload the Image

To add a photo or image to a wiki page, you need to first upload the image file to the wiki.

  1. On left side of the screen, in the toolbox section is the "Upload file" link. Click this to get to the upload page.
  2. Use the "Browse" button to locate the file on your computer that you want to upload. Supported file types are .GIF, .JPG and .PNG.
  3. If needed, change the Destination filename to something simple and descriptive. Avoid names like "Device.gif", and instead use something like "WolffauerDevice.gif"
  4. The Summary section can be used to describe the image, credit the source and classify the image. The classifications most commonly used for images are:
[[Category:Populace Armorial]] - used for personal and household devices and badges
[[Category:Territory Armorial]] - used for local group devices and badges
[[Category:Photos]] - used for all photos that do not belong in the following categories
   [[Category:A and S Photos]] - photos of A&S projects, other crafts, and photos associated with "how to" pages
   [[Category:Horse Photos]] -  photos of horses and equestrian activities
   [[Category:Household Photos]] - photos used on household pages
   [[Category:Profile Photos]] - the primary photo in the info box on your profile page
   [[Category:Regnal Photos]] - photos used on the pages for the tenures of Royalty and Landed Barons
   [[Category:Armor Photos]] - Photos of individuals in armor, with helmet in place (fencing or heavy).

Click "Upload file" and the file will be added to the wiki. All uploaded files can be found listed here.

Add an Image to a Wiki Page

To place an image on a page, edit the page and add the following code:

[[File:DestinationFile.jpg]]

using the destination file name of the image you wish to show. The image file names are case sensitive - "WolffauerDevice.gif" is not the same as "WolffauerDevice.GIF".

To add a photo or device image to your populace page, edit your page and locate the Populace template which will look something like this:

{{Populace
|photo = [[File:Photo needed.jpg|200px]]
|photocaption = Caption Needed
|location = 
|status = 
|opid =
|device = [[File:Device needed.jpg|200px]] 
|devicecaption = Heraldry Needed 
|awards = 
|offices = 
}}

Replace the place holder file name ("Photo needed.jpg" or "Device needed.jpg") with the destination file name of the image you wish to show. For example:

|device = [[File:WolffauerDevice.gif|200px]]

The "|200px" tells the wiki to display the image with a width of 200 pixels. If your image is smaller than that, you can leave that part off and the image will be displayed at full size.

Show Preview to preview your page, and confirm the that the image shows up. If all is good, save the page.

Showing Images Elsewhere on Your Page

File:Wolffauer.gif
Michel Wolffauer's arms

Other options you can use when adding an image are:

  • |alt="" - this uses the text between the quotes as alternative text to describe the image if it doesn't load or if it is encountered by a screen reader. This is very important for accessibility and users are encouraged to include it with all images.
  • |right or |left - this tells the wiki to display the image on the right or left side of your page
  • |thumb - this tells the wiki to display the image as a thumbnail.
  • |A text description - this needs to be the last option, and will add hover text to an image, or a description to a thumbnail.

For example:

[[File:Wolffauer.gif|200px|right|thumb|alt="Arms, Argent a wolf rampant per fess gules and sable"|Michel Wolffauer's arms]]

Gives you the image on the right side of the page:


Add An Image Gallery To Your Page

Sometimes, you want to show multiple images together, as a gallery. This is easy to do as well. Once you have the images uploaded, add a section like this to your page:

<gallery>
File:ImageOne.jpg | give this file a display name
File:ImageTwo.jpg | give this file a display name
FIle:ImageThree.jpg | give this file a display name
(...)
</gallery>

For example,

<gallery>
File:SillyMarginalia1.jpg | A silly bishop and congregation.
File:SillyMarginalia2.jpg | A silly dog playing the bagpipes.
File:SillyMarginalia3.jpg | Is that Yoda?
</gallery>

results in: