WikiProject:Vermont Town Clickable Maps: Difference between revisions

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


== Purpose ==
== Purpose ==
*Part 1: Make the Vermont County map clickable and applying it to all town maps
*Part A: Make the Image Map code for a Vermont town in each county. 
*Part 2:  
*Part B: Create the rest of the town templates using the same Image Map code from Part A.
 
== 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]


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


*Choose a county from the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]
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>
 
<br>
 
2. Now go to Part B Tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to find the county you signed up for and choose the first town.<br>  
*Create a blank template for you to create a clickable map by copying and pasting this into the Wiki search field:<br>
<br>
<br>
<nowiki>Template:VTCOUNTYTOWN</nowiki>
=== Step 2 - Download the Map Image ===
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>
<br>
<br>
For example, <nowiki>Template:VTAddisonAddison</nowiki><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 on the correct town you are working on and download the image.<br>
<br>
<br>
*Perform the search and click on the red link to create the template.<br>


=== Step 2 - Create a Map Template===
=== Step 3 - Create a Town Clickable Map Template in the Wiki  ===


*Create a blank template for the town map you are working on. Copy the following code and paste it into the Search Field on any Wiki page.
1. Create a new template for the town 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>
<br>
<br>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
<br>
<br>
For example, <nowiki>Template:VTAddisonAddison</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:AddisonAddison</nowiki><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>
<br>
*Replace the county and town name in the template before clicking on Enter.


*This will bring back a red link for the proposed new template. Click on the red link to make the page.
=== Step 4 - Create a Image Map ===
<br>
1. With the downloaded 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>
<br>
<br>
4. 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>


=== Step 5 - Add the Image Map Code to the Wiki page ===


=== Step 3 - Create a Image Map ===
1. Go back to the Wiki tab with your the new template you are creating in Step 3 and paste the Image Map code into the Wiki page.<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>
<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>
<br>
<nowiki><noinclude>desc none
</imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
4. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
<br>
5. Click on Save Page.<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>
<br>
7. If the image is too large, click on Edit source and change the pixel size as needed in the Wikitext code so it fits nicely on the page.<br><br>


1. Create image map using these instructions '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|here]]''' at Step 1.<br>
=== Step 6 - Add the Template to the Town Page ===


2. After you have finished making the map 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>
1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to go to the town Wiki page where you will put the template.<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.
<br>
3. Click on Edit Source next to the Maps header.<br>
<br>
4. Directly under the Maps header, paste the following wikitext code:<br>
<br>
<nowiki>[[{{VTCOUNTYTOWN}}|right]]</nowiki><br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 3.<br>
<br>
6. Add the following code to the Summary field before saving the page:<br>
<br>
<nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
7. Return to the Part B tab [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and put the date beside the town you just completed.<br>
<br>
==Part B - Create the Remainder Town Clickable Map Templates==
=== Step 1 - Choose the Next Town from the Task List  ===
1. Go back to Part B tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and click on the link for the next town on the Google Sheet.<br>


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


=== Step 4 - Add the Image Map Code to the Wiki page ===
1. Create a new template for the town 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. Go back to the template you are creating in the Wiki and paste the Image Map code into the Wiki page.<br>
<br>
<br>
3. 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>
<nowiki>Template:VTCOUNTYTOWN</nowiki>
<br>
<br>
4. Copy and paste the following wikitext directly below the code for the clickable map:<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>
<br>
<br>
<nowiki><noinclude>desc none
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.
</imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
 
=== Step 3 - Copy the Wikitext Code from the 1st Clickable Map ===
1. Go back to the Wiki tab that contains the first town Clickable map for the county, you created in Part A.<br>
<br>
2. Click on Edit source at the top of the template page and copy all of the code on the page.<br>
<br>
<br>
5. Replace COUNTYNAME in the category to the county your town is in.<br>
 
=== Step 4 - Paste the Wikitext into your New Clickable Map Template ===
 
1. Go back to the tab with the template open on the page and paste the content to the Wiki page. <br>
<br>
<br>
6. Click on Save Page.<br>
2. Click on Save Page.<br>
<br>
<br>
7. Review the page to make sure the map is clickable and the category is not a red link.<br>
3. Review the page to make sure the map is clickable and the category is not a red link. Fix it if necessary.<br>
<br>
<br>
=== Step 5 - Add the Template to the Town Page ===
=== Step 5 - Add the Template to the Town Page ===


1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] to go to the town page where you will put the template.<br>  
1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to go to the town Wiki page where you will put the template.<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.
Line 74: Line 124:
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>[[Image:{{VTCOUNTYTOWN}}|right]]</nowiki><br>
  <nowiki>[[{{VTCOUNTYTOWN}}|right]]</nowiki><br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 3.<br>
