SEO Blogging Techniques Part 2. Course: RapidWeaver 8 SEO. Released: Nov 13, 2018. RapidWeaver 8.1.3 – Create template-based websites rapidly. February 1, 2019 RapidWeaver is a next-generation Web design application to help you easily create professional-looking Web sites in minutes.
Step by step directions on how to create visually compelling icon menus in RapidWeaver. Download the PDF.
1. Select your theme in RapidWeaver's Theme Drawer
Right-click to reveal the contextual menu, and choose 'Reveal Theme Contents in Finder…' (1). A new Finder window will open, displaying the core theme files.
2. Drag and drop your icons into the 'images' folder.
Depending on the theme you're using, the 'images' folder may be named something else, like 'editable_images', 'graphics', etc. Remember the name of this folder, as you may need it for the next step.
3. Open TextEdit, and type in this short HTML snippet
The %pathto()% syntax is a special keyword that RapidWeaver uses to create the URL to that image. Be sure to change the file name and extension (1) to match the icon you want to use. Then add the text you want displayed next to the icon for the page name (2).
If the folder you dragged your icons into (in Step 2 above) was named something else (like 'graphics'), you'll also need to edit the folder name in this snippet (3) to match.
4. Copy the snippet you created in TextEdit, and paste it into RapidWeaver as the page name.
You can also type in the snippet from Step 3 directly into RapidWeaver. But it's much easier to see and edit the snippet in TextEdit (or some other text editing program), and then copy and paste it into RapidWeaver.
5. Preview the page in RapidWeaver to see your icon menu
Congratulations, you now have a working icon menu! Repeat Steps 1-4 for the remaining pages in your site.
Enhance Your Icon Menu Further
This is what our completed icon menu looks like, after repeating Steps 1-4 above to add a couple more pages.
1. Increase the spacing between the icons and the page names
See how close the text and icon are (1)? Let's add some space between them, so it looks better and is easier to read.
2. Open the HTML snippet you created ealier, and add the following code
This 'padding' code (1) will put some extra space between your icon and text. You can adjust the value to something else – like 10px for example, rather than 5px.
3. Copy & paste the updated snippet into RapidWeaver, then Preview the page
You should now see some space between the icon and text. Repeat Steps 1-2 for the remaining pages in your site.
4. Finally, check if your theme has any specific icon-based menu features
The Dexture RapidWeaver theme from NimbleHost has a built-in option for an Accordion-style menu, which is perfect for creating icon based menus. Check if the theme you're using has similar functionality.
The Most Powerful Web Form Creation Tool for RapidWeaver®
DOWNLOAD FREE DEMONow with macOS Catalina Support
Screenshots
What's New! in Formloom 4
Rapidweaver 8
- UNLIMITED Sites / Forms 🔥
Unlike other web form 'services', you can use Formloom on all your web sites! There is no limit to how many forms or web sites a single copy of Formloom 4 will work with.
- Multi-Step Forms 🔥
Got a super long form? Well now you can break it up into multiple steps.
- Rules 🔥
Hide and show items based on the values of other items. Powerful conditionals are now in Formloom.
- Data Tables 🔥
Built in support to view and filter through data submitted into MySQL.
- New Input Types
We have added a bunch of new input types , including...
- Date Range
- Time Range
- Date-Time Range
- WYSIWYG HTML
- Signature
- Star Rating
- Range Slider
- Currency
- Security Question
- Mail Preview
Preview how your emails will look directly inside Formloom 4.
- Better Email Design
Formloom's new Email HTML wrapper will make any email look like a professional designed it.
- reCAPTCHA v.3 Support
Make sure humans are filling out your forms, not bots using the new invisible reCaptcha v.3
- Font Awesome 5
Complete Font Awesome 5 support for placing over 1400 different icons in your input fields.
- Darknesss!
Formloom 4 supports the new Mojave Dark Mode in RapidWeaver 8.1+
- Persist Data
Tell your form to hold on to input entries until the form is complete. Even when the page gets reloaded by mistake.
- Included Formloom Helper Stack
Using the Formloom 4 Helper Stack, you can now include any Formloom 4 form into any Stacks page.
- Added Style Settings
Design your form by choosing the colors, font and font sizes for your form.
- Improved UX
Things are looking really nice with the addition of full-screen functionailty, cleaner layout and retina optimized UI.
- Plus much more...
There are just too many things to list them all here.
Rapidweaver 6
Standard Features
- Totally Responsive
Formloom 4 has been completely rebuilt to output Mobile-First, Responsive HTML. Have no fear loading your forms on a phone, tablet or any mobile device.
- User Login
Password Protect your forms.
- Receipt Files
Attach files to receipts.
- Styled Form Breaks
Styled blocks of text inside your form.
- Validation Rules
Make sure you are getting the info you need with the many validation options.
- Required
- Email Validation
- URL Validation
- Date Validation
- Alphanumeric
- Value Equal To...
- Min Length
- Max Length
- Min Value
- Max Value
- Drag-Drop Templates
Easily create custom formatted emails using new drag and drop placeholders.
- Options Import
Quickly import options via CSV file.
- DKIM Support
Provide added validation for emails sent from your Formloom form using DKIM.
- Custom Classes
For all the power CSS users out there, we provide ability to add custom classes to your form inputs.
- Block Trouble Makers
Security feature allows you to block form submissions from specified email addresses and IP addresses.
- Tooltips
Place hover-tooltips on your inputs and position them to the top, letft, right, bottom and more.
- Masking Support
Make sure input data s formatted exactly how you need it by using the new masking feature.
- Multiple Recipients
Add multiple To, Cc, Bcc and Reply-To addresses.
- RapidWeaver Friendly
Seamless integration with Rapidweaver and your existing Rapidweaver based site.
- Customizable Appearance
Choose from hundreds of RapidWeaver themes to skin your form.
- Formatting
Flexible form layout and presentation options.
- Self Contained
Formloom has all you need to create ultra-kewl forms.
- Preview First
Preview your form prior to publishing.
- MySQL Support
Save your user's input directly to a MySQL database.
- Google Sheets Support
Save your form input directly to a Google Sheets (spreadsheet).
- Email Templates
You decide how emails are formatted via templates.
- Localized by You
Formloom lets you change the text values on everything.
- Locked Down!
Filter out possible malicious form injections.
Rapidweaver 8 2 12 Inch
RapidWeaver® is a Registered Trademark of Realmac Software Limited.