Help:Adding Images to ArticlesEdit This Page

From FamilySearch Wiki

(Difference between revisions)
(Saving the page with an inserted image: revised wording)
 
(14 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{Help article}}
+
[[Help:Wiki Help|Wiki Help]] [[Image:Gotoarrow.png]] [[Help:Images and files|Images and files]] [[Image:Gotoarrow.png]] Adding images to articles
  
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.
+
{{Help article}}
  
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]] 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.  
  
An uploaded image file may be searched for 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 image file you want.
+
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 and upload images]] to the Wiki.
 +
 
 +
An uploaded image file may be searched for 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 image file you want.  
  
 
You can also find uploaded image files by category, if they have been categorized first. Navigate to the category you want, then scroll down. Image files are shown last after the other files.  
 
You can also find uploaded image files by category, if they have been categorized first. Navigate to the category you want, then scroll down. Image files are shown last after the other files.  
  
 +
<br> There are two ways of inserting an uploaded image file into an article in the Family Search Research Wiki.
  
There are two ways of inserting an approved image file into the Family Search Research Wiki.
+
*Inserting images using the FCK editing tool  
*Inserting images using the FCK editing tool
+
 
*Inserting images using Wikitext
 
*Inserting images using Wikitext
  
 
=== Inserting images using the FCK editing tool  ===
 
=== Inserting images using the FCK editing tool  ===
  
1. Locate the article that you want to insert the image file into.  
+
1. Locate the article that you want to insert the image file into. <br>  
<br>
+
  
2. Click '''Edit This Page''' at the top right of the page.
+
2. Click '''Edit This Page''' at the top right of the page. <br>  
<br>
+
  
3. The '''Edit Window''' will now open. Click where you want the image located.
+
3. The '''Edit Window''' will now open. Click where you want the image located. [[Image:Image insertion point.PNG|frame|left]]<br>  
[[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.)  
  
[[Image:Insert image icon on toolbar.png|frame|left]]{{-}}
+
[[Image:Insert image icon on toolbar.png|frame|left]]{{-}}  
  
 
5. The Image Properties window will appear:  
 
5. The Image Properties window will appear:  
Line 33: Line 35:
 
[[Image:Image Properties Window.png|400px|Image:Image_Properties_Window.png]]  
 
[[Image:Image Properties Window.png|400px|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.&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|'''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 ;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.
+
10. This will return you to the edit screen. The image should appear on the screen. <br>  
<br>
+
  
11. When you are finished, save the page
+
11. When you are finished, save the page  
  
=== Inserting images using Wikitext ===
+
=== Inserting images using Wikitext ===
  
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.  
+
1) Make sure you are logged into the Family Search Wiki.  
  
2) Make sure you are logged into the Family Search Wiki.  
+
2) 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.  
  
3) Open the article where you intend to insert the image.
+
3) Open the article where you intend to insert the image.  
  
4) Make sure you are in Wikitext mode. See [[Help:The Editing Tool (FCK Editor)|the FCK Editor]] for help in doing this.
+
4) Make sure you are in Wikitext mode. See [[Help:The Editing Tool (FCK Editor)|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.  
 
5) Click the '''Edit This Page''' button. The Edit Window will open. Then Click in the edit window where you want the image inserted.  
Line 66: Line 63:
 
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>  
 
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>  
  
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]]
+
7) There are many ways to [[Help:Images|format an image]] on the page to make it look better, such as size, border, caption, which side of the page, etc.  
  
8) When all changes have been made, save the page
+
8) When all changes have been made, save the page  
  
===Saving the page with an inserted image ===
+
=== Saving the page with an inserted image ===
  
 
1) Scroll down to the bottom under the Edit Window to find the Summary and Save page button.  
 
1) Scroll down to the bottom under the Edit Window to find the Summary and Save page button.  
  
{{Note|'''NOTE: You should see two scroll bars while in the 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 scroll down.'''}}
+
{{Note|'''NOTE: You should see two scroll bars while in the 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 scroll down.'''}} <br>  
<br>
+
 
 +
2) Fill in the '''Summary''' with something like '''Inserted Image'''. Then click the '''Save page''' button.
  
2) Fill in the '''Summary''' with something like '''Inserted Image'''. Then click the '''Save page''' button.
+
3) Then the saved page will display along with the image. Note: An inserted image is loosely tied to the surrounding text. This makes it difficult to [[Help:Images|place the image]] in just the right location. It is often much easier to format the text to accommodate the image.  
  
3) The saved page will show up with the image. An inserted image is loosely tied to the surrounding text. This makes it difficult to place in just the right location. It is often much easier to format the text to accommodate the image. See [[Help:Images]]
+
4) If you click on the image, the image file itself will open. <br><br><br> {{Contributor help-navbox}} {{Editing help}}
  
4) If you click on the image, the image file itself will open.
+
{{H-langs|en=Help:Adding images to articles|pt=Ajuda:Como colocar imagens em artigos|es=Ayuda:Insertar una imagen}}  
<br><br><br>
+
{{Contributor help-navbox}} {{Editing help}}  
+
  
[[Category:Help|{{PAGENAME}}]]
+
[[Category:Writing Wiki Articles]]

Latest revision as of 03:12, 17 January 2016

Wiki Help Gotoarrow.png Images and files Gotoarrow.png Adding images to articles

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.

An uploaded image file may be searched for 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 image file you want.

You can also find uploaded image files by category, if they have been categorized first. Navigate to the category you want, then scroll down. Image files are shown last after the other files.


There are two ways of inserting an uploaded image file into an article in the Family Search Research Wiki.

  • Inserting images using the FCK editing tool
  • Inserting images using Wikitext

Inserting images using the FCK 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.

11. When you are finished, save the page

Inserting images using Wikitext

1) Make sure you are logged into the Family Search Wiki.

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

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

4) Make sure you are in Wikitext mode. 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, etc.

8) When all changes have been made, save the page

Saving the page with an inserted image

1) Scroll down to the bottom under the Edit Window to find the Summary and Save page button.


2) Fill in the Summary with something like Inserted Image. Then click the Save page button.

3) Then the saved page will display along with the image. Note: An inserted image is loosely tied to the surrounding text. This makes it difficult to place the image in just the right location. It is often much easier to format the text to accommodate the image.

4) If you click on the image, the image file itself will open.



  • This page was last modified on 17 January 2016, at 03:12.
  • This page has been accessed 14,889 times.