RWML (RapidWeaver Multi Language) was a solution developed by Joost Spijker of Tsooj Media to make multilingual websites both easier to maintain and user friendly. All language versions are contained within the same page, so that swapping projects to make alterations and maintaining subdomains is unnecceasary. It means that there is only one website/web page for all language versions.
Before he retired from the RW scene, Joost began developing RWML 2. This development has just been completed by Will Woodgate and housed within the S4S stables.
I just took a look at RWML 2 and it's a great improvement over the original version. First off, RWML now uses PHP to load the language versions. This means that there are no longer ugly flashes as the new language is loaded, there is a smooth transition. (Transition as change – not as in animation)
RWML is a suite of 9 stacks: Master; Menu; Meta; Redirect; Replace (New); Short Text; Sidebar; Switch and Wrapper.
In its simplest form, RWML requires two main stacks on each page: Master, and Wrapper – which is required for every element with a language version. The detailed instruction manual is fairly long, but the deployment of RWML is quite straightforward.
The Master stack contains the information of the different language versions contained within a page (up to ten languages if you know that many, I can only write in two), e.g. 'en', 'de', 'fr' etc. One Wrapper stack is required for each block of text content. The Wrapper supplies the language variations contained within it.
On at least one page, you will require Switcher which supplies the URL query for the language change. The query setting is maintained over page changes and saved as a cookie for your user's next visit.
Laying out a page in Stacks is very simple: Create a block of content with your primary language (we'll assume that your first language is English) and drop it into a Wrapper stack. Define the Wrapper as 'en', then duplicate the Wrapper, reset the language, e.g. 'de' and replace the text content with your German text.
Now, if you add a Switch stack to your page and preview the page, you will see the English version of your page. Click the Switch and you will see the German version – as simple as that:
Click image to View live Preview.
RWML is primarily intended for Stacks pages, but it may also be deployed with standard RapidWeaver pages. As the Master stack is required for all pages that use RWML, Pluskit will be required to import the stack into your standard RW page. You can then add HTML snippets to each text block to define the language.
CMS Anyone? RWML is also CMS compatible! I tested it with Sentry from seyDesign – perfect for simple pages. If you're not sure that you can use it with your CMS solution, download a demo copy of RWML and give it a test run.
RWML Master - Has the definitions for Language 1—10, Redirect Delay (ms), Cookie Settings, Menu Settings (Menu Control/Trigger Condition), CMS Support, Debug Information.
RWML Menu – RWML can add translations for the RW standard Menu. Add a child stack with an alternative language version for each page, using the same name as entered into the RW sidebar.
RWML Meta – Maintain SEO compatibility. Add translations for the Meta Tags.
RWML Redirect – Redirect links to alternative pages. E.G. Blog pages/Product pages in different languages.
RWML Replace – A new, very useful stack for quickly replacing words or sentences contained within a page. E.G. change the copyright text, or slogan by targeting their Container ID and adding translations for the ID's content.
RWML Short Text – Add a line of text to your page and include a translation directly within the stack.
RWML Sidebar – Oh, yes, now I remember – some themes have sidebars. RWML Sidebar will add it's content to your Sidebar, Freestyle Banner, Extra Content Container, or a Custom Element. You can change the sidebar header text using snippets.
RWML Switch – You can add either a menu (see the S4S demo page) or stack elements (see above) to switch between languages.
RWML Wrapper – This is the stack that contains each individual language block.
If you need to design pages with multiple languages, RWML is the ideal solution. It doesn't rely on third party solutions (with the exceptions of Pluskit, if you wish to work with standard RW pages), it is CMS compatible and it can change the navigation bar text to the chosen languages. Language change is slick and smooth – your visitors will love it!
Jannis describes Gallery 3 [G3] as 'Kick-Ass', so what puts the kick into this stack?
Well, first off, you can choose from 10 different grids, 6 different lightboxes and 5 different sliders.
These choices alone are kick-ass, but then come Gallery 3's integration options. You can integrate G3 with the Bootstrap, Foundry and Foundation frameworks, plus Armadillo, Easy CMS, Pulse CMS, Sentry and Total CMS; and – if that's not enough – Adobe Behance, Apple iCloud and FTP folders. Oh, I almost forgot, you can drag and drop your images directly into G3 too and Thumbnail images are created automatically. Now tell me that's not as versatile an egg*!
When you drag G3 onto a Stacks page, you'll find a container with two child stacks.
You can play around with the upper container for hours choosing the Grid, or Slider that suits your taste/purposes. There are fifteen options to choose from, five of the options are framework based. Not having all of the Frameworks, I was only able to test the Foundation Grid. However, the other Grids/Sliders offer plenty of choice.
When you've selected your grid, you can open the settings panel – I'd begin with the main G3 panel where you can set the number of columns displayed in edit mode, a smaller grid makes it so much easier to add images.
Main Max Width sets the gallery width, you can add your own size definition in px, %, or rem. Setting 0 allows G3 to fill the container it is placed within.
CSS Filter. There is a choice of 21 different CSS Filters for your thumbnails.
Disable Context menu does just that – your visitor will be unable to right click an image to download it.
Shuffle / Randomize Images loads the images in a different order every time the page is reloaded.
Grid/Slider settings panel. In the settings panel for Grids, you can set the maximum number of columns for four different viewports.
In the settings panel for Sliders, you can set the maximum image height.
The lower child stack is where you add your images. The child stacks include:
Image – drag your images into the child stack.
Image + Thumb – drag and drop your images – thumbnails are automatically created.
Image + Thumb Pro – Drag your images into the settings panel container and add an Alt Text.
Adobe Behance images – Set the API and Project name in the settings panel.
Apple iCloud - Set the URL and number of images to be displayed in the settings panel.
FTP Directory/Web Folder – Set the path and the information to be displayed in the settings panel.
Armadillo/Sentry Integration - No settings necessary.
Each thumbnail is set to Square by default in the image settings panel. If you wish to use the Grid-A-Licious (Masonry) option, you will probably want to deactivate this option for each image.
G3 – not new, but freshly and regularly updated. You won't find a more powerful gallery in the RW or any other scene!
*Boiled, poached, scrambled, fried, coddled, 1000 year old, pickled and a myriad of culinary functions.
FileMan, as you might guess from the name, is a File Manager for RapidWeaver. It has many uses that aren't immediately apparent.
FileMan creates a PHP database on your [client's] website. The database may optionally configured to allow file uploads, downloads and/or deletion.
Simplest scenario: you have a number of documents that you want to make available online. Drag them to your FileMan folder via FTP and they will immediately be accessible to anyone that can log in to the File Manager page.
The next possibility is a flat CMS solution. Let's say you have a warehoused client gallery, or slideshow online and your client wishes to swap out the images on a regular basis. Once the client has been instructed how to create the images accordingly, he/she could log in to their FileMan warehouse page, delete the old images and upload the new ones.
The same applies to text files (or whole HTML/Markdown pages) that are linked to DropCMS (Free download from Stacks4Stacks) boxes, or PDFs linked to the recently reviewed PDF Viewer.
FileMan couldn't be simpler to set up – as stated above, drag the stack to a Stacks page, upload the page and you're done. As soon as you access your new page, FileMan will create a PHP database and you can begin uploading files. You may, however, wish to do a little configuration first:
FileMan creates a directory outside of the RapidWeaver project. Directory Path will be the name of said folder on the server (refresh your FTP browser view after accessing the FileMan for the first time).
Login Password. Enter the password that will be used to access the FileMan Directory. Permissions – Read/Write, or Read Only.
Next the stacks panel has a number of options: Add Sample Files these may be deleted via FTP if the option Allow File Deletion remains checked before your initial upload. Allow Creation Of New Folders. Allow Direct Links allows files to be downloaded directly. Allow File Uploads allows the user to upload.
Disallowed Files contains a list of potentially harmful files that may not be uploaded to the server. You may add your own definitions to the list.
The remaining FileMan settings are for the localisation strings that you may wish to alter.
It remains to be said that FileMan – a free download, BTW – can be inserted into an iFrame and lightboxed – as demonstrated below.
Do you remember Nimble Host's Sentry? It was a cross between an emergency failsafe and a time based publishing stack. You could switch stacks on, or off from any browser and could set the stacks to be displayed at specific times. I purchased the stack, but only used it two or three times.
When Jonathan turned his attention to things other than stacks, Will Woodgate took over the Nimble Host stables and they were integrated into seyDesign's website. Will has just updated Sentry and the stacks now carry the title Sentry CMS.
Compared to other, similarly priced, solutions, Sentry is amazingly simple to set up — specifically, there is nothing to set up!
If you've placed the necessary stacks on your page, the setup is automatic.
Sentry is now composed of four stacks. The first is Sentry CMS Base which should only be used once on each site, it should be placed on your homepage. Sentry CMS Base is the stack that is responsible for the whole CMS setup. However – all you have to do is add accounts for as many users as should be allowed to edit the published site. Up to ten users can be added and to set them up, all you need to define is a mail address and a password for each of them.
If you're feeling lazy, the other settings may be ignored.
However, they do define how the editing interface will be displayed. You can, alter the description for each of the Buttons and entry fields – to change the language for instance. You can also set the colour for the Button Fill and the Button Text for the normal and hovered states.
The two Final check boxes will set a Simplified Editing Interface which will hide labels and coloured bars in the editing interface when enabled, and display a Data Download Link (which is displayed in RapidWeaver, not online). The Download Link allows you to make backups of your database and media at intervals of your choice.
Sentry's second stack is Sentry Display, which takes over the function of the old Sentry stack. This is the timebased publishing stack and the only settings in the new version of the stack are Timeframe: Display Always; Until Date1; After Date1 and Between Date1 and Date2. You can drop any stack into Sentry Display and it will not be visible on your website outside the dates defined. The Sentry Display can also be, activated and deactivated manually via any browser interface and, if you placed your content within a SentryEdit stack it can also be edited.
The third stack that Sentry supplies is the Sentry Edit Stack. This is the stack that your clients will find most valuable. The Sentry Edit stack is the stack that will contain the data that you will want to edit online. You can drop stacks with editable content – i.e. text and images – into Sentry Edit and, when you log in, the contents can be altered online.
Sentry Edit has just two settings in the stack interface. The first, Add Top Padding To Editor, will add padding to the editing box in those rare cases where the save button isn't visible. The second, Overwrite Online Edits. When the 'Overwrite' is activated, subsequent uploads from RW will overwrite any edits the client has made.
I can't tell you how many clients have wrecked a layout by treating a CMS system as if it were M$ Word. 'Of course, I always hit 'Enter' when I'm finished!' Oftentimes it's easier to start over than to try and rescue the edited version.
The final Sentry stack is Sentry Login. You will need a Sentry Edit stack on each Sentry page. The stack settings have a checkbox to Display Login Button; FA [FontAwesome] Login Icon; the Icon Position, for all four corners of the browser window, or As Positioned; and the Icon Colour for Normal and Hovered states.
The final checkbox is Soft Reload The Page and ensures that the current page version is displayed at login, not a cached version.
Upon Login, the user will see all of Sentry's editable stacks within the page layout. The Editor has a standard interface that is easily understandable and will allow you to set paragraph formatting for Paragraph, Quote and Headers 1—4. Bold Italic and Strikethrough. Links can be added as can images. Then we have Text Alignment and Lists.
When altering the Paragraph, Quotes, or Header, the theme font is always used and images honour the maximum width of the container. Just make sure that your client is aware of the fact that each Sentry container must be saved individually, there is no global 'Save' button.
You may be asking yourself, why Sentry doesn't require any setup. The simple fact is, Sentry utilises a SQLight database. It doesn't require you to set up a database individually – it can create its own database.
When you upload your Sentry website the first time, be prepared for it to take longer than usual. The database does, after all, need to be configured. Subsequent uploads follow at a normal speed.
Sentry is compatible with modern, responsive RapidWeaver themes. If in doubt, download the demo version and test it before purchase. Sentry is White Labeled. There is no indication on the webpage that you didn't build the CMS solution yourself. However, there is no immediate way to add your own logo.
seyDesign offers support for the first website [that might have problems] only. Support for subsequent sites is available at a charge. However, Sentry is so simple to implicate, that I hardly see any problems arising.
Oh, and one more thing. Sentry is much easier to use than Pagelime – both for you and the client. Instead of a separate container for each block of editable text,
you can drop in a whole Columns stack and everything within it becomes editable! And if you are coming from Pagelime – you won't need to replace all of your page lime stacks, just drop them into Sentry, their container and all (the screenshot above is all Pagelime stacks). The Pagelime stacks won't affect your Sentry editabilty.
Go forth and annotate those sites.
Version 4 is a FREE update for all existing users, available from your Paddle Account or by request via email. The magnitude of the changes in version 4 means that this update is not available via automatic updates inside Stacks / RapidWeaver. The update needs to be manually downloaded and installed after you've run a backup. Previous Sentry CMS stacks can be swapped-out for the new stacks and configured accordingly.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16