Difference between revisions of "Help:Adding Images to Articles"

From FamilySearch Wiki
Jump to: navigation, search
(revised wording)
(major revision)
Line 3: Line 3:
 
Watch a [https://help.familysearch.org/kb/tutorials/en/fsdemos/FS_index.html?v=https://help.familysearch.org/kb/tutorials/en/fsdemos/WikiImages video demonstration] of how to add images to the wiki.
 
Watch a [https://help.familysearch.org/kb/tutorials/en/fsdemos/FS_index.html?v=https://help.familysearch.org/kb/tutorials/en/fsdemos/WikiImages video demonstration] of how to add images to the wiki.
  
To insert an image in an article, the image must first be submitted, approved, and uploaded to the FamilySearch Wiki. Any logged-in user can [[Request authorization to upload a document or image|submit an image]]. Only Reviewers can [[Uploading Images and files | approve images and upload them]] directly to the Wiki.
+
=== Before you begin ===
__NORICHEDITOR__
 
There are two ways of inserting an approved image into an article in the FamilySearch Wiki.
 
*Inserting images using the editing tool (not recommended as currently written)
 
*Inserting images using wikitext  (found at end of page)
 
  
=== Inserting images using the editing tool  ===
+
1)  To insert an image in an article, the image must first be submitted, approved, and uploaded to the FamilySearch Wiki. Any logged-in user can [[Request authorization to upload a document or image|submit an image]]. Only Reviewers can [[Uploading Images and files | approve images and upload them]] directly to the Wiki.
  
NOTE: Since the FCK Editor is no longer being used, the information in this section is unreliable. Please use the last section '''Inserting images using wikitext.'''
+
2)  An image file may be searched by name like any article on the Family Search Research Wiki. Type the keyword(s) into the search box and hit the Enter button. A list of article shows, but look to the left and hit the Multimedia link. Now a list of image files shows. Scroll down to the one you want and open it.
  
The image must first be uploaded to the Wiki before these instructions will work. [[Upload a file or image|Learn how to upload an image.]]
+
3)  Right under the image, the '''Name of the Image''' is listed. Copy this name, because the '''exact''' name of the image must be used.
  
1. Locate the page where you want to insert the image by searching for it.  
+
4)  Open the article where you intend to insert the image.
  
2. Click '''Edit''' on the page you want to insert the image into.<br>
+
5)  You must be logged into the Family Search Wiki.
  
3. In the edit window, place the cursor next to the text&nbsp;where&nbsp;you want the&nbsp;image&nbsp;to appear.<br>[[Image:Image insertion point.PNG|frame|left]]<br>
+
=== Inserting images into a page ===
  
 +
6)  Click the '''Edit This Page''' button. The Edit Window will open.
  
4. Locate the yellow icon on the toolbar at the top of the edit window. Click on the icons (shown below.)
+
7)  Click in the edit window where you want the image inserted.
  
[[Image:Insert image icon on toolbar.png|frame|left]]{{-}}
+
8)  At the top look for the third icon from the left, just under Preview, showing a small picture. Click this picture.
  
5. The Image Properties window will appear:  
+
9)  The following will be added to the Edit Window: <nowiki>[[File:Example.jpg]]</nowiki>
  
[[Image:Image Properties Window.png|400px|Image:Image_Properties_Window.png]]
+
10)  Now Paste the '''Name of the Image'''. It should look like the following - Two opening square brackets, then the word '''File''' followed by a colon and the '''Name of the Image''', finally two closing square brackets. Make sure there is only one '''File'''. Since this is only text, you can also just type all this.
  
6. Type the name of the image in the "Image file name" box. As you type the name, the search box below will list possible matches.&nbsp;When the correct title appears in the search box, click on the title in the "automatic search results" box. This will insert the correct title into the "Image file name" box.  
+
11)  There are many ways to format the image on the page to make it look different, such as size, border, caption, which side of the page, above the text or below, etc. See [[Help:Images]]
  
