Kalispell Montana FSC Template Guide

(This page is a work in progress, come back weekly for more updates! You can see when this page was last updated by scrolling all the way to the bottom where it says "This page was last edited on...".)

Updating family history center (FHC) pages are done infrequently and can be time consuming. Styling them can be even more difficult, especially for those just learning how to edit. I have put together a set of templates that can help other contributors organize and style their own FHC pages with (hopefully) minimal effort. This page contains an exhaustive list of all the templates with descriptions their intended use and how to use them on your own FHC page.

For an example of a completed FHC page using the following templates, visit the Kalispell Montana Family History Center's page.

When used properly, all of these templates will adjust to the screen size of the current viewer. So people on phones can read everything just as well as someone visiting on a desktop computer.

In this guide I have the following sections:


 * Tutorial section that takes you step by step through creating a complete example FHC page.
 * Advanced Template Options section that shows you some of the advanced options for the templates. This section is in no particular order.
 * Other Resources section that gives you links to some of the sources I used to create the templates, as well as a complete list of photos that I've already submitted to FamilySearch wiki.

If you have any suggestions on how to make this page better, add your suggestions or comments to the bottom of the "Talk" tab for this page.

Before You Start

 * All edits must be done in the "Edit source" tab.
 * It may be easier to print these instructions out before you start the tutorial. You will be bouncing between two different browser tabs once you begin if you do not print the tutorial. To print go to "File" in the top left side of your browser and click "Print" in the menu, or hit CMD + P or CTRL + P. This should bring up the print dialogue box that you are familiar with. NOTE: I provide lot's of examples of how the page should look as you go through the tutorial. The examples will not look the same when printed, so be careful when comparing what you see on your screen and the completed examples in the print version.
 * These are templates, so I may make improvements on them. Do not be surprised if you see the boxes behaving or looking different.
 * Plan out your pages - a little planning goes a long way. Figure out how you would like to organized the information by answering the following questions:
 * What information should stand out?
 * What information should be grouped together?
 * What levels of information do I have? Think sections and subsections. Create a hierarchy of information that makes sense to the information you have.

= Tutorial =

Here I will walk you through a simple tutorial where we create a page with a couple of announcements, two different lists of resources, and an article written about my FHC. This should give you a good idea of how to use the templates for creating your own FHC page. For reference, here is what you should have at the end of this tutorial.

A good place to practice without messing with your FHC page is to click on "Sandbox" up next to your name on any wiki page. This will take you to your own page where you can try things out and practice before you edit the real thing. I would recommend going through the following tutorial on your "Sandbox" page.

1. Decide what sections you need
Everything on a page should be organized into sections. Think of a section like a chapter in a book - its purpose is to group like content together. When you are planning out your page you may have one section or many sections depending on how much information you are displaying.

In our example we have a couple of announcements, two different lists of resources and an article written about my FHC. Let's make three sections, "Announcements" where all of the FHC announcements are located, "Resources" where you can find a list of various resources for doing research in my area, and "Articles" for the published articles about my FHC.

Of course, when you are planning out your FHC page, you may have different sections. Do what makes most sense for your FHC when deciding what sections to create.

2. Order your sections
Now that we have our sections, we need to put them in order from most important to least important. This will determine what order the sections show up on your page. For our example, I want "Articles" first because I want people to see the article written about my FHC, then "Announcements" because we have several events hosted at our FHC, and I want visitors to know what is going on, and finally "Resources" where people who are doing research in our area can go to to find local links.

3. Create your sections using Kalispell FHC Section template
Now we will use the "Kalispell FHC Section" template to create each of our sections. This template allows you to type in the name and the content for each of your sections and then takes care of all the formatting.

For now we are just going to create sections with titles and no content.

3.1. Open up the page you would like to edit and click "Edit source" at the top. You will probably see a lot of text on the page. If you are planning on replacing everything, you can delete it all and start with a blank page.

3.2. Figure out where on the page you would like to create your first section. If you just deleted everything, this will just be at the very top.

