|
|
Line 26: |
Line 26: |
| 3. Click on More details in the bottom right of the screen to view the map file wiki page.<br> | | 3. Click on More details in the bottom right of the screen to view the map file wiki page.<br> |
| <br> | | <br> |
| 4. Copy the url.<br> | | 4. Right click on the image and click on "Copy image address".<br> |
| <br> | | <br> |
|
| |
|
Line 33: |
Line 33: |
| 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> | | 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> | | <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. Now add the following wikitext code after the | for the name of the image:<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>
| | <nowiki>450px</nowiki><br> |
| <br> | | <br> |
| <nowiki>desc none
| | 3. If the image is still too large, bring it down 50px until you find a good size.<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> | | 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> |
| 5. Click on Save Page.<br> | | 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> |
| <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> | | <nowiki><noinclude></imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br> |
| | <br> |
| | 6. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br> |
| | <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> |
|
| |
|