Notes for editors of this website

This page contains some hopefully helpful advice on managing the site. See below for:

  • Common tasks: adding and changing content; the announcement bar
  • Admin tasks: contributors, tags and categories, social media
  • Styles: colour palette and fonts

Log in to the site editing page here: https://streathamchoral-dot-com.squarespace.com/config/

Common tasks

Page management

Pages can be added and positioned in the navigation hierarchy just by creating them and dragging them into place in the Pages area. Some special things worth noting about pages:

  • You can set a page as not Enabled so that it can't be seen and doesn't appear in the navigation menus. It is greyed-out in the Pages area. Click the gear icon by the page in the Pages area and uncheck the Enabled button. This is good for pages under construction or those not intended for public view (like this one :) )
  • If you move a page to the NOT LINKED area at the bottom of the Pages area, it can be linked-to and will appear in search results, but can't be navigated to via the menus.
  • You can password-protect a page: click on the gear icon in the Pages area and enter the password. Admins and Content Editors won't need to enter the password; normal users will. 

Announcement Bar

Switch the bar on or off and edit its content and linked page using the "Announcement Bar" option in the DESIGN menu.

Blog posts

The site has a main blog and another members-only one in the For Members section. They both work the same way.  To add a post to either:

  • Select the blog page in the Pages menu area
  • Click the "+" button at top-right of the margin area.
  • Create the post using standard editing functions.
  • Save it as Draft initially, then Publish it when ready.

Other things you can do with blog posts:

  • Set up so that the posts are automatically also posted to social media.  Use the Social link at the top of the blog entry window to do this. (See below for setting up social media accounts).
  • Schedule blog posts to be published at future dates / times (e.g. 2 weeks / 1 week / 1 day before a concert).  To do this, click "Draft" at the bottom right of the blog editing screen when you create the post and select Scheduled. You can then change the date and time of publication to anything in the future.
  • Duplicate posts to save you typing them all again.
  • Set the author of the blog post. 
  • Set Categories and Tags.  See below 

diary entries / Events

To add a diary entry / event:

  • Select the "Coming Up!" page or other diary page in the Pages menu area
  • Either a: click the right-arrow next to the page (which shows a list of events), then click the "+" button at top-right of the margin area; or b: hover over the page and click "ADD EVENT" from the popup menu.
  • Set the start and end dates / times of the event
  • Write the event text.
  • Save it as Draft, then Publish it when ready.

Other things you can do with Events (rather like blog posts):

  • Post the event to social media. Use the Social link.
  • Schedule the event to be published at future date.
  • Duplicate events.
  • Set author.
  • Set Categories and Tags. See below.

Admin Tasks

Adding Contributors

There are 2 categories - site users and "basic authors".  You need to be an Administrator to manage them. To add a site user, invite them using the INVITE CONTRIBUTOR button on the Permissions section in the Settings menu. You give the users different levels of permission. Useful levels are:

  • Administrator: can do anything on the site. Probably best not to have too many of these
  • Content Editor: can change pages but not site settings
  • Comment Moderator: can manage comments on blog posts and events.
  • To add a Basic Author, click the ADD BASIC AUTHOR button.  Basic Authors can't log in to the site, but content editors can set them as authors of content such as events and blog posts. You can add details about them including a photo.

Using Categories and Tags

You can associate Categories and Tags with events and blog posts. Each events or blog page has its own set of tages and categories.  They enable users to search for or filter content, and for summary page elements such as calendars or blogs to focus on posts of particular types. The differences between Categories and Tags are:

  • Each item should have at most one Category which distinguishes it from other items
  • An item can have lots of tags which reflect reasons why people might be interested in the item.

You can add tags or categories when editing the blog item or event; or you can manage them separately for the page: click the gear icon against the page and select Advanced. You can delete or merge categories or tags.

The Squarespace help page on Categories and Tags is quite good: https://support.squarespace.com/hc/en-us/articles/205814438.

Social Media Accounts

Manage the social media accounts that the site is connected to in the Settings / Connected Accounts menu. You'll need a user id and password for each account linked. Once an account is linked, you can set up for events and blog posts to be posted there automatically.

Style Considerations

Make changes to the template, fonts and colours sparingly and in consultation with graphics experts.

Colours

Colours should be taken from the style guide.  Shown below for reference. 

palette.png

To set the colour of an item, open the colour editor in the Design / Styles menu and enter RGBA(rrr,ggg,bbb,1) in the box at the bottom, where rrr, ggg, bbb are the red, green, blue values from the table. (The 1 relates to opacity: lower values such as 0.5 make the colour see-through, which normally we do not want).

Fonts

The fonts in use are Libre Baskerville for headers 1 and 2 and banners; and Lato for body text.

Page Banners

You can add a banner to a normal page by selecting the BANNER option which appears when you hover over the page content. Or you can use a slideshow gallery as a page banner: this allows you to have auto-changing images with different text content on each one.

Banners have an overlay colour which you can change in Design / Style Editor using the formula RGBA(rrr,ggg,bbb,ttt). The colour should be one of the style guide colours; use the last entry ttt to determine how transparent the overlay is. Values of 0.2 to 0.4 seem to work best.