WikiProject:Vermont Town Clickable Maps: Difference between revisions

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


== Purpose ==
== Purpose ==
*Part A: Make the Image Map code for Vermont conty listing all the towns on it
*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
*Part B: Create the rest of the town templates using the same Image Map code from Part A.


== Task List ==  
== Task List ==  
Line 16: Line 16:
== Instructions ==
== Instructions ==
==Part A - Create the clickable Map==
==Part A - Create the clickable Map==
=== Step 1 - Choose a County ===
=== Step 1 - Choose a County and First Town ===


1. Choose a county from the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and put your name beside it.<br>
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>
<br>
=== Step 2 - Create a Town Clickable Map Template in the Wiki  ===
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>
<br>
=== 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>
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>
 
=== Step 3 - Create a Town Clickable Map Template in the Wiki  ===


2. Create a new template for the town by copying and pasting this into the Wiki search field:<br>
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>
3. Replace the county and town name in the template before clicking on Enter.<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>
4. This will bring back a red link for the proposed new template. Click on the red link to make the page.
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.
<br>
<br>


=== Step 3 - Create a Image Map ===
=== Step 4 - Create a Image Map ===
<br>
<br>
1. In a new tab on your browser, create an image map using these instructions '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|here]]''' starting at Step 1.<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>
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>
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 4 - Add the Image Map Code to the Wiki page ===
=== Step 5 - Add the Image Map Code to the Wiki page ===


1. Go back to the Wiki tab with your the template you are creating and paste the Image Map code into the Wiki page.<br>
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>
<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>
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>
<br>
3. Copy and paste the following wikitext directly below the last of the code for the clickable map:<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>
<br>
  <nowiki><noinclude>desc none
  <nowiki><noinclude>desc none
  </imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
  </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.<br>
4. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
<br>
<br>
6. Click on Save Page.<br>
5. 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>
6. 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 5 - Add the Template to the Town Page ===
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>
 
=== Step 6 - 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 64: Line 74:
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."
==Part B - Create the Remainder Town Clickable Map Templates==
==Part B - Create the Remainder Town Clickable Map Templates==
=== Step 1 - Choose the Next Town from the Task List  ===
=== Step 1 - Choose the Next Town from the Task List  ===
1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and click on the next town on the Google Sheet.<br>
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 2 - Create a Town Clickable Map Template in the Wiki  ===


1. Open a new tab of the Wiki in your browser by clicking on this [https://www.familysearch.org/en/wiki/Main_Page Link].<br>
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>
2. Create a new template for the town by copying and pasting this into the Wiki search field in the middle of the page:<br>
<br>
<br>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
<br>
<br>
3. Replace the county and town name in the template before clicking on Enter.<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>
4. This will bring back a red link for the proposed new template. Click on the red link to make the page.
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.
<br>
<br>


=== Step 3 - Copy the Wikitext Code from the 1st Clickable Map ===
=== 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>


1. Go back to the Wiki tab with your the template you are creating and paste the Image Map code into the Wiki page.<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>
2. At the top of the template page, click Edit Source.<br>
2. Click on Save Page.<br>
<br>
3. Click into the edit field and clicking at the same time, Ctrl and A. This will highlight all of the text on the page.<br>
<br>
<br>
4. Copy the highlighted text clicking at the same time, Ctrl and C or right click and choose "copy" using the menu.<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>
5.


=== Step 4 - Paste the Wikitext into your New Clickable Map Template ===
=== Step 5 - Add the Template to the Town Page ===


1. Go back to the tab with the template open on the page and paste the content by clicking at the same time, Ctrl and V or right click and choose "paste" on the menu.<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>
<br>
2. Click on Save Page.<br>
<nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
<br>
3. Review the page to make sure the map is clickable and the category is not a red link.<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>


=== Step 5 - Choose Another Town ===
=== Step 6 - Choose Another Town ===
1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List] and sign the date next to the town.<br>
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>
<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>  
2. Choose the next town and repeat the steps under Part B until you finish the county. Then sign up for another county.<br>  

Latest revision as of 15:47, 25 April 2023

Vermont Town Clickable Maps

Purpose

  • 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

Instructions

Part A - Create the clickable Map

Step 1 - Choose a County and First Town

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

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

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


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

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

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

Step 1 - Choose the Next Town from the Task List

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

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

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

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

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

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.