IntroductionThis minimalistic RapidWeaver theme was expertly designed by Henk Vrieselaar. Fully mobile responsive and loaded with lots of style options, ABC is an impressive theme suitable for a wide range of different websites.
In some respects ABC is slightly similar to the free Basic Blue theme; because both themes have a banner area in their sidebar. But ABC is definitely a more comprehensive theme. ABC features options like an animated drop-down menu (on desktop) and embedded web font faces.
Basic LayoutA breadcrumb container at the top of the page clearly highlights to the end user where they are on the website. The drop-down menu is centred on desktop and supports multiple sub levels of navigation. The site title and slogan display prominently above the page design. Your sidebar container can be floated either left or right or hidden completely. A small banner is available to use above the sidebar (see below for details on how to set this up).
BannerA lot of themes have a banner or header than spans the full width of the page. ABC is slightly different, in that the banner is constrained to the same width as your sidebar (normally 35%) and is positioned above the sidebar title. This small banner is really useful to display some small artwork, a miniaturised photograph or a headshot.
The easiest way to configure the banner is to open the RapidWeaver Page Inspector, and drag-and-drop a suitable image into the banner drop zone. Suggested dimensions are shown, but you can deviate from these if you wish. Provide an ALT attribute too, to aid search engines. It is possible to use different images on different pages, for greater variety.
Another option for the banner is to use the FreeStyle technique. FreeStyle is already extensively documented in the ThemeFlood Knowledgebase. You can use the FreeStyle stacks or code snippet to setup your banner. In the Banner Configuration options, change the selection to FreeStyle.
If no banner is required, simply go into the Banner Configuration options and make select None. This will remove both the dragged-and-dropped banner or FreeStyle banner. The 20px space between the banner and sidebar title will be closed.
ExtracontentExtraContent allows you to add more content then RapidWeaver typically allows. There are 3 ExtraContent areas in ABC:
- ExtraContent 1 is at the top of the page, great for adding your social icons, date, time or something else.
- ExtraContent 2 is at the bottom of the page in the Footer area, just above the footer.
- ExtraContent 3 can be used for a full-width image or slideshow.
Responsive DesignThe traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. Thankfully ABC is a fully responsive RapidWeaver theme and does all the hard work for you. No need to build multiple websites for different devices! To see responsive behaviour in action, go to the demo site (using the buttons or links on this page) and reduce the width of your browser window. Or view the demo site on your smartphone or tablet.
LogoThe logo and the site title are configured to link back to your homepage (the same address you set in the site settings). By default the logo is hidden, but theme style options exist to turn it on and have it displayed above the site title, floated left, centre or right.
Font Awesome IconsFont Awesome is included with this theme. You do not need to purchase or download anything to get the Font Awesome Icons to work. Simply ensure you have CSS consolidation enabled in the site Advanced settings. With Font Awesome, you have several hundred icons at your disposal, in any colour or size you like. These icons are retina display optimised and completely free for commercial use.
MoreThe free trial version of ABC can be downloaded using this link. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear in parts of the page (like the banner or footer). Purchasing ABC provides you with a licensed copy of ABC; without any demo restrictions applied.
Clicking this link will take you to a sample website published using ABC. This may give you a better insight into how this theme looks and behaves. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver. Feel free to use this file as the basis for a new website.
If you have any other questions about ABC, please don't hesitate to get touch.