Tutorials (made by GLYPH for ISLAA)


Tutorial 01

Change landing image
01) select ISLAA site
02) select "Pages"
03) select "Home"
04) select "Edit" on black bar above the image
05) select "Remove" to replace the current image
06) select "Add an Image," select the desired image and then click on "Apply"
    - Focal point can be modified by moving the open circle
    - Current "Design" settings should not be changed unless the design of the landing image and description text is to be modified

Change description text
07) highlight text and replace with a new copy
08) add a link by highlighting specific text and select the "Link" icon on the black bar
    - Select "Open in New Window" when link is to redirect users to a different site
09) select "Save" on black bar above the image

 

Tutorial 02

Change team member image
01) in the "About" folder select drop-down arrow
02) select "Team"
03) select desired team member
04) select "Edit" on black bar above the image
05) select "Remove" to replace the current image
06) select "Add an Image," select the desired image and then click on "Apply"
    - Current "Design" settings should not be changed unless the design of the image is to be modified

Change team member’s text
07) highlight text and replace with new copy
    - Text style can be changed by selecting the drop-down arrow next to "Normal"  on the black bar above the text box
    - "Heading 1, 2, and 3" dictates the size and weight of the text
08) add a link by highlighting specific text and select the "Link" icon on the black bar
09) select "Save" on black bar above the image

 

Tutorial 03

Add a "News" post
01) select "News" within the "About" folder to view the "News" page
03) select "News (Add new posts here)" within the "Not Linked" section of Squarespace’s Page panel
04) select the most recent post and "Duplicate"
05) insert title text within the text bar
06) highlight text and replace with the new copy
    - Text style can be changed by selecting the drop-down arrow next to "Normal"  on the black bar above the text box
    - "Heading 1, 2, and 3" dictates the size and weight of the text
07) select handle (line with almond shape on the far left) to insert image
08) select "Add an Image," select the desired image and then click on "Apply"
09) select "Edit" to resize image to 500x500px
10) select "Design" to remove caption below the image
11) select "Tag" to specify year
12) select "Category" to specify "News"
13) select "Save & Publish"

 

Tutorial 04

Add an "Initiative" post
01) select "Initiative” folder
02) select the most recent post and "Duplicate"
03) insert title text within the text bar
04) highlight text and replace with the new copy
    - Text style can be changed by selecting the drop-down arrow next to "Normal"  on the black bar above the text box
    - "Heading 1, 2, and 3" dictates the size and weight of the text
05) select handle (line with an almond shape on the far left) to insert image
06) select "Add an Image," select the desired image and then click on "Apply"
07) select "Edit" to resize image to 500x500px
08) select "Design" to remove caption below the image
09) select "Tag" to specify a year
10) select "Category" to specify which "Initiative"
11) select "Options" to change "Thumbnail Image"
12) select "Add an Image," select the desired image and then click on "Apply"
13) check "Featured Post" to display "Initiative" in the "What’s going on" section
14) Select "Save & Publish"

 

Tutorial 05

Add a "BACK" button and "SHARE" text to posts
01) select "Initiative" folder
02) select desired post
03) insert line
04) insert button
05) replace "Learn More" text with "BACK"
06) select small as size
07) link button "All" from Blog section as the clickthrough URL
08) insert space and decrease width by dragging cursor up
09) insert the text box and enter "SHARE," center text
10) press save

or

Duplicate a previous post that includes "BACK" button & "SHARE" text


 

REFERENCE LINKS