3.3. Copy everything in the box below.

3.4. Go back to "Edit source" and paste everything you just copied into where you would like your first section.

3.5. Where it says "Section Title" type in your title for your first section after the equals sign. Our first section is "Articles," so we will type that in after the equals sign next to "Section Title." Below is an example of what it should look like.

3.6. At the bottom of the "Edit Source" page click the button that says "Show Preview." This button allows you to see the changes you made without saving the page. You should see something similar to the section below. As you can see, each section has the title with an underline at the top, and a link "Back to Top" at the bottom. All of our content, that we will add in later, will end up between the title and the "Back to Top" link. If you don't see something like below, go to step 3.7..

3.7. Notice the brackets at the beginning of the text in step 3.3.. These brackets are very important because they mark the beginning and end of the section. If you miss the brackets, then you will see a whole bunch of random text on the screen instead of the section, like below, instead of the section in step 3.6..

{{Kalispell FHC Section | Section Title = | Section Content = }

3.8. Repeat steps 3.2. through 3.5. with the rest of the sections. Below is an example of what it should look like once you've created our three sections: "Articles," "Announcements," and "Resources," in that order.

3.9. After you have created all of your sections, hit the "Show preview" button again. It should look something like the example below.

3.10. Click the "Save changes" button at the bottom of your "Edit source" page. Good work! You have successfully created 3 new sections on your wiki page! This stuff isn't easy, so take a second to give yourself a pat on the back :)

4. Add an article to the "Articles" section using Kalispell FHC Article template
Now that we have our sections, we can start adding our content to each of the sections. We are going to start with our first section "Articles" and add an article. I created light blue boxes for displaying articles. These boxes draw people's attention, but aren't too distracting. Each article lets you add a title, a subtitle, an image for the article, and content that is either the article itself or includes a description and a link to the article. For now we will add in everything but an image.

For our example we have one article we want to add. The text for the article is below for reference. Remember, for this step we will not be adding an image to the article.

Family History Highlight: April Finding Your Roots

Need a break from your own family history? Or maybe some inspiration to get you going? This fun series by Ancestry on YouTube features 38 5-minute episodes featuring famous people's reaction to finding out about their ancestors.

Get inspired on YouTube. (the word YouTube will be a link to a YouTube video)

4.1. Open up the page you would like to edit and click "Edit source" at the top.

4.2. Copy everything in the box below.

4.3. Paste what you copied in step 4.2. between the equals sign after "Section Content" and the curly brackets ( }} ) in the "Articles" section. It should look like the example below. Be careful with the curly brackets - if you don't have it exactly as it is below, it will not look correct.

4.4. Now click the "Show Preview" button. You should see something similar to below, with a new article box appearing in the "Articles" section. The article doesn't have anything content in it yet, but you can see that there is a default image that appears if you don't include an image. ''This example is only showing the "Articles" section. It does not include the "Announcements" or "Resources" sections.''

4.5. We will now add in our title for the article. After "Article Title =" paste the following text: Family History Highlight: April

4.6. We will now add in our subtitle for the article. After "Article Subtitle =" paste the following text: Finding Your Roots

4.7. We will now add in our content for the article. After "Article Content =" paste the text: "Family History Highlight: April" Need a break from your own family history? Or maybe some inspiration to get you going? This fun series by Ancestry on YouTube features 38 5-minute episodes featuring famous people's reaction to finding out about their ancestors.

Get inspired on YouTube. (the word YouTube will be a link to a YouTube video)

4.8. When you're done it should look like the text below.

4.9. Click the "Show Preview" button again, and you should see that your article now has content. ''This example is only showing the "Articles" section. It does not include the "Announcements" or "Resources" sections.''

4.10. Click the "Save changes" button. You have now added an article to your page!

5. Add an image to your article
Now that we have our article set up, we would like to upload a new image that goes along with the content. FamilySearch Wiki has a special process for uploading images to verify that all images that are uploaded to the wiki follow FamilySearch guidelines.

