Difference between revisions of "Insert Pictures or Documents"

From energypedia
***** (***** | *****)
m
***** (***** | *****)
m
 
(4 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
1. Before you can insert any document or picture in your article '''you need to upload the corresponding file''' into the wiki!
 
1. Before you can insert any document or picture in your article '''you need to upload the corresponding file''' into the wiki!
  
For instructions on how to upload pictures/documents to energypedia, please see this article: "[[Upload Pictures and Documents|Uploading Pictures and Documents]]"
+
For instructions on how to upload pictures/documents to energypedia, please see this article: "[[Upload Pictures and Documents|'''Uploading Pictures and Documents''']]"
  
<br/>2. To insert a picture, click on the "Insert" option in the edit toolbar and on "Images and media".
+
<br/>2. To insert a picture, click on the "'''Insert'''" option in the edit toolbar and on "'''Images and media'''".
  
 +
[[File:Inserting images and media.png|border|600x600px]]<br />3. A pop-up menu will appear. &nbsp;
 +
 +
If you have previously uploaded images to energypedia, you can see them listed in the "'''Search'''" tab. Select the image you want to insert and click____ 
 +
 +
Click on the "'''Upload'''" tab and select a file to upload. You can either click on the "Select a file" button or drop the file inside the dotted area. Cross the box "'''this is my own work'''". Then write a description under the file. This method works for images that are our own work. If you want to insert a document or picture from another author you have to follow the process on how to upload pictures and documents (please see this article: "[[Upload Pictures and Documents|'''Uploading Pictures and Documents''']]").
  
[[File:Capture d’écran 2021-09-15 à 16.24.59.png|700x700px]]
 
<div style="clear: both"></div>
 
<br/>3. A pop-up menu will appear. &nbsp;Select a file and cross the box "this is my own work". Then write a description under the file.
 
  
  
 
[[File:Capture d’écran 2021-09-15 à 16.25.24.png|509x509px]]
 
[[File:Capture d’écran 2021-09-15 à 16.25.24.png|509x509px]]
  
 
4.  You can now change in the "Advanced" option, the position, image size and insert the picture.
 
  
  
<br /> [[File:Capture d’écran 2021-09-15 à 16.26.45.png|559x559px]]
+
4.  A pop up window titled Media settings will appear.
 +
*In the tab labeled "'''Advanced'''" you can set the position, type and size of your image or file. The option "'''Position'''" provides the opportunity to put the image right, left or center of the article. To prevent text from floating around the pictures, use center alignment.
 +
*The option "'''Image size'''" allows you to determine the width of the picture. Please do not use more than 800px as it will result in skewed page. The '''Image type:''' ''frame'' option does not allow you to adjust the picture size.
 +
*In the tab labeled "'''General'''", you can add a caption to your picture. The caption will be displayed below the file when you choose the "'''Image type'''" ''frame'' or ''thumbnail''. If you choose the '''Image type:''' ''border'', then the caption will only be shown when you hover over the picture. <u>'''Please do not use any special character (&;%, /) in the caption.'''</u>
 +
[[File:Link image to a wiki page.png|border|frameless|580x580px|link=https://energypedia.info/wiki/File:Link_image_to_a_wiki_page.png]][[File:Insert file as picture 2.png|border|frameless|573x573px|link=https://energypedia.info/wiki/File:Insert_file_as_picture_2.png]]
  
*The option "'''LInk image to a Wiki page or URL'''", allows you to direct your audience to a particular wiki page or a website when they click on the picture. For linking to a wiki article, simply type in the name of the article and for linking to an external website, type in the entire URL including htttp:
 
*“Caption” allows you to add relevant caption to your picture. The caption will be displayed below the file when you choose&nbsp;"Special type" -> frame or thumbnail. If you choose "Special type"&nbsp;-> border, &nbsp;then the caption will only be shown when you hover over the picture. <u>'''Please do not use any special character (&;%, /) in the caption.'''</u>
 
*The option "Alignment" provides the opportunity to put the image right, left or center of the article.To prevent text from floating around the pictures, use '''center''' alignment.&nbsp;
 
*The option "width" allows you to determine the width of the picture. Please do not use more than 800px as it will result in skewed page.'''<span style="font-size: 13.6px; background-color: rgb(255, 255, 255)">The</span><span style="font-size: 13.6px; background-color: rgb(255, 255, 255)">&nbsp;<span style="font-size: 13.6px; background-color: rgb(255, 255, 255)">"Special type" -> frame</span> option does not allow you to adjust the picture size.</span>'''
 
  
 +
5. To change a picture's height or alignment, you can simply click on the picture and then on "'''Edit'''".
  
5. To change a picture's height or alignment, you can simply click on "Edit".
+
[[File:Editing a picture.png|border|300x300px]]
  
6. To remove a picture/graph from the article, select the graph and press delete.
+
6. To remove a picture/graph from the article, select the item and press delete on your keyboard.
  
 
<br/>
 
<br/>
Line 46: Line 47:
 
<br/>
 
<br/>
  
= Insert File =
+
= Advanced: Inserting a File as a Picture =
  
*For inserting file as a picture/link, see [[Insert File as Picture / Link|Insert File as Picture / Link]]
+
*___
 +
*Visit the following link for more information: [https://www.mediawiki.org/wiki/Help:Images https://www.mediawiki.org/wiki/]___
  
 
<br/>{{Help Magic Words}}
 
<br/>{{Help Magic Words}}
  
 
[[Category:Help]]
 
[[Category:Help]]

Latest revision as of 08:21, 29 March 2023



Insert Images and Media

Instructions

1. Before you can insert any document or picture in your article you need to upload the corresponding file into the wiki!

For instructions on how to upload pictures/documents to energypedia, please see this article: "Uploading Pictures and Documents"


2. To insert a picture, click on the "Insert" option in the edit toolbar and on "Images and media".

Inserting images and media.png
3. A pop-up menu will appear.  

If you have previously uploaded images to energypedia, you can see them listed in the "Search" tab. Select the image you want to insert and click____

Click on the "Upload" tab and select a file to upload. You can either click on the "Select a file" button or drop the file inside the dotted area. Cross the box "this is my own work". Then write a description under the file. This method works for images that are our own work. If you want to insert a document or picture from another author you have to follow the process on how to upload pictures and documents (please see this article: "Uploading Pictures and Documents").


Capture d’écran 2021-09-15 à 16.25.24.png


4. A pop up window titled Media settings will appear.

  • In the tab labeled "Advanced" you can set the position, type and size of your image or file. The option "Position" provides the opportunity to put the image right, left or center of the article. To prevent text from floating around the pictures, use center alignment.
  • The option "Image size" allows you to determine the width of the picture. Please do not use more than 800px as it will result in skewed page. The Image type: frame option does not allow you to adjust the picture size.
  • In the tab labeled "General", you can add a caption to your picture. The caption will be displayed below the file when you choose the "Image type" frame or thumbnail. If you choose the Image type: border, then the caption will only be shown when you hover over the picture. Please do not use any special character (&;%, /) in the caption.

Link image to a wiki page.pngInsert file as picture 2.png


5. To change a picture's height or alignment, you can simply click on the picture and then on "Edit".

Editing a picture.png

6. To remove a picture/graph from the article, select the item and press delete on your keyboard.


Advanced Tips in Wikitext Editor


Advanced: Inserting a File as a Picture