Kalispell Montana FSC Template Guide: Difference between revisions

'''(This page is a work in progress, come back weekly for more updates!)'''

'''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 (<nowiki>{{</nowiki>) and end (<nowiki>}}</nowiki>) 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'''.

'''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.

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

'''4B.''' Copy everything in the box below.  

'''4C.''' Paste what you copied in step 4B 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.

'''4D.''' 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.''

'''4E.''' We will now add in our title for the article. After "Article Title =" paste the following text:

'''4F.''' We will now add in our subtitle for the article. After "Article Subtitle =" paste the following text:

'''4G.''' We will now add in our content for the article. After "Article Content =" paste the text: "Family History Highlight: April"

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

'''4I.''' 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.''

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

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

'''5B.''' 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.

'''5C''' Your code should now look like the code below.

'''5D.''' 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.

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

'''5F.''' 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.''

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

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

'''6B.''' Copy everything in the box below. This is code creates an announcement box.

'''6C.''' Paste what you copied in step 6B 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.

'''6D.''' 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.''

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

'''6F.''' After "Announcement Content =" paste the following text:

'''6G.''' When your done it should look like the text below:

'''6H.''' 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.''

'''6I.''' 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.

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

'''6K.''' 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.

'''6L.''' 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.''

'''6M.''' Now fill in the title and the content for the second announcement following steps 6E through 6G and using the content below.

'''6N.''' When you're done, your "Announcements" section should look something like the text below.

'''6O.''' Finally, let's add the third announcement. Following the instructions in 6J and 6K, add in another announcement box just below your second announcement.

'''6P.''' Follow steps 6E through 6G using the content below to complete the third announcement box.

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

'''6R.''' 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.''

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