<br>
6. Add the following code to the Summary field before saving the page:<br>
<br>
<nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
7. Return to the Part B tab [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and put the date beside the town you just completed.<br>
<br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made.
LIMIT SIZE???
3.'''Limit size to 250px'''. See [[Help:Wiki_University_Wikitext--Image_Maps#Limit size of image map]]<br><br>
4. Here is a completed template for Allen County, Kansas as an example:<br>
<div style="border:1px solid black; padding:1em>
<nowiki><imagemap>Image:Allen,_Kansas.JPG|</nowiki><font color="red">250px</font><br>
<nowiki>poly 123 179 123 99 226 103 223 181 223 181 [[Allen County, Kansas Genealogy|Allen County]]</nowiki><br>
<nowiki>poly 122 96 119 11 225 14 224 96 224 96 [[Anderson County, Kansas Genealogy|Anderson County]]</nowiki><br>
<nowiki>poly 17 99 7 1 115 18 115 99 115 99 [[Coffey County, Kansas Genealogy|Coffey County]]</nowiki><br>
<nowiki>poly 230 97 230 10 344 2 339 98 340 98 [[Linn County, Kansas Genealogy|Linn County]]</nowiki><br>
<nowiki>poly 15 179 16 93 118 100 119 178 119 178 [[Woodson County, Kansas Genealogy|Woodson County]]</nowiki><br>
<nowiki>poly 229 190 228 99 339 102 337 190 337 190 [[Bourbon County, Kansas Genealogy|Bourbon County]]</nowiki><br>
<nowiki>poly 17 265 14 178 117 184 115 266 115 266 [[Wilson County, Kansas Genealogy|Wilson County]]</nowiki><br>
<nowiki>poly 195 250 120 267 124 179 223 184 225 266 122 265 122 265 [[Neosho County, Kansas Genealogy|Neosho County]]</nowiki><br>
<nowiki>poly 230 266 224 189 336 196 338 265 338 265 [[Crawford County, Kansas Genealogy|Crawford County]]</nowiki>
<nowiki></imagemap></nowiki><font color="red"><br><nowiki><noinclude>[[Category:Image map templates]]</noinclude></nowiki></font></div>
*Notice how the line of code for each county starts with the word "poly."


=== Step 6 - Choose Another Town ===
1. Go back to the Part B tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and sign the date next to the town.<br>
<br>
2. Choose the next town and repeat the steps under Part B until you finish the county. Then sign up for another county.<br>
<br>






[[Category:WikiProject United States]]
[[Category:WikiProject United States]]

Latest revision as of 15:47, 25 April 2023

Vermont Town Clickable Maps

Purpose[edit | edit source]

  • Part A: Make the Image Map code for a Vermont town in each county.
  • Part B: Create the rest of the town templates using the same Image Map code from Part A.

Task List[edit | edit source]

Instructions[edit | edit source]

Part A - Create the clickable Map[edit | edit source]

Step 1 - Choose a County and First Town[edit | edit source]

1. Choose a county from on Part A Tab of the Task List and put your name beside it.

2. Now go to Part B Tab on the Task List to find the county you signed up for and choose the first town.

Step 2 - Download the Map Image[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 all the town maps listed in the files at the bottom of the category. Click on the correct town you are working on and download the image.

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

1. Create a new template for the town 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:AddisonAddison

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

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


1. With the downloaded image, open a new tab on your browser so you can follow instructions on how to create an image map: Instructions

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

Step 5 - Add the Image Map Code to the Wiki page[edit | edit source]

1. Go back to the Wiki tab with your the new template you are creating in Step 3 and paste the Image Map code into the Wiki page.

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

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:

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


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

5. Click on Save Page.

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

7. If the image is too large, click on Edit source and change the pixel size as needed in the Wikitext code so it fits nicely on the page.

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

1. Go back to the Task List to go to the town Wiki page where you will put the template.

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}}|right]]


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

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

/* Maps */ Added Clickable Town Map


7. Return to the Part B tab Task List and put the date beside the town you just completed.

Part B - Create the Remainder Town Clickable Map Templates[edit | edit source]

Step 1 - Choose the Next Town from the Task List[edit | edit source]

1. Go back to Part B tab on the Task List and click on the link for the next town on the Google Sheet.

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

1. Create a new template for the town 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:AddisonAddison

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

Step 3 - Copy the Wikitext Code from the 1st Clickable Map[edit | edit source]

1. Go back to the Wiki tab that contains the first town Clickable map for the county, you created in Part A.

2. Click on Edit source at the top of the template page and copy all of the code on the page.

Step 4 - Paste the Wikitext into your New Clickable Map Template[edit | edit source]

1. Go back to the tab with the template open on the page and paste the content to the Wiki page.

2. Click on Save Page.

3. Review the page to make sure the map is clickable and the category is not a red link. Fix it if necessary.

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

1. Go back to the Task List to go to the town Wiki page where you will put the template.

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}}|right]]


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

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

/* Maps */ Added Clickable Town Map


7. Return to the Part B tab Task List and put the date beside the town you just completed.

Step 6 - Choose Another Town[edit | edit source]

1. Go back to the Part B tab on the Task List and sign the date next to the town.

2. Choose the next town and repeat the steps under Part B until you finish the county. Then sign up for another county.