Overview

Text modules not only add text content to a page but include the ability to insert tables, images, videos and links.

Step-by-Step Guide

1. Log in to your SchoolLoop account, then click Site Center under the Toolbox menu.

2. At the Insert Module screen, select the "Text" tile.

3. Click inside the text box to begin typing.

• Use the buttons on the toolbar to format your text. 

4. Optionally, add a title using the title field on the toolbar. To keep your site 508 compliant, do not type in all caps. The Textmodule title is styled to appear in all caps, which is compliant.

Hints

• Hover then Click on the TEXT BOX FIRST because to Edit it jumps to the top of the Box - then scroll text to edit position
  
• When pasting text into the editor, it is best to use plain text and then format it using the buttons on the toolbar.
• Use the Source button on the toolbar to edit the underlying HTML of the editor. Only basic HTML is allowed when adding your own source code. (no script tags, etc.)

Overview

This guide shows how to add pages to the desired section of the site map.

Step-By-Step Guide

1. Navigate to the Site Center.
2. Select the folder (Minisite or Navigation Header) by clicking once on the site map. Note: If you need to drill down into subfolders, you may click on the folder icon to expand a section or use the small triangles noted below to expand or collapse the entire site map. 
3. Click the Add New menu and select Page. 
4. Enter the Page details.
   1. Give your page a title. 
   2. Optionally enter a short URL (e.g. health) 
   3. Choose where to place the page relative to the contents in that folder. Do not worry about this decision; the pages can easily be reordered later. 
   4. Select the SECOND layout. This can also be changed later.  
5. Click Submit. 
6. You will be routed to the page edit window where you can add modules for your content.

Confirmation

The page that you created will be added to the site map under Site Center.

Overview

This article will be used by agents who wish to know how to add a new module to an existing page.

Reference Information

There are several ways to add a new module to a page using SchoolLoop. When a user hovers the mouse pointer over a module, they will see plus signs above and below the module. These plus signs can be clicked to add a new module above or below.

​

If a module is selected, the plus signs will go away, but users can still click up and down arrows in the toolbar to add new modules above or below the selected module.

​

When a user clicks the option to add a module, the module selection window will appear.

Select the type of module you'd like to use, then click the icon to add the module into the page.

Overview

When content is copied from a web page, MS Word Doc, or PDF, unsupported styles may be included. To clean content of unwanted styles it’s best to start with a clean slate and then apply desired styles using the Text Module.

Go to Site Center to access the web page editing.

Text

Removes all styles, including those applied to tables:

1. Highlight everything in the module (use control+A)
2. Click the remove format button on the toolbar (Tx)
3. Manually remove any double paragraph breaks
4. Right-click the table
5. Select Table Properties
6. Choose the desired table format

Tables

Applies new 508 compliant styles and formats:

1. Right-click the table
2. Select "Table Properties"
3. Choose the desired table format

Overview

This guide illustrates the different methods in publishing news and events.

All users can publish news and events from their portal homepage. Webmaster may also post news and events from the Site Center and when editing News and Calendar modules.

Reference Information

Method 1: Publish from your Portal

• Select any of the options highlighted below.

• On the next page, complete the form (event pictured below - news is very similar) before clicking the Publish button. 
• The options available in the Audience list will vary by user depending on their role and rights.
• Webmasters will have the Website options as pictured below.

Method 2: Publish from the Site Center

• This method is available to Webmasters, Editors, and Contributors. 
• Go to the Site Center or any Minisite Center and click the tab for News & Events, then use either of the options highlighted below.
• With this method, you may only post news and events to either the homepage or a minisite.

Method 3: Publish from a News or Calendar Module

• This method is available to Webmasters, Editors, and Contributors. 
• When editing a page, select either News or Calendar Module by clicking on the module, then use the Add News or Add Event button on the Toolbar.
• With this method, you may only post news and events to the section where the module is located.

Overview

The File List module display files for download in a nicely styled list.

Step-By-Step Guide

1. Login to your School Loop accounts to access Modules.
2. Search for File List.
3. Files added to the File List are stored in the locker.
4. At the InsertModule screen, select "File List".

5. Give the module a title using the field in Toolbar. The text will appear in the module as a header in all caps.
6. Do not type in all caps as that is a 508 violation.

7. You can upload a file using the Add File button in the Toolbar, or just drag a file from your desktop and drop it onto the module.

8. Rename files by clicking on the name in the File List and renaming it.

• Repeat Step 4 for every file you have to upload.
• Reorder files by grabbing the three vertical orange dots and moving it up or down the list.

Hint

• After you have added files you can PREVIEW the PAGE - right click link (in browser) to get the Link URL (Copy Link Address in Chrome or Copy Link Location in Firefox) - and then you can use that to add link into context with the Link icon in the Text Module

Overview

In a wide column, you wish to insert a section with multiple columns - STICK WITH 50% 50%.

We have ONE Template and provided for ease of use with layouts that are predefined. These layouts can be customized to some extent, as the rows and columns can be altered. Columns can be inserted and sit above, below and even inside rows. You may need advanced rights.

Use Case

For example, add a two-column section below the title in the sample below.

• Select the module directly above or below where you wish to insert the new layout, then click the appropriate arrow icon on the toolbar (as pictured above).
• When the Insert module window pops up, select the Layout tab, then choose the 100% row module.

Hover over the newly added row to reveal the plus sign for adding a module inside the row.

• This time, choose the layout module with the desired number of columns (e.g. 50-50).

Add Content Modules

• You now can add modules as you would normally. For illustration purposes, we're showing additional text modules.

