blog-tutorial-post-template

Blog

Snippets are code that can be saved in the Edit Mode of RapidWeaver and pasted into pages with an easy drag-and-drop functionality. These codes typically include, though are not limited to, HTML, CSS, JavaScript and jQuery. The code can have functionality purposed for a relationship between it and another addon, or the code can work independently regardless of any addon. When snippets are created they are stored as files and double-clicking new snippet files will automatically install them into RapidWeaver.

1LD Snippets

1. Locating Snippets Section

Click the Snippets button (example) at the top center of RapidWeaver’s backend (where you edit page content):

RapidWeaver 6 Snippets

This will open a pop-up menu (example) displaying any existing Snippets you have:

RapidWeaver 6 All Snippets

In this example you can see 2 snippets I have: Google Analytics code and Extra Content, which I use for one of my themes.

2. Adding Snippets

To insert this snippet I can simply drag and drop the code into any available section of my website. The section you drop the code into will at times be specific to the coding. Then drag and drop the code on your page or inside of your custom code section in the Inspector (as shown in the screenshot below).

RapidWeaver 6 JavaScript Section

3. Editing Snippets

In the bottom left corner of the Snippets pop-up menu you will notice 2 icons. The one shaped like a Gear will provide 3 options (example) when clicked on:

RW6 Snippets Gear Drop Down

“Delete Snippet…” is self explanatory. “Edit Snippet…” re-open the menu that appears when you first create a Snippet and can be used to make changes.

“Reveal in Finder…” opens the Folder where the Snippets are saved as files. This is handy to note as you can install Snippets as files as well (simply place the file in this folder, though it must be created as the same format of course).

4. Creating Snippets

The icon next to the gear, the “+” icon, will create a pop-up menu when clicked (example):

RW6 Create New Snippet

Simply name the Snippet, though I recommend creating a name that is semantically easy to identify for later use (such as the basic function and if it is used within any particular addon).

Then insert the code in the code section. After the snippet is saved it will appear in your Snippets list and can be dragged and dropped into any available RapidWeaver sections in the backend.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software