Difference between revisions of "Insert Pictures or Documents"

From energypedia
***** (***** | *****)
m
***** (***** | *****)
m
 
(21 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{template:Tabs-1
+
{{Back to Help Portal}}
|Energypedia_Community:_Help|Back to the Help Portal
 
|
 
}}
 
== Inserting Images ==
 
  
{{#widget:YouTube|id=BtNrfgydYpQ|height=300|width=500}}
+
= Insert Images and Media =
  
== Instructions ==
+
 
 +
 
 +
= Instructions =
  
 
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!
  
*Follow the steps as described here: "[[Help: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;
  
<br/>2. Click on the "Image" option in the edit toolbar.
+
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____ 
  
[[File:Bild laden.JPG|border|600px|Inserting files or documents|alt=Inserting files or documents]]
+
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''']]").  
<div style="clear: both"></div>
 
<br/>3. For the option, "image file name" , type 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 "Alignment" provides the opportunity to put the image right, left or center of the article.
 
*Text entered in the panel “Caption” will be shown when you move the cursor over the graph or as caption when you chose the "Special type" -> "frame". If you choose "frame", then you cannot reset the size of the image.
 
  
<br/>4. Click on OK. The graph will now appear in the edited text.
 
  
5. To change a file´s height or alignment, scroll over the picture or filename, then right click and choose <u>"Image Properties"</u>.
+
[[File:Capture d’écran 2021-09-15 à 16.25.24.png|509x509px]]
  
[[File:Bild ändern.JPG|none|350px|Image Properties|alt=Image Properties]]
+
 
<br/><div style="clear: both"></div>
+
 
6. To remove a graph from the article highlight it in the edit mode and press delete on your keyboard.
+
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]]
 +
 
 +
 
 +
5. To change a picture's height or alignment, you can simply click on the picture and then on "'''Edit'''".
 +
 
 +
[[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/>
  
== Inserting File ==
+
== Advanced Tips in Wikitext Editor ==
  
*For inserting file as a picture/link, see [[Help:Insert_File_as_Picture_/_Link|Insert File as Picture / Link]]
+
*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/>
  
= Further Information =
+
= Advanced: Inserting a File as a Picture =
 +
 
 +
*___
 +
*Visit the following link for more information: [https://www.mediawiki.org/wiki/Help:Images https://www.mediawiki.org/wiki/]___
  
*[[Energypedia Community: Help|Help portal on energypedia]]
+
<br/>{{Help Magic Words}}
  
__NOAUTHORLIST__ __NOTOC__ __NOEDITSECTION__
+
[[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