FamilySearch Wiki:WikiProject Fixing Images: Difference between revisions

From FamilySearch Wiki
VisualWikitext
(Created page with "{{breadcrumb | link1=Current Projects page | link2= | link3= | link4= | link5=Fixing Images }} __NOTOC__ == Purpose == After the u...")
(9 intermediate revisions by the same user not shown)
Line 16: Line 16:


== Task List  ==
== Task List  ==
*[https://docs.google.com/spreadsheets/d/16kHCs69cWQdCkM124eEarKlWCqRUvrCMDuclDHxHMpw/edit?usp=sharing Countries Topic pages Task List] - COMPLETED
 
*[[FamilySearch Wiki:WikiProject Fixing Images/Task list|U.S. State Topic pages Task List]] - COMPLETED
*[[FamilySearch Wiki:WikiProject Fixing Images/Task list|Task List]]
*[[FamilySearch Wiki:WikiProject Fixing Images/Task list#England County Topic pages|England County Topic pages Task List]] - COMPLETED


== Instructions==
== Instructions==
=== Step 1 - Adding table ===


1. Go to the [[FamilySearch Wiki:WikiProject Fixing Images/Task list|Task List]] and sign up for a span of wiki pages to fix. <br>
1. Go to the [[FamilySearch Wiki:WikiProject Fixing Images/Task list|Task List]] and sign up for a span of wiki pages to fix.  
<br>
 
2, Go to the first page on the list.  Review the page to see if there is an image that is out of place.  We are fixing the ones that have moved underneath the right sidebar.<br>
2, Go to the first page on the list.  Review the page to see if there is an image that is out of place.  We are fixing the ones that have moved underneath the right sidebar.
<br>
 
3. If you find an image or images that needs to be fixed choose the appropriate template to fix the page.  The first one is for one image.  The second one is for two images.<br>
3. If you find an image or images that needs to be fixed choose the appropriate template to fix the page.  The first one is for one image.  The second one is for two images.
<br>
 
4. '''Choose a table.''' Copy the following template:<br><br>
4. Copy the following template:<br><br>


'''Wikitext code for one image'''<br><br>
'''Wikitext code for one image'''<br><br>
<nowiki>{| style="float:right; margin-right:200px"</nowiki><br>  
<nowiki>{| style="float:right"</nowiki><br>  
<nowiki>|-</nowiki><br>  
<nowiki>|-</nowiki><br>  
<nowiki>| style="padding-right:0px"|</nowiki><br>  
<nowiki>| style="padding-right:0px"|</nowiki><br>  
Line 39: Line 37:


'''Wikitext code for two images - side by side in columns'''<br><br>
'''Wikitext code for two images - side by side in columns'''<br><br>
<nowiki>{| style="float:right; margin-right:200px"</nowiki><br>  
<nowiki>{| style="float:right"</nowiki><br>  
<nowiki>|-</nowiki><br>  
<nowiki>|-</nowiki><br>  
<nowiki>| style="padding-right:0px"|</nowiki><br>  
<nowiki>| style="padding-right:0px"|</nowiki><br>  
Line 46: Line 44:
<nowiki>|}</nowiki><br>  
<nowiki>|}</nowiki><br>  


<br>
5. '''Placement of table.''' If you think the image would look best just right of the table of contents, place one of the above tables above the content on the page but after the sidebar and breadcrumb.  If the page does not start with headings, you may have to adjust where you put the table.  Be creative and preview the page.  If you find a page that is just not working, contact Danielle or Charles and we'll help you situate the picture.<br>
<br>
6. '''Adding the image wikitext code.''' Find the image wikitext code on the page and replace <nowiki>[[PUT IMAGE OR TEMPLATE CODE HERE]]</nowiki> with the complete code.<br>
Example of table with image in it:<br>
<nowiki>{| style="float:right; margin-right:200px"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| style="padding-right:0px"|</nowiki><br>
<nowiki>|[[Image:Arlington National Cemetery, Washington, D.C., USA2.jpg|right|400x300px]]</nowiki><br>
<nowiki>|}</nowiki><br> <br>


7. '''Centering the image.''' Adjust the margin-right amount of px in the very first line of the table to make it look appropriate on the page.  Centering the images usually looks good but do what you think looks best. For example: <nowiki>{| style="float:right; margin-right:200px"</nowiki> can be adjusted to <nowiki>{| style="float:right; margin-right:250px"</nowiki> to make the amount of space from the right sidebar larger and to make it more centered. It has been defaulted at 200px but is by no means the perfect number for all images.<br>
5. If you think the image would look best just right of the table of contents, place one of the above tables above the content on the page but after the sidebar and breadcrumb.  If the page does not start with headings, you may have to adjust where you put the table.  Be creative and preview the page.  If you find a page that is just not working, contact Danielle or Charles and we'll help you situate the picture. <br>  
<br>
8. '''Changing the size of the image.''' If you feel the image would look better larger or smaller, do so by changing the px in the image wikitext code.  An example of the code is: <nowiki>|350x250px|</nowiki>.  To change the size adjust the numbers up or down.  If there are two numbers given, move the numbers up and down porportionally.  If you want to make this image large, try adding 50 to both numbers: 400x300px.  If it only has one number, just adjust it up or down as needed.<br>


=== Step 2 - Adding a caption to the image ===
6. Once you have added the table, try previewing the page to make sure it works appropriately.  Make adjustments as necessary.


9. We now have the ability to add captions to images.  If there is a good enough description of the image in the title of the image, then consider adding a caption.  This is not required if you feel it is not necessary or you do not know for sure what the image is of.<br>
7. If it works, put in the Summary field, Fixed image and save the page.  
<br>
10. '''Adding thumb to image code.''' Captions are only shown on wiki pages when the image includes the tag, "thumb" in the image wikitext code.  The code is: <nowiki>|thumb|</nowiki>.  Place it anywhere in the wikitext code.  It can be before or after the size of the image.<br>
<br>
11. '''Adding the caption.''' Place the caption (or replace the caption already listed) at the end of the line just before the last double square brackets.  For example: <nowiki>[[Image:Arlington National Cemetery, Washington, D.C., USA2.jpg|thumb|right|400x300px|Arlington National Cemetery, Washington, D.C.]]</nowiki><br>
<br>
12. '''Centering the caption.''' To make the caption centered under the picture, add the wiki text code of <nowiki><center></nowiki>  before the caption and <nowiki></center></nowiki> after the caption.  For example: <nowiki>[[Image:Arlington National Cemetery, Washington, D.C., USA2.jpg|thumb|right|400x300px|<center>Arlington National Cemetery, Washington, D.C.</center>]]</nowiki><br>
<br>
13. Now preview the image on the page to see if it looks correct.<br>
<br>
14. If it works, put in the Summary field, Fixed image and save the page. <br>
<br>
15. If the page looks just fine the way it is (maybe someone has already fixed it), move on to the next page. <br>
<br>


== Example of Fixed page ==
6. If the page looks just fine the way it is (maybe someone has already fixed it), move on to the next page. <br>
*[[United States Cemeteries|United States Cemeteries]]


[[Category:WikiProjects]]
[[Category:WikiProjects]]

Revision as of 15:01, 7 April 2017

Fixing Images

Purpose[edit | edit source]

After the upgrade last year, thousands of images have been moved underneath the new sidebars. The purpose of the project is to move all the images on wiki pages to the top by the Table of Contents or any where else that is appropriate.

Contact[edit | edit source]

Danielle Batson

Task List[edit | edit source]

Instructions[edit | edit source]

1. Go to the Task List and sign up for a span of wiki pages to fix.

2, Go to the first page on the list. Review the page to see if there is an image that is out of place. We are fixing the ones that have moved underneath the right sidebar.

3. If you find an image or images that needs to be fixed choose the appropriate template to fix the page. The first one is for one image. The second one is for two images.

4. Copy the following template:

Wikitext code for one image

{| style="float:right"
|-
| style="padding-right:0px"|
|[[PUT IMAGE OR TEMPLATE CODE HERE]]
|}

Wikitext code for two images - side by side in columns

{| style="float:right"
|-
| style="padding-right:0px"|
|[[PUT IMAGE OR TEMPLATE CODE HERE]]
|[[PUT IMAGE OR TEMPLATE CODE HERE]]
|}


5. If you think the image would look best just right of the table of contents, place one of the above tables above the content on the page but after the sidebar and breadcrumb. If the page does not start with headings, you may have to adjust where you put the table. Be creative and preview the page. If you find a page that is just not working, contact Danielle or Charles and we'll help you situate the picture.

6. Once you have added the table, try previewing the page to make sure it works appropriately. Make adjustments as necessary.

7. If it works, put in the Summary field, Fixed image and save the page.

6. If the page looks just fine the way it is (maybe someone has already fixed it), move on to the next page.

Retrieved from "https://integration-ru.familysearch.org/en/wiki/index.php?title=FamilySearch_Wiki:WikiProject_Fixing_Images&oldid=2806334"