Adding images: Difference between revisions

mNo edit summary
mNo edit summary
Line 12: Line 12:
#Then click the '''Upload File''' button.<br>
#Then click the '''Upload File''' button.<br>


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.<br>
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.
 
{{#ev:youtube|sAEbXuj5188|300|center}}
 
== Inserting images on pages<br> ==
 
To insert an image in a Physiopedia page:<br>


== Inserting images on pages ==
#Go to the Physiopedia page that you are editing.&nbsp; '''Click on the insert/edit image icon''' in the toolbar of the editing box.  
#Go to the Physiopedia page that you are editing.&nbsp; '''Click on the insert/edit image icon''' in the toolbar of the editing box.  
#'''Add the image file name to the Image file name box'''.&nbsp; The image file name appears on at the top of the page on the specific Physiopedia page for each image.&nbsp; The pop-up box may be helpful and automatically find it for you once you have started to type the name!  
#'''Add the image file name to the Image file name box'''.&nbsp; The image file name appears on at the top of the page on the specific Physiopedia page for each image.&nbsp; The pop-up box may be helpful and automatically find it for you once you have started to type the name!  
#If you wish you can add a caption, border, position and size to your image by completing the other boxes  
#If you wish you can add a caption, border, position and size to your image by completing the other boxes  
#'''Click OK'''. <br>
#'''Click OK'''.  
#Then '''Save the page''' that you are editing.
#Then '''Save the page''' that you are editing.


Line 39: Line 34:


*<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>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
*<tt>extension</tt> is the extension for the image file i.e. jpg, png, gif<br>
 
<br>


For example, to include the Physiopedia logo, you'd enter:  
For example, to include the Physiopedia logo, you'd enter:  

Revision as of 19:57, 6 August 2017

To add an image to a Physiopedia page you must:

  1. first upload the image to the Physiopedia media library, then
  2. insert the image on the Physiopedia page. 

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 perhaps on your desktop.
  2. Once you have saved the file to your computer you need to upload it to Physiopedia. At the bottom of the left sidebar under the toolbox heading you will see the Upload File link.  Click on this.
  3. This will take you to the upload file page where you should fill in the details of the image that you saved to your computer.  Browse for the file on your computer to fill in the Source filename box. 
  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 reference for the image.
  6. 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.  Click on the insert/edit image icon in the toolbar of the editing box.
  2. Add the image file name to the Image file name box.  The image file name appears on at the top of the page on the specific Physiopedia page for each image.  The pop-up box may be helpful and automatically find it for you once you have started to type the name!
  3. If you wish you can add a caption, border, position and size to your image by completing the other boxes
  4. Click OK.
  5. Then Save the page that you are editing.

Your image should now be on the page.  In the wikitext (which you can see by clicking on the wikitext link in the toolbar of the editing box) the image will look like this for example: [[Image:imagename.jpg]]

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

If you are familiar with wikitext you can also add/edit images directly in the wikitext. Remember click on the Wikitext link in the toolbar of the editing box to access the wikitext code.

Add the following to the page where you want the image to appear:

  • [[Image:image file name.extension]]

Where:

  • image file name is the image file name that can be found on the specific Physiopedia page for the image that you wish to use
  • extension is the extension for the image file i.e. jpg, png, gif

For example, to include the Physiopedia logo, you'd enter:

[[Image:Physiopedia.jpg]]

Which would give:

Physiopedia.jpg


You can also style the image with various options separated with a pipe character ("|"). In brief, they are:

  • [[Image:{name}|{type}|{border}|{location}|{size}|{upright}|{caption}|{link}]]

Where:

  • type is 'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting.
  • border adds a border around the image.
  • location is 'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right', when combined with 'thumb' or 'frame'.
  • size 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.
  • upright 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.
  • caption 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.


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:

[[Image:Physiopedia.jpg|frame|center|100px|Physiopedia]]

Which would give:

Physiopedia



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