IntroductionSay hello to Mirage, a RapidWeaver theme that raises the bar yet again, making it even easier to design the site that YOU want to create. Tired of rigid limits and cookie-cutter themes? Then you’ll love Mirage - a design experience that frees you to build a site that can both fit the mould, and break out of it.
What's new in Mirage v6?Changes in this update substantial theme update include the following.
- Updated Font Awesome Icons, Bootstrap and jQuery to the newest versions.
- Rounded corners are now applied on RapidWeaver dragged-and-dropped banner images.
- This theme is code signed "ThemeFlood" and can now be used with the exclusive ThemeFlood stacks.
- Removed Nivo Lightbox and FitVids, which are no longer supported.
- The drop down menu supports keyboard tab navigation.
- Introduced slightly more spacing above headings.
- Improved line height settings.
- Greatly expanded choice of theme width settings.
- Increased control over the sizing and positioning of the sidebar, for both mobile and desktop.
- Additional colour pickers for contact forms.
- Regrouped and reorganised a couple of theme style settings to make things easier to find.
- To improve the clarity of heading content on background images, a new option for text shadows is available.
- New checkbox options to hide the website logo and navigation bar.
- Auto width option for the dropdown menus.
This theme update is free for any customers who have purchased or updated Mirage after 1st August 2017. The latest version is available to download from your Paddle account. Please backup all project files and addons before commencing the install of this update. RapidWeaver will switch to this version straight away, and you may be required to adjust and reconfigure some settings.
Drag and drop bannersThese are the easiest way to customise the banner area in Mirage. Within the RapidWeaver page inspector, drag and drop a suitable image to use as your banner image. It is feasible to use different banner images on different pages, using this technique.
RWFontKit readyThe RWFontKit plugin is built into Mirage, giving you access to over 100 embedded, web safe and system font faces. These are easy to apply to headings or the main page content, using select menus in the theme style settings. No expensive font stacks or complicated coding required!
Great AccessibilityMirage has some unique features built-in, which make your completed website compliant with all necessary accessibility laws and regulations; therefore making this theme particularly good for school, healthcare, business and government websites.
- No "funky" animation effects to complicate the presentation of webpages or risk triggering photosensitive epilepsy.
- The whole of the drop-down menu can be navigated using the keyboard tab and return keys. So somebody who cannot use a mouse or touchpad can still freely navigate your website.
- Valid HTML5 markup is used throughout the theme, permitting the use of screen readers and other accessibility tools. Validity demonstrates the quality that a website has been coded to. Ideally all websites should pass the W3C validation test with no errors.
- Clean and consistent font styling which goes a long way towards improving the clarity of written content. We use flexible units of measurement (like rem and percentile) so users can scale text up to a larger font size in their web browser.
- Inline links are outlined with a dotted border, when they receive mouse focus. The same links can change colour when clicked or tapped. This makes links easier to see and interact with. Links are always underlined.
- No non-standard copy protection "hacks". These inadvertently remove the ability for users to select, resize or view content, and should never be used on any public-facing website.
- A special stylesheet is included with the theme, to optimise the presentation of webpages when they are printed or saved as a PDF.
- The mobile menu toggle button is clearly marked "mobile" so users know where it is. The label is easily translated into other languages, using custom CSS code.
Customising languages labelText labels alongside the mobile menu toggle button and footer 'last updated' string are set with CSS code. You can change the text to something else, using this CSS code:
content: 'Last Updated: ';
This code can be entered within Settings > Code > CSS to take effect on all pages of your website.
Arrows on drop-down menu itemsIf you have subpages to display under a parent link, consider adding little arrows to denote this. Double-click the page name in the RapidWeaver page list. Then type this after the page name:
<i class='fas fa-caret-down arrow'></i>
These are just Font Awesome icons. Using single quotes instead of double quotes means the page will display correctly in your sitemap. The addition of the extra arrow class is just there to tell the theme not to display this arrow in the mobile toggle menu or your footer breadcrumbs.
MoreThe free trial version of Mirage 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 Mirage provides you with a licensed copy of Mirage; without any demo restrictions applied.
Clicking this link will take you to a sample website published using Mirage. 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 Mirage, please don't hesitate to get touch.