Add Padding

• In some cases, you may need to add padding around the modules in your newly added columns.
• To add padding, select the module, then use the Layer menu to choose the column above the module.

• Once the column is selected, check the box on the toolbar to Add Padding.

Make sure to Save your work when you are done formatting the layout.

Overview

The following modules will be available for web page editing in the School Loop website.

The Insert Module window

The Insert Module window appears when you click the option to add a module. It includes three tabs: General, Layout, and Carousel.

General

The General tab allows you to insert different types of content modules onto the page. These are the most commonly used modules.

Below is a list of module types and functions:

MAIN MODULES

Text

Post text and other content to your site. Includes a formatting toolbar with a variety of options. You can format text, create links, insert tables, post images, and more.

More info on Text

Calendar

A calendar displaying events you've published to the website.

More info on Calendars

File List

Post a list of file links. Upload files here or select from Locker.

More info on File List

News

Display News items directly on your page. News items are time sensitive with a Publish and Expiry date.

More info on News

Notes - used for Assignments at Elementary Level

Post Notes to your page. Notes are similar to News, but formatted more like a blog. They have a Publish date but do not expire.

More info on Notes

NOT SUPPORTED - OTHER MODULES -

Badge

An image that links to a page in your site, an external page, or a file. You can use our library of badge icons or upload your own image file.

More info on Badges

Button

Add buttons in various formats and sizes. A link in the toolbar.

More info on Buttons

Custom HTML

Allows you to enter your own custom HTML (recommended for advanced users only).

More info on Custom HTML

Image

Post an image to your site. You can drag images onto the page, select from files on your computer to upload or select from your locker.

More info on Images

Link List

Post a list of links. You can post links to pages in your site, external pages, downloadable files and more.

More info on Links List

Locker

Display the contents of any Locker folder. Updates dynamically with changes to the Locker contents.

More info on Lockers

RSS Feed

Display headlines from an RSS Feed.

More info on RSS Feed

Parent Square

Display headlines from a Parent Square RSS Feed

More info on Parent Square

Showcase

Use an image, title, text, and button to highlight and link to important news, programs, and events.

More info on Showcase

Staff Directory

Automatically display a list of registered staff, with links to email and websites.

More info on Staff Directory

Title

Display a header, editable in size from H2 to H5.

More info on Title

Twitter Feed

Embed your Twitter Feed directly into your page.

More info on Twitter Feed

Video

Display MP4 or MOV videos in your site.

More info on Video

Layout

The Layout tab allows you to insert new rows and columns into an existing layout. You can select from a variety of layout modules. Each module includes separated columns in various widths, allowing you to control the display of your content.

More info on Layout options

Carousel

The Carousel tab allows you to insert a slideshow into your site. The options in the Carousel tab provide different formats for your slideshow. You can change the format as desired after adding the carousel.

More information on using Carousels

Overview

The News Module adds headlines and news directly to your homepage.

Step-By-Step Guide

This is best for time-sensitive content. It has a publish date and expiry date. 

1. Log in to your School Loop account to access Modules.

2. At the Insert Module screen, click the "News" tile.

3. Here you can customize your module.

• Come back to this and change settings at any time by clicking Options up in the toolbar.

4. Rename Module on the toolbar (News and Headlines are popular options as titles). To keep your site 508-compliant, please do not type in all caps. The News module title will appear in all caps (it's OK).

5. Add News to your module. Click Add News button on toolbar.

Type your headline, body content, set publish dates and expiration dates, then click Publish. News will save automatically to your homepage.

6. News will appear on the module. Click on a headline to see the entire post.

• From that view, you can edit, copy or delete the post.

7. Posts will disappear after expiration.

Overview

The Carousel allows you to insert a slideshow into your site. The options in the Carousel tab provide different formats for your slideshow. You can change the format as desired after adding the Carousel.

Step-by-Step Guide

To add a Carousel to your page, follow these steps:

1. Log in to your School Loop account and access the Modules.

2. At the module selection screen, choose the Carousel tab and then select one of the available formats - PLEASE USE 16 x 9 Gallery.

3. A Carousel will be inserted into the selected location. The format and size of your selected Carousel may vary from the image below.

4. Add images and configure the Carousel. You will have different options:

A) Drag and drop to upload images.

B) Arrange the slide order by dragging the image thumbnails into the desired order.

C) Add a new slide.

D) Delete the selected slide.

Toolbar: Use the highlighted tools to set the Carousel's aspect ratio (size), slide transition, the duration between slides, and add navigation (arrows and/or dots).

5. Click on a slide (not the thumbnail) to select it and configure as follows:

• Edit the text on the banner or tissue, if available for your selected format.
• Use the Link icon on the toolbar to make the slide a link to a destination of your choice.
• Use the Crop icon to position the image inside the slide frame.

Notes

• You may drag and drop multiple images at once to quickly add multiple images to your Carousel.
• The text blocks in the banner, including the button, are optional.

Overview

This article will be used by agents who wish to restore the previous version of a page. SchoolLoop stores all published versions of every page.

Step by Step Guide

1. Go to the Site Center
2. Select the desired page
3. Click the More Tools button
4. Select History

A list of all available versions appears, then:

5. Select the desired version.
6. Preview the desired version.
7. If a version is to be restored, click the Make Current Version button.

Confirmation

The desired page version is restored after successfully completing this process.

Overview

under construction - as of 10/28/19

Step by Step Guide

Footnotes:
Project Summary/Update starting back on 4/19/18 Website Publishing Tool Upgrade

Help content based from School Loop