Details

Theme name: Media
Current version: 4.6
Last updated: 3rd March 2014
First released: 21st October 2007
Total sales: 678
Requirements: RapidWeaver 5.0 or later
Doctype: Valid HTML5
Usage agreement: Click for details
Example website: View online
Download example website: Click hereThis link will download the same RapidWeaver sandwich file we used for the example website. It may give you a good illustration of how the example website was created and a useful template to start building with.

Support links

10 minute theme quickstart guide
Complete theme user guide
One-to-one technical support

Resources

Bootstrap code snippets
ExtraContent addons pack
FreeStyle banner stack

Introduction

Recently updated, Media is a simple yet solid multipurpose RapidWeaver theme. This traditional two-column theme is ideal for a wide choice of different projects. A broad range of customisable theme style and colour settings are built into Media, giving you the convenience and ease to build effective websites.

Header

The prominent header container in Media is formed using a FreeStyle banner container. This gives you a very flexible space in which to display eye-catching media content above the page fold (hence where the name 'media' came from). This FreeStyle banner container can accommodate static images, slideshows and even video. If you have not encountered the FeeStyle concept before, then check the details in the theme user guide. Additionally, any image placed in ExtraContent3 will be rendered as the header background.

Navigation

As any web developer will tell you, navigation is arguably the most important factor when building websites. Media provides an attractive CSS-animated drop-down menu system by default (one that has since become a framework for many other RapidWeaver themes). Many aspects of this drop-down menu can be customised in the theme style settings; it is quite possibly the most customisable menu you will find in any RapidWeaver theme.

If you are not especially keen of drop-down menu's, then don't worry. Media also includes the option of split or sidebar block navigation layouts too, providing a wonderfully simple form of navigation.

On smaller screens, the drop-down menu can be set to revert to a toggle navigation type. This avoids breakage of the menu on smaller screens (like tablets and smartphones). The exact 'breakpoint' at which the toggle navigation menu is activated can be easily changed in the theme Toggle Navigation settings.

To display downward-pointing caret icons after parent page links like we have in the demo site, simply enter this code after the page names:

<i class='fa fa-caret-down indicator' style='font-size:18px;'></i>

Style settings

As you have come to expect in many ThemeFlood RapidWeaver themes, Media includes dozens of useful theme style and colour settings. These let modify and tweak many aspects of the theme appearance. The free demo version of Media available to download from this page will give you a full insight as to what's available. You may be pleasantly surprised at just how flexible this RapidWeaver theme actually is.

Content & Sidebar

Media has a simple two-column content and sidebar layout. Although quite a number of other RapidWeaver themes have moved away from this sort of setup, we still find it quite popular; as a way of displaying main content and complementary content.

The sidebar in this theme doesn't actually have a background. The grey background you see by default is actually the main container background visible from behind the sidebar. This setup gives the illusion of the sidebar being the same height as the content container, without the need for any messy code or Javascript hacks.

Social bar

Social media plays a vital role in promoting businesses organically via a virtual word-of-mouth. In a theme called 'Media', it would inappropriate to ignore this fact! With this in mind, Media incorporates an optional social bar container at the top of the page. This container (ExtraContent1) allows you to place useful links, icons and short extracts of information like contact details. The social bar styling can be adjusted and you can have the social fixed or static. You can also set the social box floating left or right as a box.

Future-proof

Media uses an HTML5 Doctype and has been tested and confirmed to work in IE7, IE8, IE9, IE10, IE11, Safari, Opera, Chrome and Firefox. The theme performs well on devices like the iPad, iPhone and Nexus 7. It also plays nicely with a wide variety of RapidWeaver page style plugins, like Stacks and WeaverPix (not included).

Much work has been done to ensure that websites built using Media load quickly with less bandwidth. To achieve this, most calls to Javascript files have been moved to the end of pages and these files have been minified. Media is compatible with CSS consolidation in RapidWeaver and Gzip file compression on your web server.

As you would expect, Media is a fully responsive theme with mobile adaptations. This means that you can build a single website for conventional desktop web browsers, which can also adjust to display beautifully on smaller handheld devices like smartphones and tablets. This is an important consideration nowadays when so much website traffic comes from mobile devices.

Extra tidbits

This RapidWeaver theme includes the complete Twitter Bootstrap Toolkit. Bootstrap is laden with useful style and layout modules you can use for building powerful websites and web apps. Font Awesome Icons have been added to Media too, and these provide a choice of over 360 vector font icons which are retina-display compatible.

Media is currently supplied with a 15% discount code for the latest version of WeaverPix. The theme also includes free usage of the FreeStyle banner stack, which normally retails at £10.00 GBP. If you require help with purchasing Media, please click onto the support page and click the 'purchasing help' tab for more information.

Updates for the Media RapidWeaver theme are free for all existing users. Theme updates are periodically released to introduce new features and maintain compatibility with the latest RapidWeaver addons and web browsers. You can tell if an update is available for Media, by comparing the number shown next to the theme name in the RapidWeaver theme panel, compared with the version number shown on the right.

Generally theme updates are not sent out automatically, because previously it was found many of the emails went missing in junk or spam mail filters. Instead you're invited to check for Media updates yourself, and download them at a time convenient to you. Updates also get publicised via the RapidWeaver Addon website, the RapidWeaver Central newsletter and the free iCentral app.

Theme updates can be obtained using the original download link, emailed to you when you purchased Media. If you no longer have this download link or you require an expired link to be reactivated, please send a quick email, and include the following information:

  • Name and version of the theme you need an update for (in this case say that you need Media 4.6)
  • The name and email address used when you purchased the theme
  • The purchase method used (was it purchased through the website or as a direct order?)
  • Any other useful information like the date, or invoice number

Once your purchase details have been located, you'll be sent a new download link. Theme updates are recognised in RapidWeaver as new themes, so multiple versions of the same theme can be safely installed alongside each other. This means you can selectively update certain projects to use newer themes, and any customisations you've applied like custom code or images don't get deleted. For more information on updating themes, please see the theme user guide.


Feel free to use this comment form to ask any questions about the theme, put forward ideas, submit feature requests or post links to awesome websites you've created using the theme. Comments are moderated, so it may take a little while before they show here. If you have an urgent or non-public question, simply contact me directly.

Commenting provided by Disqus