I will not go through how to upload and get an image approved in this tutorial. Below are several links to other pages that can help you learn more about this process:


 * "Upload File" page to learn how to upload an image
 * "FamilySearch Wiki: Purpose, Policies and Procedures"
 * "Wiki University: Images"

Also take a look at the "Other Resources" section below for places to get free, high-quality images, and for a list of images I have already uploaded to the wiki.

For this part of the tutorial, we already have an image that has been approved and uploaded to the wiki.

5.1. Open up the page you would like to edit and click "Edit source" at the top.

5.2. First, we need to add in a new field to our article, so that the page knows to use our image instead of the default one. Place your cursor at the end of the "Article Subtitle" line and hit enter. Now copy and paste the following text into the space you just created.


 * Article Image URL =

5.3. Your code should now look like the code below.

5.4. Now that we have told the page to use our image instead of the default one, we need to tell it which image we want to use. Below is the link to the image that we will be using for our article. Copy the link.

Family history argentina.jpeg

5.5. Paste the link after "Article Image URL =". When you're done it should look like the example below.

5.6. Click the "Show preview" button. You should see something like below. Notice how the picture has now changed to the image we picked. ''This example is only showing the "Articles" section. It does not include the "Announcements" or "Resources" sections.''

5.7. Click the "Save changes" button at the bottom of your "Edit source" page. Good work! Now you have your own image in the article.

6. Add 3 announcement boxes to the "Announcements" section using the Kalispell FHC Announcement Template
The announcement boxes are bright green and intended to draw people's eye. When working on your own pages try not to use more than 3 boxes in a row at a time. If you use more than three you risk people skipping over the content in the green boxes entirely, and not reading what is actually important or time-sensitive on the page. I also try and keep the content rotating in the green boxes, so that people know that there is typically new information in them - otherwise people will grow accustomed to them and may skip over them the next time they come to your page and miss that there is a Family History Activity coming up (for example).

For our page we will be putting in 3 announcement boxes with the content below.

Box 1: 2022 RootsTech videos available now!

"RootsTech welcomes millions of people worldwide to celebrate family at the world’s largest family history conference and year-long learning platform. With thousands of classes, inspiring speakers, meaningful activities and joyful connections, RootsTech brings the human family together like no other event."

Rewatch this year's RootsTech videos now at https://www.familysearch.org/rootstech rootstech.org. Box 2: Get your personal family history books digitized.

The Salt Lake Family History Library will be digitizing family history archives in the NW Montana History Museum (previously the Central School Museum) in Kalispell. If you have your own PERSONAL family history book and would like it digitized so that others are able to search it online at FamilySearch.org, please contact Diane Denney at 406-212-2176 or Debbie Russell at 760-703-5558.

For questions or digitization requests go to the https://www.fsrecordfinder.org/contact Family Search Record Finder Contact Page. Box 3: Join the Ranks! Help digitize Flathead County records.

FamilySearch has provided volunteers and professional equipment to digitize Flathead County local records for FREE! No longer will these records need to languish on dusty shelves in our local repositories with their valuable nuggets of genealogical information forgotten and hidden. This project is HUGE, and FamilySearch’s volunteers are seeking to swell their ranks. They can use all the help they can get.

Read more at https://www.fsrecordfinder.org/ Family Search Record Finder.

6.1. Open up the page you would like to edit and click "Edit source" at the top.

6.2. Copy everything in the box below. This is code creates an announcement box.

6.3. Paste what you copied in step 6.2. between the equals sign after "Section Content" and the curly brackets ( }} ) in the "Announcements" section. It should look like the example below. Be careful with the curly brackets - if you don't have it exactly as it is below, it will not look correct.

6.4. Now click the "Show Preview" button. You should see something similar to below, with a new article box appearing in the "Announcements" section. The article doesn't have anything content in it yet, but you can see that there is now a green box on the page. ''This example is only showing the "Announcements" section. It does not include the "Articles" or "Resources" sections.''

