ExtraContent: When you have more to say.

ExtraContent is a nearly ubiquitous technology found in most modern RapidWeaver® themes today. Since it was first introduced in 2008, ExtraContent has been one of the most sought after, most requested features of all time.

ExtraContent allows users to take their RapidWeaver® site beyond the usual sidebar/content layout and add content in places otherwise out of reach for RapidWeaver®.

ExtraContent icon

Using ExtraContent By Hand by Adam Merrifield, 6 Sep 2012.

  1. Somewhere on your page, either in the main content or the sidebar, add the following:

    <div id="myExtraContent1"><!-- your content here --></div>
  2. Between the opening <div id="myExtraContent1"> and closing </div>, replace <!-- your content here --> with content of your own. For example:

    <div id="myExtraContent1">Hello world!</div>
  3. To change which area your content is displayed in, simple change the number at the end of the id to one that corresponds with the desired area in your theme. For example:

    <div id="myExtraContent2">Hello world!</div>
  4. Depending on your theme, your ExtraContent may now automatically appear, or there might be an option to turn the ExtraContent on or off.

  5. To add more content to more areas, simply repeat the process, using numbers that correspond to those in your theme. For example:

    <div id="myExtraContent1">Hello world!</div>
    <div id="myExtraContent2">Question: What did foo say when he walked into a bar?</div>
    <div id="myExtraContent3">Answer: "Ouch!"</div>
  6. You can add ExtraContent tags around just about anything. Say for instance you wanted to embed a video above your main content with this embed code:

    <iframe src="http://player.vimeo.com/video/46506843" width="500" height="313" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

    Then all you need to do is add <div id="myExtraContent1"> in front and </div> at the end, like this:

    <div id="myExtraContent2"><iframe src="http://player.vimeo.com/video/46506843" width="500" height="313" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
  7. If using ExtraContent with HTML code in a styled-text type area, be sure to use the option "Format > Ignore Formatting" if your code breaks out over several lines. Otherwise your formatting might have excessive spacing or have awkward steps.