CEMET Website features

 

You can use the site wide text search to find things quickly:


General administration

Squarespace sites are split into two key areas for updating and administration: 

PAGES & DESIGN

'PAGES' is the area where all web pages stored and all on page copy and artwork are added and edited. 

'DESIGN' is the area where the site-wide look and feel is set and edited.

Please note: The design has be carefully edited to match the concept as best as possible within the system. Changes to this area take immediate effect.

'Site Manager' You will see this when you sign in each time.

'Site Manager' You will see this when you sign in each time.

 

Navigation and site structure:

  • From the SITE MANAGER, click on PAGES
  • Here you will see the page hierarchy, icons that are on the left-hand side are primary navigation items and icons that are indented are subpages or section to the icon to the left of them
  • You can see that lines are drawn between each icon to illustrate the relationship between them.

 

 

Main Navigation hierarchy structure

Main Navigation hierarchy structure

Site structure elements by type:

There are several types of site structure elements, theses are used to hold or link to content in a number of ways:

Page

Page

Folder

Folder

Index

Index

Link

Link

PAGE:

All copy and images are held on pages. 

 

FOLDER:

A folder can hold a collection of PAGES and LINKS.

 

INDEX:

An index can hold several pages that have the effect of being viewed as a single page.

 

LINKS:

A link is used to point the user to a page that is not directly listed as a MAIN NAVIGATION item. They can also be used to point users to an external web page.


CEMET Theme attributes

In this CEMET theme the last entry in the navigation will be converted to a 'pill shaped' button and will be treated slightly differently to the other menu items. Any listing that appears last will take on this 'pill' shape. 

UNIQUE TO CEMET THEME*

Most pages have edge-to-edge banners. To enable this most sections of the website have been created using INDEXes with multiple pages stacked on to of each other.

See example screen shot:

An example INDEX page showing stacked PAGES.

An example INDEX page showing stacked PAGES.


Editing pages

Editing pages can be done in a number of ways. 

Navigate to the page you want to edit using either the left-hand admin menu or using the website's main navigation. 

Once on the correct page you will see grey boxes appear on various areas of the page - like this:

Edit options on display when mouse pointer hovers over various site elements. 

Edit options on display when mouse pointer hovers over various site elements. 

When you click on EDIT in these boxes you will see the area selected for editing is highlighted. 

You can edit text and images from within this highlighted state. 

Editing text is simple. once a TEXT BLOCK has been selected for editing a new floating features bar appears providing text attributes; 

These are

  • BOLD
  • ITALIC
  • ADD A LINK
  • RANGE TEXT LEFT, CENTRE, RIGHT
  • NORMAL TEXT
  • HEADING 1

 

  • HEADING 2
  • HEADING 3
  • QUOTES
  • NUMBERED LIST
  • BULLETED LIST and
  • INDENTS.
Floating features bar

Floating features bar


Banner Area

There are several ways to use the Banner area at the top of the page.

 

Page Banner

In a Page, Blog List, Events List, Product List, or Album page, you can create a large banner in Settings (in Site Manager). Just upload a Thumbnail Image, and add your text to the Description field.

SETTINGS button is located at the right-hand side of each page in the Site Manager

SETTINGS button is located at the right-hand side of each page in the Site Manager

Settings button

Settings button

 
  • Bold text will become a Headline
  • Links on the last line will become Buttons

 

Page Banner Slideshow

If you want a large banner slideshow on Page Collections, you can place a Gallery Block at the very top of the Page, before all other blocks.

  • Gallery Block must be set to slideshow mode
  • As with Page Banner, putting bolded text or links in the description for each gallery slide will create Headlines and Buttons

 

Blog Featured Slideshow

Created a slideshow of Featured Posts in Blog List view by featuring individual posts. Your five most recent Featured Posts will automatically be placed into a slideshow at the top of the Blog List.

 

Blog Item Banner

In a blog post’s Item View, the post’s thumbnail will automatically be placed into a banner at the top of the page, along with the post’s title and your chosen meta info.

 

Simple Image Banner

Don’t want a fancy header with words and buttons? Just upload a thumbnail in Page, Blog List, Events, Product List, or Album, and it will be displayed in a thin strip along the top of the page.

 

No Banner Area

If you don’t want to use the banner at all, simply don’t upload a thumbnail, and it will not display.

 


Index

An Index allows you to stack multiple Pages on top of each other. Each Index Page will feature all the banner options available to other Pages in the site, including the Page Banner, Page Banner Slideshow, and Simple Image Banner options.


The Index also features a Fixed Navigation, which will appear after you scroll past the first Page in the Index. This navigation is only available while browsing an Index in Hayden.


Gallery Styles

Gallery Navigation – Determines the type of gallery image navigation is provided on the page.

Gallery Info Overlay – Select the type of display used for image title and caption.

Gallery Aspect Ratio – Controls the aspect ratio (width:height) for the gallery active slide.

Gallery Arrow Style – Determines the style of the arrows used to cycle through the slides.

Gallery Transitions – select the transition styles used to animate between slides being viewed.

Gallery Show Arrows – choose to use arrows for cycling through slides.

Gallery Auto Crop – choose to auto crop slide images to the selected ratio.

Gallery Autoplay – choose to cycle gallery images automatically without user interaction.

Gallery Loop – Enable a gallery to cycle through to the first slide after the last slide.

Gallery Autoplay Speed –Specify the speed at which the gallery pauses on the active slide.

Gallery Thumbnail Size – Control the height of thumbnail images when used for gallery navigation.

Gallery Arrow Background – Specify the color that is used for the shape of gallery arrows.

Gallery Arrow Color – Specify the color that is used for the arrow itself.

Gallery Circle Color – Specify the color that is used for the circle shape gallery arrows.

Gallery Info Background – Specify the color used in the background of the image title and caption. 


Event Styles

Event Time Format – Toggle between 24 hour or AM/PM for event times.

Event Icons – Enable icons on the address and event time display.

Event Thumbnails – Show an image thumbnail in list view.

Event Thumbnail Size – Control the size (ratio width:height) of the event thumbnail image.

Event Date Label – Enable date overlay on top of event thumbnail.

Event Date Label Time – Include the time of the event with the date overlay.

Event Excerpts – Show optional excerpt text of events on the list view when present.

Event List Date – Show the full event date (day, month, year) of the event on the list view.

Event List Time – Show the time range (start time-end time) of the event on the list view.

Event List Address – Show the event location address when present.

Event iCal/gCal Links – Show links to add events to Apple or Google calendars.

Event Like and Share Buttons – Show Squarespace simple like and share buttons on events.

Event List Compact View – Enable a simple stacked view of events in the list view.

Event Calendar Compact View – Enable a simpler calendar view optimized for smaller areas