From FamilySearch Wiki
Revision as of 17:05, 4 November 2013 by Ccsmith (talk | contribs) (How to Add to "Did You Know")

Jump to: navigation, search

What is a sidebar

Sidebar is a term that refers to various forms of information that is displayed in a box, with or without borders, to the side of an article. You can display text, images, widgets, etc. in them. They behave just like a template, see: Help:Templates.

What is the purpose of sidebars?

The purpose of the sidebars is to isolate the material in it from any changes in the main article that might affect the location or arrangement of the material in the sidebar.

What are the advantages of sidebars?

It has the advantage of being updatable without having to go to each of the articles where the sidebar may appear. This very important if you have a particular sidebar on many pages. You simply go to the sidebar article and make whatever changes you want. Then, when someone goes to any of the pages where the sidebar appears, they will see the updated material. Again, this material will appear on all the articles where the sidebar is embedded.

IMPORTANT: Now, if you want to put the same sidebar in a number of articles, but may want to edit them separately on the various articles it is embedded, then you will have to create a separate sidebar with its own name for each article. Otherwise if you have the same on many pages you will change them all if you make a change to the sidebar.

How to create a sidebar

Probably the easiest way to create sidebars is to do so in the wikitext editor using "div" tags. For example: <div>text</div>. But to control the width and the location of the sidebar you must include the width and its desired location on the page.

This is an example for setting the width and location of the sidebar: <div style=”width:25%; float:left;”>text</div>. In this example, the width is set to 25% of the total page width and the sidebar is to float on the left side of the article and will do so on the page where you want it. Click here to see the coding for the Template:Example-sidebar on this page.

  • Note the code: {{Sidebar-div}} at the top of the code. This allows for the text to wrap around the sidebar.
  • Please note: The headers cannot be <h1> or <h2>. They must be <h3> or higher in value for the material to wrap around the sidebar.
  • If you don't use {{Sidebar-div}}, you will have to set the width of the rest of the material on the page.

If you want to keep the large headers, you must set a width to the material in the article itself. Otherwise the material in the article into which you imbedded the sidebar will be pushed down the page below the sidebar.

To control the width of the material to the side of the sidebar, you can use <div> tags. You can enclose all the material just like was done with the sidebar. Example: <div style="width:74%; float:right;">article material</div>. Notice that you need to put in the float:right so the material will appear at the top of the page instead of remaining below the sidebar.

In addition make sure that the width of the sidebar and the width of the article adds up to 99%, not 100%. This give a little room if their are spacing problems in the text.

How to embed a sidebar

Type the following: {{Name of sidebar-sidebar}} where you want the sidebar to appear. It can be placed anywhere on the page. It will begin where you place it. So, if you put it at the top, it will appear at the top. If you place it half way down the page, it appear somewhere in the middle of the article.

How to edit a sidebar

  • Sometimes article sidebars are programmed so you can add text such as announcements of meetings in the sidebar from the article where the sidebar appears.
  • First Click the "Edit This Page"
  • Click on "Wikitext"
  • In Wikitext, look for coding such as:

{{Name of Sidebar-sidebar

  • Many times, there is text already in the place where you want to add text. If the text you see on the sidebar on the article does not show up when you click "Edit This Page," it is part of the sidebar template and you have to go to the template to change it.
  • However, if the text on the sidebar appears in the edit box, you can change or add to it.
  • If the text is part of the template add an = sign after "news", as in this example, and type your text. As soon as you place an = sign whatever text that was part of the template and where you want to add text will disappear.
  • Then type whatever text you want to appear after the = sign.
  • Example: |news=Genealogical meeting will start at 7pm next Thursday. Your text will appear in the main article on the sidebar. Again whatever text was in the place you put your edit will disappear.
  • Otherwise to edit a sidebar, you treat it just like a regular article. Click on the "Edit This Page" button on the sidebar page and make whatever changes you want just as you do on any article in the Wiki.
  • To access the sidebar to edit, you can type in the search box "Template:Name of the Sidebar-sidebar."

How to Add to "News and Events"

  • Click on "Edit This Page" button.
  • Look for the word "news" near the top of the page. After the word "news" type an = sign and then type the announcement. Example:

|news=Genealogical meeting will start at 7pm next Thursday

How to Edit or Add to "Topics"

To add to or subtract items in the Topic section, you need to go to the individual county templates to make changes.

  • Click on "Edit This Button" on the page you want to edit the sidebar.
  • At the bottom of the edit page, look for "Template:name of sidebar (edit)."
  • Click on that link and it will take you to the sidebar so you can edit it.

How to Add to "Did You Know"

  • Click on "Edit This Button."
  • Look for the word "info" near the top of the page. After the word "info" type an = sign and then type the text you want to appear. Example:

    |info=The History of England