6.5. Now let's add in our content for the first announcement. After "Announcement Title =" paste the following title text:

2022 RootsTech videos available now!

6.6. After "Announcement Content =" paste the following text:

"RootsTech welcomes millions of people worldwide to celebrate family at the world’s largest family history conference and year-long learning platform. With thousands of classes, inspiring speakers, meaningful activities and joyful connections, RootsTech brings the human family together like no other event."

Rewatch this year's RootsTech videos now at https://www.familysearch.org/rootstech rootstech.org.

6.7. When your done it should look like the text below:

6.8. Click the "Show Preview" button again, and you should see that your announcement now has content. ''This example is only showing the "Announcements" section. It does not include the "Articles" or "Resources" sections.''

6.9. This is a good point to save your work by hitting "Save changes." After you save, hit the "Edit source" button in the top right corner to continue editing.

6.10. Let's add our second announcement. Again, copy the announcement code below.

6.11. This time we are going to paste the announcement code just below our previous announcement. If you look at the code you already have down you should see the following two lines after the content of your first announcement. }} }} The first set of curly brackets (}}) tell the computer that the first announcement is done and the second set of curly brackets tell the computer that the "Announcements" section is done. We want to paste the new announcement in between these two lines, so after the first announcement is done, but before the section is done. After you paste in the new announcement, your "Announcements" section should look like the text below:

6.12. Now click the "Show Preview" button. You should see something similar to below, with one announcement box complete and a new empty announcement box ready for more content. ''This example is only showing the "Announcements" section. It does not include the "Articles" or "Resources" sections.''

6.13. Now fill in the title and the content for the second announcement following steps 6.5. through 6.7 and using the content below.

Title: Get your personal family history books digitized. Content: The Salt Lake Family History Library will be digitizing family history archives in the NW Montana History Museum (previously the Central School Museum) in Kalispell. If you have your own PERSONAL family history book and would like it digitized so that others are able to search it online at FamilySearch.org, please contact Diane Denney at 406-212-2176 or Debbie Russell at 760-703-5558.

For questions or digitization requests go to the https://www.fsrecordfinder.org/contact Family Search Record Finder Contact Page. 6.14. When you're done, your "Announcements" section should look something like the text below.

6.15. Finally, let's add the third announcement. Following the instructions in 6.10. and 6.11., add in another announcement box just below your second announcement.

6.16. Follow steps 6.5. through 6.7. using the content below to complete the third announcement box.

Title: Join the Ranks! Help digitize Flathead County records. Content: FamilySearch has provided volunteers and professional equipment to digitize Flathead County local records for FREE! No longer will these records need to languish on dusty shelves in our local repositories with their valuable nuggets of genealogical information forgotten and hidden. This project is HUGE, and FamilySearch’s volunteers are seeking to swell their ranks. They can use all the help they can get.

Read more at https://www.fsrecordfinder.org/ Family Search Record Finder.

6.17. When you are done adding the third announcement box, your "Announcements" section should look like the text below:

6.18. Click the "Show preview" button. You should see something like below. ''This example is only showing the "Announcements" section. It does not include the "Articles" or "Resources" sections.''

6.19. Click the "Save changes" button at the bottom of your "Edit source" page. Good work! Now you have three announcements in your announcement section.

7. Coming Soon
This tutorial is a work in progress. Below are the instructions that I plan to add next.


 * Add a resource card to the resources section

This tutorial is unfinished. Below this title are my notes...
Kalispell FHC Resources Template

= Advanced Template Options =

All Kalispell FHC Section options
Empty Section Template With All Available Fields

Section Template With All Available Fields Filled Out

= Other Resources =

Here are some other sources that I used to create these templates.


 * FamilySearch style guide. This is where I look up all of the official FamilySearch colors for the boxes.


 * Free Image Collections. The Church of Jesus Christ of Latter-day Saints has curated a set of free, high-quality images that are great to use on the wiki. I have already uploaded a few (listed below).