Help:Adding images to articles

From FamilySearch Wiki

(Difference between revisions)
(navbox)
(revised wording)
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{| cellspacing="1" cellpadding="1" border="0" align="right" width="200"
 
|-
 
| [[Help:Images and files|Return to Help:Images and files]]
 
|}<br><br><br>
 
 
{{how-to-articles}}
 
 
{{Help article}}
 
{{Help article}}
  
 
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.  
+
To insert an image into 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.
__NORICHEDITOR__
+
 
There are two ways of inserting the uploaded image in the FamilySearch Wiki.  
+
Any approved image file may be searched for 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.
 +
 
 +
You can also find approved image files by category. Navigate to the category you want, then scroll down. Image files are shown down near the bottom.
 +
 
 +
 
 +
There are two ways of inserting an approved image file into the FamilySearch Wiki.  
 
*Inserting images using the editing tool
 
*Inserting images using the editing tool
 
*Inserting images using wikitext code
 
*Inserting images using wikitext code
Line 17: Line 16:
 
=== Inserting images using the editing tool  ===
 
=== Inserting images using the editing tool  ===
  
NOTE: The image must first be uploaded to the Wiki before these instructions will work. [[Upload a file or image|Learn&nbsp;how to&nbsp;upload an&nbsp;image.]]
+
1. Locate the article that you want to insert the image file into.  
 
+
1. Locate the page where you want to insert the image by searching for it.  
+
 
+
 
<br>
 
<br>
  
2. Click '''Edit''' on the page you want to insert the image into.<br>
+
2. Click '''Edit This Page''' at the top right of the page.
 
+
 
<br>
 
<br>
  
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>
+
3. The '''Edit Window''' will now open. Click where you want the image located.
 
+
[[Image:Image insertion point.PNG|frame|left]]<br>
  
 
4. Locate the yellow icon on the toolbar at the top of the edit window. Click on the icons (shown below.)
 
4. Locate the yellow icon on the toolbar at the top of the edit window. Click on the icons (shown below.)
Line 40: Line 35:
 
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.  
 
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.  
  
'''''**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.'''  
+
{{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.'''}}
 
+
 
<br>
 
<br>
  
 
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.)  
 
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.)  
 
 
<br>
 
<br>
  
 
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.  
 
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.  
 
 
<br>
 
<br>
  
 
9. In the "Image Properties" window, click '''OK''' to insert the image.  
 
9. In the "Image Properties" window, click '''OK''' to insert the image.  
 
 
<br>
 
<br>
  
 
10. This will return you to the edit screen. The image should appear on the screen, but is not yet saved.  
 
10. This will return you to the edit screen. The image should appear on the screen, but is not yet saved.  
 
 
<br>
 
<br>
  
 
11. Scroll down to the bottom of the edit page, until you can see the button titled '''Save page'''.  
 
11. Scroll down to the bottom of the edit page, until you can see the button titled '''Save page'''.  
  
'''''**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.'''''
+
{{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.'''}}
 
+
 
<br>
 
<br>
  
 
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>
 
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>
 
 
<br>
 
<br>
  
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.  
+
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 code  ===
 
=== Inserting images using wikitext code  ===
{{Contributor Help badge}}
 
{{main|Help:Images}}
 
  
The following steps may be used if the editing tool is on, or if it is off. It may be used in the Wikitext window, or in the regular editing window. To use this option, the user must know the <u>exact</u> name of the image:
+
1) Open the image file to be inserted. 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) Make sure you are logged into the Family Search Wiki.
 +
 
 +
3) Open the article where you intend to insert the image.
  
1. Place the cursor in the edit window where you want to insert the image.  
+
4) Make sure you are in Wikitext mode by clicking on the Wikitext button. See [[Help:The Editing Tool (FCK Editor)|the FCK Editor]] for help in doing this.
  
2. Type the following: '''[[Image:'''  
+
5) Click the '''Edit This Page''' button. The Edit Window will open. Then Click in the edit window where you want the image inserted.
  
3. Next to the colon mark, type the names of the image <u></u>as it appears in the FamilySearch Wiki, followed by two closing squarebrackets, for example: '''My Picture]]'''
+
6) Type in 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. For example: <nowiki>[[File:Example.jpg]]</nowiki>
  
4. In summary, to insert a picture, type two opening square brackets, the word "Image" a colon mark, the title of the image, and then two closing square brackets.  
+
7) There are many ways to format an image on the page to make it look better, such as size, border, caption, which side of the page, above the text or below, etc. See [[Help:Images]]
  
5. Click '''Save page''' located below the editor window.  
+
8) When all changes have been made, fill in an '''Edit Summary''' and click '''Save Page''' located below the edit window.  
  
{{Contributor help-navbox}} {{Editing help}}
+
<br><br><br>{{Contributor help-navbox}} {{Editing help}}  
  
 
[[Category:Help|{{PAGENAME}}]]
 
[[Category:Help|{{PAGENAME}}]]

Revision as of 19:13, 17 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.

To insert an image into 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.

Any approved image file may be searched for 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.

You can also find approved image files by category. Navigate to the category you want, then scroll down. Image files are shown down near the bottom.


There are two ways of inserting an approved image file into the FamilySearch Wiki.

  • Inserting images using the editing tool
  • Inserting images using wikitext code

Inserting images using the editing tool

1. Locate the article that you want to insert the image file into.

2. Click Edit This Page at the top right of the page.

3. The Edit Window will now open. Click where you want the image located.

Image insertion point.PNG

4. Locate the yellow icon on the toolbar at the top of the edit window. Click on the icons (shown below.)

Insert image icon on toolbar.png

5. The Image Properties window will appear:

Image:Image_Properties_Window.png

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. 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.


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.


12. Type "Inserted Image" in the "Summary" box located below the edit window, and then click Save page.

13. The saved page will appear after clicking Save page. You  should now see the image on the saved page. To see a larger version of the image, click on the image.

Inserting images using wikitext code

1) Open the image file to be inserted. 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) Make sure you are logged into the Family Search Wiki.

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

4) Make sure you are in Wikitext mode by clicking on the Wikitext button. See the FCK Editor for help in doing this.

5) Click the Edit This Page button. The Edit Window will open. Then Click in the edit window where you want the image inserted.

6) Type in 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. For example: [[File:Example.jpg]]

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

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