Make sure you register to our monthly newsletter, it's going out soon! Stay up do date about the latest energy news and our current activities.
Click here to register!

Difference between revisions of "Insert Pictures or Documents"

From energypedia
***** (***** | *****)
m
***** (***** | *****)
m
 
(10 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{template:Tabs-1
+
{{Back to Help Portal}}
|Energypedia_Community:_Help|Back to the Help Portal
+
 
|
+
= Insert Images and Media =
}}
 
  
= Insert Images =
 
  
{{#widget:YouTube|id=BtNrfgydYpQ|height=300|width=500}}
 
  
 
= Instructions =
 
= Instructions =
Line 12: 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'''".
 +
 
 +
[[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''']]").
 +
 
  
<br/>2. To insert a picture, click on the "Image" option in the edit toolbar.
 
  
[[File:Bild laden.JPG|border|600px|Inserting files or documents|alt=Inserting files or documents]]
+
[[File:Capture d’écran 2021-09-15 à 16.25.24.png|509x509px]]
<div style="clear: both"></div>
 
<br/>3. A pop-up menu will appear. &nbsp;For the option, "Image file name", type in the name of the file you want to use.
 
  
[[File:Bild eigenschaften.JPG|none|428px|Choose image|alt=Choose image]]<br/>
 
<div style="clear: both"></div>
 
*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>'''
 
  
<br/>4. Click OK. The picture will now appear in the edited text.
 
  
5. To change a picture's height or alignment, scroll over the picture or filename, then right click and choose <u>"Image Properties"</u>.
+
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]]
  
[[File:Bild ändern.JPG|none|350px|Image Properties|alt=Image Properties]]
+
 
<br/><div style="clear: both"></div>
+
5. To change a picture's height or alignment, you can simply click on the picture and then on "'''Edit'''".
6. To remove a picture/graph from the article, select the graph and press delete.
+
 
 +
[[File:Editing a picture.png|border|300x300px]]
 +
 
 +
6. To remove a picture/graph from the article, select the item and press delete on your keyboard.
  
 
<br/>
 
<br/>
Line 39: Line 42:
 
== Advanced Tips in Wikitext Editor ==
 
== Advanced Tips in Wikitext Editor ==
  
*To prevent text from floating around the images, use this command after the image&nbsp;: <nowiki><div style="clear: both"></div></nowiki> Link: [https://www.mediawiki.org/wiki/Help:Images https://www.mediawiki.org/wiki/Help:Images]
+
*To prevent text from floating around the images, use this command after the image&nbsp;: <nowiki><div style="clear: both"></div></nowiki>  
 +
*Visit the following link for more information: https://www.mediawiki.org/wiki/Help:Images
  
 
<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]]

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