Adding images: Difference between revisions

mNo edit summary
Line 21: Line 21:


== Adding/editing images in wikitext  ==
== Adding/editing images in wikitext  ==
 
To make edits to an image in Physiopedia all you need to do is:
If you are familiar with the source code you can also add/edit images directly in the source code. 
# Click Edit from the drop down menu under Edit in the top navigation bar.
 
# Click on the image and click on the '''Edit''' link that appears
Add the following to the page where you want the image to appear:
# A pop up box will appear where you can make edits to and change the formatting for the image.
 
# When you are done click '''Save'''!
*<tt><nowiki>[[Image:image file name.extension]]</nowiki></tt> <br>
 
Where:
 
*<tt>image file name</tt> is the image file name that can be found on the specific Physiopedia page for the image that you wish to use
*<tt>extension</tt> is the extension for the image file i.e. jpg, png, gif<br>
 
For example, to include the Physiopedia logo, you'd enter:
<pre>[[Image:Physiopedia.jpg]]</pre>
Which would give:  
 
[[Image:Physiopedia.jpg]]
 
<br>
 
You can also style the image with various options separated with a pipe character ("|"). In brief, they are:
 
*<tt>[[Image:{name}|{type}|{border}|{location}|{size}|{upright}|{caption}|{link}]]</tt>
 
Where:
 
*<tt>type</tt> is 'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting.
*<tt>border</tt> adds a border around the image.  
*<tt>location</tt> is 'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right', when combined with 'thumb' or 'frame'.
*<tt>size</tt> is {width}px or {width}x{height}px, scales the image to be no greater than the given width and height, keeping its aspect ratio.
*<tt>upright</tt> is for use only on images that are taller than they are wide. This scales the image differently, considering both width and height instead of only width.
*<tt>caption</tt> is where you can add a caption for the image. Any element which cannot be identified as one of the above is assumed to be caption text.<tt><br></tt>
 
<br>
 
For example, to include the Physiopedia logo, with a frame, in the center of the page, in a smaller size, with the caption "Physiopedia", you'd enter:
<pre>[[Image:Physiopedia.jpg|frame|center|100px|Physiopedia]]</pre>
Which would give:
 
[[Image:Physiopedia.jpg|frame|center|100px|Physiopedia]]
 
<br>


<br>For more help on uploading and styling your images see the [http://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files mediawiki help page on uploading images].<br>
<br>For more help on uploading and styling your images see the [http://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files mediawiki help page on uploading images].<br>

Revision as of 21:17, 6 August 2017

Uploading images to Physiopedia[edit | edit source]

  1. First you will need to save the image that you wish to use to your computer. To do this right click on the image and save the image to your computer.
  2. Once you have saved the file to your computer you need to upload it to Physiopedia. Click on the Tools link in the top right of the Navigation bar, from the drop down menu select the Upload File link.
  3. This will a new page in Physiopedia where you can upload your image. Click on the Choose File link and select the image file from your computer.
  4. This will automatically fill in the  Destination filename but you should change this for something more appropriate and identifiable.
  5. Then in the summary box add the source and/or reference for the image.
  6. Under the licensing drop down menu select the most appropriate licence for the image.
  7. Then click the Upload File button.

Once uploaded you will be directed to the page in Physiopedia related to the image that you have just uploaded. Now you are ready to put the image on to your Physiopedia page.

Inserting images on pages[edit | edit source]

  1. Go to the Physiopedia page that you are editing and place your cursor in the text where you want the image to appear. From the editing toolbar click on Insert and then from the drop down menu click Media.
  2. A pop up box will appear, you can either Search for an image that has already been uploaded to the media library or you can Upload a new image.
  3. Once you have found or uploaded the image you wish to use click the blue Save button.
  4. A new pop up box will appear that allows you to format the image. If you wish you can add a caption, border, position and size to your image.
  5. Click OK.
  6. Then Save the page that you are editing.

Your image should now be on the page.  In the source code (which you can see by clicking on Edit Source in the Edit drop down menu) the image will look like this for example: [[Image:imagename.jpg]]

Adding/editing images in wikitext[edit | edit source]

To make edits to an image in Physiopedia all you need to do is:

  1. Click Edit from the drop down menu under Edit in the top navigation bar.
  2. Click on the image and click on the Edit link that appears
  3. A pop up box will appear where you can make edits to and change the formatting for the image.
  4. When you are done click Save!


For more help on uploading and styling your images see the mediawiki help page on uploading images.