WikiProject:Vermont County Clickable Maps: Difference between revisions

From FamilySearch Wiki
 
(13 intermediate revisions by the same user not shown)
Line 8: Line 8:


== Purpose ==
== Purpose ==
To create clickable maps for every county in Vermont
To create clickable maps for every town in Vermont
== Task List ==  
== Task List ==  
*[https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]
*[https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]
== Video Instructions ==
*[https://office365lds-my.sharepoint.com/:v:/g/personal/batsondl_churchofjesuschrist_org/EfeEMegYX5tLrE4-YIXEJusBq_5YzjZRj70P2EPUqZ9vBw?e=WAJy3A New and Improved Instructions]


== Instructions ==
== Instructions ==
==Part A - Create the clickable Map==
=== Step 1 - Choose a County ===
=== Step 1 - Choose a County ===


1. Choose a county from on Part A Tab of the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=0 Task List] and put your name beside it.<br>
1. Choose a town from the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and put your name beside it.<br>
<br>
<br>
<br>
<br>
=== Step 2 - Find the Map Image in the Wiki ===
=== Step 2 - Find the Map Image in the Wiki ===
1. Locate the map image you are going to make clickable by going to the '''[[:Category:Vermont Counties|Vermont Counties category]]''' and click on the county subcategory you signed up for. <br>
1. Locate the map image you are going to make clickable by going to the '''[https://www.familysearch.org/en/wiki/Category:Vermont_Counties Vermont Counties category]''' and click on the county subcategory you signed up for. <br>
<br>
<br>
2. On this page, you will see a list of all the town maps listed in the files at the bottom of the category. Click the very first town page in the list and go to the town map Wiki page.<br>
2. On this page, you will see a list of files of all the town maps images at the bottom of the category. Click the town you signed up for from the files. They should be in alphabetical order by town name.<br>
<br>
<br>
3. The file will come up. Click on More details in the bottom right of the screen to view the map file wiki page.<br>
<br>
4. Right click on the image and click on "Copy image address".<br>
<br>
=== Step 3 - Create a Image Map ===
=== Step 3 - Create a Image Map ===
<br>
<br>
1. With the link to the image, open a new tab on your browser so you can follow instructions on how to create an image map: '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|'''Instructions''']]<br>
1. Open a new tab on your browser so you can follow instructions on how to create an image map: '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|'''Instructions''']]<br>
<br>
<br>
2. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" on the [https://niebert.github.io/imgmap/index.html Map Editor Tool], '''copy''' all of the generated Wikitext code.<br><br>
2. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" and on the [https://niebert.github.io/imgmap/index.html Map Editor Tool], '''copy''' all of the generated Wikitext code.<br><br>


=== Step 4 - Save the Image Map Code to a Sandbox Page ===
=== Step 4 - Save the Image Map Code to a Sandbox Page ===


1. Find a sandbox page to save the image code to the page.<br>
1. Review the code you have on the sandbox page and make sure you changed the internal link of the "source" image.<br>
<br>
2. Now add the following wikitext code after the | for the name of the image:<br>
<br>
<nowiki>450px|right</nowiki><br>
<br>
<br>
2. At the end of the image map code at the bottom of the Wiki page, highlight the code: <nowiki></imagemap></nowiki> and delete it.<br>
3. If the image is still too large, bring it down 50px until you find a good size. The map should now appear on the right side of the screen.<br>
<br>
<br>
3. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:<br>
4. At the end of the image map code at the bottom of the Wiki page, highlight the code: <nowiki></imagemap></nowiki> and delete it.<br>
<br>
<br>
<nowiki>desc none
5. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:<br>
<noinclude></imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
<br>
4. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
<nowiki></imagemap><noinclude>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
<br>
5. Click on Save Page.<br>  
6. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>[[Category:Addison County, Vermont]]</nowiki><br>
<br>
<br>
6. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.<br>
7. Click on Save Page.<br>
<br>
8. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.<br>
<br>
<br>


=== Step 4 - Create a Town Clickable Map Template in the Wiki  ===
=== Step 5 - Create a Town Clickable Map Template in the Wiki  ===


1. Create a new template for the town in the county you picked in Step 1 by copying and pasting the following wikitext into the Wiki search field on the [https://www.familysearch.org/en/wiki/Main_Page Main Page]:<br>
1. Create a new template for the town in the county you picked in Step 1 by copying and pasting the following wikitext into the Wiki search field on the [https://www.familysearch.org/en/wiki/Main_Page Main Page]:<br>
Line 54: Line 66:
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
<br>
<br>
2. Replace the county and town name in the template ''before'' clicking on Enter. For example, the Addison town template would be <nowiki>Template:AddisonAddison</nowiki><br>
2. Replace the county and town name in the template ''before'' clicking on Enter. For example, the Addison town template would be <nowiki>Template:VTAddisonAddison</nowiki><br>
<br>
<br>
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.<br>
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.<br>
<br>
<br>
4. Go back to the sandbox page with the clickable map code and paste it on this new page.<br>
4. Go back to the sandbox page with the clickable map code. Copy the content and paste it on this new page.<br>
<br>
<br>
5. Save the page.<br>,br>
5. Save the page.<br><br>


=== Step 5 - Add the Code from the Sandbox to the New Template to the Town Page ===
=== Step 6 - Add the Template Code to the Town Page ===


1. Go back to the the Category for the county and click on the town wiki page.<br>
1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and click on the link of the town you are working on.<br>
<br>
<br>
2. In the Contents, click on Maps and go down to the header, Maps or scroll down the page to the header, Maps.
2. In the Contents, click on Maps and go down to the header, Maps or scroll down the page to the header, Maps.<br>
<br>
<br>
3. Click on Edit Source next to the Maps header.<br>
3. Click on Edit Source next to the Maps header.<br>
Line 72: Line 84:
4. Directly under the Maps header, paste the following wikitext code:<br>
4. Directly under the Maps header, paste the following wikitext code:<br>
<br>
<br>
  <nowiki>[[{{VTCOUNTYTOWN}}|right]]</nowiki><br>
  <nowiki>{{VTCOUNTYTOWN}}</nowiki><br>
<br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 3.<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 5.<br>
<br>
<br>
6. Add the following code to the Summary field before saving the page:<br>
6. Add the following code to the Summary field before saving the page:<br>
Line 80: Line 92:
  <nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
  <nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
<br>
7. Now copy the URL for the new template page.<br>
7. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and put the date next to the town you finished.<br>
<br>
<br>
8. Return to the Part A tab [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=0 Task List] and paste the URL in Column D after the county you are working on.<br>
8. Select another town to work on from the task list and sign your name and repeat the above steps.<br>
<br>
9. Put the date beside the County you just completed.<br>
<br>
8. Go to the next county and repeat the process.<br>
<br>
 
 
 
 
 
 
 
 
 





Latest revision as of 15:29, 28 April 2023

Vermont County Clickable Maps

Purpose[edit | edit source]

To create clickable maps for every town in Vermont

Task List[edit | edit source]

Video Instructions[edit | edit source]

Instructions[edit | edit source]

Step 1 - Choose a County[edit | edit source]

1. Choose a town from the Task List and put your name beside it.


Step 2 - Find the Map Image in the Wiki[edit | edit source]

1. Locate the map image you are going to make clickable by going to the Vermont Counties category and click on the county subcategory you signed up for.

2. On this page, you will see a list of files of all the town maps images at the bottom of the category. Click the town you signed up for from the files. They should be in alphabetical order by town name.

3. The file will come up. Click on More details in the bottom right of the screen to view the map file wiki page.

4. Right click on the image and click on "Copy image address".

Step 3 - Create a Image Map[edit | edit source]


1. Open a new tab on your browser so you can follow instructions on how to create an image map: Instructions

2. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" and on the Map Editor Tool, copy all of the generated Wikitext code.

Step 4 - Save the Image Map Code to a Sandbox Page[edit | edit source]

1. Review the code you have on the sandbox page and make sure you changed the internal link of the "source" image.

2. Now add the following wikitext code after the | for the name of the image:

450px|right


3. If the image is still too large, bring it down 50px until you find a good size. The map should now appear on the right side of the screen.

4. At the end of the image map code at the bottom of the Wiki page, highlight the code: </imagemap> and delete it.

5. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:

</imagemap><noinclude>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude>


6. Replace COUNTYNAME in the category to the county your town is in. For example, [[Category:Addison County, Vermont]]

7. Click on Save Page.

8. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.

Step 5 - Create a Town Clickable Map Template in the Wiki[edit | edit source]

1. Create a new template for the town in the county you picked in Step 1 by copying and pasting the following wikitext into the Wiki search field on the Main Page:

Template:VTCOUNTYTOWN


2. Replace the county and town name in the template before clicking on Enter. For example, the Addison town template would be Template:VTAddisonAddison

3. This will bring back a red link for the proposed new template. Click on the red link to make the page.

4. Go back to the sandbox page with the clickable map code. Copy the content and paste it on this new page.

5. Save the page.

Step 6 - Add the Template Code to the Town Page[edit | edit source]

1. Go back to the Task List and click on the link of the town you are working on.

2. In the Contents, click on Maps and go down to the header, Maps or scroll down the page to the header, Maps.

3. Click on Edit Source next to the Maps header.

4. Directly under the Maps header, paste the following wikitext code:

{{VTCOUNTYTOWN}}


5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 5.

6. Add the following code to the Summary field before saving the page:

/* Maps */ Added Clickable Town Map


7. Go back to the Task List and put the date next to the town you finished.

8. Select another town to work on from the task list and sign your name and repeat the above steps.