{{Note|'''Note: If the image title does not appear in the "Automatic search results" box, the image may not have been uploaded to the Wiki yet. [[Upload a file or image|Learn how to upload an image or file]] prior to inserting the image into a specific article or page in&nbsp;the Wiki.'''}}
+
12)  When all the changes have been made, type in the '''Edit Summary''' and click '''Save Page''' located below the edit window.
 
 
7. In lower left-hand corner of the "Image Properties" window, click on the dropdown menu titled "Special Type" and click on '''Thumbnail''' to show a small version of the image on the page. (Users may click on the image to view a full version of the image.)
 
 
 
8. Next to Special Type, click on the drop-down menu titled "Align" to choose where on the page the image will appear: Left side, right side, or center.
 
 
 
9. In the "Image Properties" window, click '''OK''' to insert the image.
 
 
 
10. This will return you to the edit screen. The image should appear on the screen, but is not yet saved.
 
 
 
11. Scroll down to the bottom of the edit page, until you can see the button titled '''Save page'''.
 
 
 
{{Note|'''NOTE:&nbsp;You should see&nbsp;two scroll bars while in the&nbsp;editing mode. One is part of the editing window, and the other is on the far right-hand side of the computer screen. Use the Outside scroll bar to see the '''Save Page''' button.'''}}
 
 
 
12.&nbsp;Type "Inserted Image" in the "Summary" box located below the edit window, and then click '''Save page'''. <span id="fck_dom_range_temp_1227555812428_405"></span>
 
 
 
13. The saved page will appear after clicking '''Save page'''. You&nbsp; should now see the image on the saved page.&nbsp;To see a larger&nbsp;version of the image,&nbsp;click on the image.
 
 
 
=== Inserting images using wikitext ===
 
 
 
1. Open up the image file that you intend to insert. Right under the image, the '''Name of the image''' is listed. Copy this name, because the '''exact''' name of the image must be used.
 
 
 
2. Open the article where you intend to insert the image.
 
 
 
3. You must be logged in.
 
 
 
4. Click the '''Edit this page''' button. Place the cursor in the edit window where you want the image inserted.
 
 
 
5. Type the following to insert a picture - First two opening square brackets, then the word '''File''' followed by a colon and the '''Name of the image''', finally two closing square brackets. Example: '''<nowiki>[[File:My Picture]]</nowiki>'''
 
 
 
6. There are many ways to format the image on the page to make it look different, such as size, border, caption, which side of the page, above the text or below, etc. See [[Help:Images]]
 
 
 
7. When all the changes have been made, click '''Save page''' located below the edit window.
 
  
 
{{Contributor Help badge}}
 
{{Contributor Help badge}}

Revision as of 21:13, 13 December 2012

Help-content.png This help article will guide you as you edit in the Wiki. See Contributor Help for more help articles.


Watch a video demonstration of how to add images to the wiki.

Before you begin

1) To insert an image in an article, the image must first be submitted, approved, and uploaded to the FamilySearch Wiki. Any logged-in user can submit an image. Only Reviewers can approve images and upload them directly to the Wiki.

2) An image file may be searched by name like any article on the Family Search Research Wiki. Type the keyword(s) into the search box and hit the Enter button. A list of article shows, but look to the left and hit the Multimedia link. Now a list of image files shows. Scroll down to the one you want and open it.

3) Right under the image, the Name of the Image is listed. Copy this name, because the exact name of the image must be used.

4) Open the article where you intend to insert the image.

5) You must be logged into the Family Search Wiki.

Inserting images into a page

6) Click the Edit This Page button. The Edit Window will open.

7) Click in the edit window where you want the image inserted.

8) At the top look for the third icon from the left, just under Preview, showing a small picture. Click this picture.

9) The following will be added to the Edit Window: [[File:Example.jpg]]

10) Now Paste the Name of the Image. It should look like the following - Two opening square brackets, then the word File followed by a colon and the Name of the Image, finally two closing square brackets. Make sure there is only one File. Since this is only text, you can also just type all this.

11) There are many ways to format the image on the page to make it look different, such as size, border, caption, which side of the page, above the text or below, etc. See Help:Images

12) When all the changes have been made, type in the Edit Summary and click Save Page located below the edit window.

Help-content.png Questions?
Visit the Wiki Contributor Help Forum to receive help with contributing to the Wiki.