If all you need to do is edit text on Web pages, learning how to use LiveWhale takes only a few minutes.
Once you’re logged in, just click the “Edit Page” link in the top left corner of the page. (You’ll only see the link if you’re authorized to edit the page-and if the page contains editable regions.)
You will see areas of the page that have been predefined as editable regions switch into an editable mode. These areas will become surrounded by a box. Click inside any one of these regions, a toolbar will appear, and you can make the desired edits.
When you’ve finished making your page edits, click the Save and publish button. Your changes will be saved and published immediately. Click Save Draft to save a draft and resume work later without publishing. Upon returning to edit, you will be prompted whether you wish to resume editing the draft or edit the live copy.
Show a preview of the drafted content to other users, whether they’re LiveWhale users or not, you can distribute the public preview url associated with any drafted revision, available on the page history screen.
Note: If the web page you are editing is a detailed view of a content type item (a news story, event, etc.) and you have access to edit that item, you will get an additional “Edit this item” link in the editor toolbar providing quick access to edit the item in the backend administration interface.
The WYSIWYG (What You See Is What You Get) toolbar contains a number of useful buttons to style and lay out content. It is very similar to WYSIWYG toolbars in commonly used word processing applications or other software like WordPress.
Select the text to style, or place the cursor where to insert an element, and then use the WYSIWYG buttons to perform the desired action.
From left to right, these include:
When you enter text into the editable field, all HTML formatting will be done for you. If you enter raw HTML syntax, you must use the “Edit HTML source” button.
Additionally, any content pasted from Microsoft Word will automatically be cleaned up.
Client-side spell-checking in WYSIWYG areas on both the dynamic modules and the Pages editor is enabled–users of recent versions of Firefox, Safari, or Chrome will see misspelled words underlined in red and can right-click to see suggested corrections.
Users who are working with tables in WYSIWYG regions should note that right clicking on table elements, such as a table row, will bring up a custom contextual menu containing special table editing options. To use the built-in OS contextual menu instead (such as for spell checking), simply right click on an element that is not related to tables.
Note: By default, pressing Enter/Return when typing in an editable field will insert a hard return (i.e., a paragraph break). If you’re typing an address or other format where less spacing is desired, press Shift+Enter to insert a soft return (i.e., a line break).
To create a new page, an administrator must first assign page and directory creation permissions to you.
There are two ways to create a new page.
Sometimes—either through the LW interface, or directly on the server—you might delete a page by mistake. To restore it:
Click the trash can (top right, next to your Libraries) to view deleted items for your group.
Try these recommended search terms:
By Type: Pages
By Group: All groups
By Time: Deleted on any date
If you find the page there, check it off and use the dropdown to select “Restore” and click “Go.”
If you don’t find your page in the trash, check the File Browser under Superpowers.
Click the folder names to navigate to the folder where you want to look, and you may see a notice “We’ve found X deleted items in this directory. Show deleted items.“
Click “Show deleted items.” If your item is there, you can have LW restore it from the most recent revision.
Since LiveWhale 1.6.2, you can restrict access to certain editable areas to admins only. For instance, you might have a page with a main content area editable by everyone, but a sidebar you want only admins to edit.
You can accomplish this in two ways: globally, by adding the class “admin-only” to that field in your page template:
<div id="sidebar" class="editable admin-only"></div>
Or, you can restrict fields on a page-by-page basis by checking off the “Admins only?” option for that field when editing the page details.
There are several ways to add custom code to a page.
To add custom scripts or styles to your whole site or a large group of pages, upload them to your theme’s /styles or /scripts folder.
If you add the code into an existing site-wide include or template file, you could use XPHP logic to only show it for certain groups or directories.
Upload your custom code into a separate file and place it on a page with a File Widget.
All of the above constitute best-practices for including code on your front-end web pages. However, we know in real-world situations, sometimes you just need to put a little bit of code on a single page: a special tracking code, a bit of CSS, that kind of thing. So, in LiveWhale 1.7+, administrators have the ability to add custom code to individual pages from Edit Page Details.