Help: Public website and Page Editor

Only 2 minutes!

How do I add a public website to a workspace?

When a workspace is created, a default one-page public website (a landing page) is created with a logo and some sample text.

A free workspace has a standard LearningStone logo and background.

By default, the public pages are visible for the whole world. The information in groupspaces is only visible for the members.

Go to Settings > Public site > Edit Pages or choose the Options icon (three dots) on the page that you want to edit.

If you remove the public pages, only the Catalog will remain.

How does the Page editor work?

Public pages are useful for welcoming your participants or adding background information. Pages can be added to a menu on the left. The top page is always shown first.

Simply add some pages with “Add menu item” without publishing to see how it works. Each unpublished page is marked with an eye icon.

Choose “Edit” to start editing a page. You can add a title and start adding content. Click on the media-icon above the text to add an image or even video. Click on the image once it’s uploaded to set its size.

Once you have some content ready, click on the edit-icon next to each page and click on “Publish” and “Save and View”.

Each menu item and sub menu items are listed on the left. You can drag these menu items up and down with the dragging-handles on the left. Drag an item to the right to turn it into a sub-menu item.

Bekijk hier een voorbeeld: http://examples.LearningStone.com

Creating a responsive layout on a page

You can add content by adding some text in the editor on the right-hand side of the editor and then add a block with “Add Block” under the top text area. Blocks are useful for keeping content organized and can be dragged up and down to change the order. A list of blocks will form a page.

The top block is always full width but the next blocks can be set to 25, 33, 50, 66 or 75%.at the bottom of the block so that you can add two, three or four blocks next to each other on a large screen that will be under each other on a smaller device. This is called a responsive layout and is better than trying to create a layout with tables.

To see how it works, have a look at this example on a narrow page or on your phone. http://examples.LearningStone.com

Adding video and images

The page editor has lots of possibilities for adding documents, video and images, changing fonts etc.

Just choose the image icon in the page editor of a text field and e.g. add a YouTube URL and press “Try URL”. You can find a YouTube URL under the video on YouTube when click on “Share” (something like this: http://youtu.be/01-PqqifyjA ) or simply copy the URL from the address bar.

If you want to add images, you can choose on the same icon and then click Upload. After uploading, you can change the size of an image by clicking on it. You can choose between small, middle or large.

How do I add a wide image on the first page?

If you would like to have a full width image

on the first page you can:

·         Create an image of at least 900 pixels wide.

·         You can leave the page title empty but add a short title (used in the menu on the left)

·         Add the image to the page with the image icon.

·         Once uploaded, click on the image and choose “Large”. The image will become as wide as possible.

·         If you don’t want any margins, you can add <div class="body-media-large"> </div> around the image in the code.

What if the resolution doesn’t look right or if you don’t want any margins around the image

We have a work-around to skip the automatic rendering which can sometimes get in the way.

1.       Create an image of about 900 px wide. Make sure it’s not too large. A few Mb is fine.

2.     Assuming you have already uploaded an image with the previous method: choose the <> (source code) icon to see the underlying HTML code and paste this:
<div class="body-media-large"><img src="/media/inline/id/@@@@@" alt="" /></div>*

above the original code which looks something like this: 
<!-- z-media 9990999 {"align":"block","size":"large","crop":"","link":""} -->.

3.     Replace @@@@@@" with the ID, in this example 9990999.

4.       After checking if it’s all right, you can delete the old <!--z-media--> code and click on Ok.
Note: remove the class=body-media-large if you want some padding.

Can I use my own URL for the public website?

Yes you can!

OPTION 1: ask us to activate http://anyname.learningstone.com for any paid workspace account (replace ‘LearningStone’ with your platform-name if necessary).

“Anyname” can be replaced by your company name etc. This will switch to a LearningStone url.

 

OPTION 2: Use any other domain like http://learningstone.yourdomain.com or http://www.anewdomain.com
This will switch to a LearningStone url.

(replace ‘LearningStone’ with your platform-name if necessary)

Follow these steps:

STEP 1: Add the following CName record to your DNS or ask your systems operator to do this.

HOST: learningstone.yourdomain.com  (or a different domain) *

CName: www.learningstone.com.

TTL: 600

Note: most domain names systems need the period after www.learningstone.com.

STEP 2: Wait until the domain works (it will show the home page for LearningStone.

STEP 3:  Ask us to connect it to your workspace on LearningStone.

Just send us this text using the feedback function:

--------------------------------------------------------

Please add the following URL to LearningStone: http://learningstone.yourdomain.com*

and connect it to the following workspace: <the name of the workspace>*

--------------------------------------------------------

*replace with correct information

 

 

Add to Home Screen Cancel

This web site has app functionality. Add it to your home screen to use it in fullscreen.

1) Press the ‘share’ button
2) Press ‘Add to Home Screen’
Connecting...
Test your connection >