Notes for Walter and others that may help.
We’ll use this page for quick reference - it doesn’t contain all you need to know to build just key things. When I can’t figure out how to do something, I’ll search google starting search with Squarespace. When looking at the results, we are using versus 7.1 There are a ton of Youtube videos also.

Practice Text box to edit content.

To make text changes when in a text box:

  1. View page you want to edit

  2. Click EDIT button top left corner

  3. Click within the area and a text menu option will appear

  4. Click the Pencil

  5. Make changes,

    • Helpful icon is the Undo button next to EXIT.

  6. click SAVE (often)

  7. Once done click EXIT

Add a new Text item to page, separate to existing:

  1. click within section

  2. Click Add Block

  3. Choose Text

  4. A box appears with “Write here….”

  5. Click within box and start typing.

The text box will most likely need to be moved.

  • Click off the text box, then hover once in the box where the icon becomes a hand. Click and drag the text box where you want it.

  • All items will snap to the grid you see when you move items.

Formatting text shortcuts

  • Bold Ctrl-B or command-B

  • Italics Ctrl-I or command-I

Edit Blog author

  1. Go to Pages panel and view a blog where you see the list articles (example, 1980s - you see the list of articles underneath 1980)

  2. Click on Settings

  3. On default window that pops up, scroll down to Author and change to ESFC.

  4. Close window

Key Points:

Fonts

We are using SS fonts and sizing. There are 4 Heading choices and 3 Paragraph choices.

Common Formatting options used (in the text menu bar):

  • Justification

  • Lists using Bullets or numbers

  • Color - the color palette of the website (maintained under styles) can limit choices if find the current color palette too restrictive, we can try other palettes - those are located when you click the Paintbrush

Paragraphs

The text box will word wrap. Click and drag the text box if needed. Use the Return key to start a new paragraph.

Spacing between paragraphs is preset something like 1.5 and 99% of the time no problem.

  • Word wrap is one line

  • RETURN is 1.5 lines

  • SHIFT-RETURN one line.

Our News formatting:

  • 1-2 word quick hit in Bold then Colon

  • The news item should be in normal font

  • example below

    • Erika interview: Erika will be interviewed by …

Page organization:

Sections: The pages are divided into SECTIONS. There are different types of Sections.

  • You can format a Section with background imaging and coloring.

    • the blue waves we have in sections are applied

      • click on SECTION

      • click EDIT SECTION

      • click BACKGROUND

      • click ART

      • Ours is 1st on second column

        • once applied click on the formatting button within the choice button

        • SURFACE HEIGHT = Low

        • PATTERN = Low

        • no motion

  • Formatting options vary depending on the type of Section it is. For instance a BLOG only allows color background and doesn’t provide option for background art

Blocks: Items within the SECTION are in BLOCKS. Frequently used on our site are Text and Image

  • Blocks can be moved around but snap to the grid which helps with aligning items on the page but makes it hard sometimes

  • To move several Blocks at one time, hold the SHIFT key while you click on the blocks you want to move

Add an article to a page

  1. using the left panel click on the section where you want the article to appear. For example, if you are adding an article to the 1970s, click within the left panel to the point where you see all of the articles listed down on the left hand side where 1970s appears at the top.

  2. click on the “+” sign to the right of “Blog content” (this opens a new page on the right side - the main screen)

  3. at the top of the screen type the year if known, if not known put 1970s. then choose a short name. Whatever you type at the top of the screen will be the text that appears on the article list.

  4. Once the title is done, then click below and add text or a gallery by clicking on the blue “+” signs that appear when you hover over the text box.

  5. Click Save often

  6. Once everything is uploaded, click Save, then Publish

  7. The item will now appear in the list to the left at the top - it will not have a picture

Add a picture to an article

on the left hand panel, click on the article you want to add the picture

to the right of the title (in the left hand panel) hover over the eclipse (…) choose Settings

In the box that appears you will see an option to upload an image…click there and chose the image you want to appear, once done select Save (note - you can change the focus of the image by moving the white circle that appears on the image when you hover over it.)

To change the order where the article appears.

While in the Settings window - click on Options

Click on Published - a calendar will appear. Choose a date that places it in the order you want - it behaves as a blog would so the earlier the date the lower on the list it will appear. Look at where you want to insert it and you can choose a similar date. You can also leverage the hour/mins. Ex: If 2 articles have the same date like June 11 - and you want your article to appear between them, look at the hour they were uploaded and adjust the time on yours to fit between them.

To Add to an existing gallery
(ex: like the Covers)

  1. Open page

  2. Click Edit

  3. Click within the grid of pictures

  4. Click on Pencil icon (that should appear in a mini menu bar that appears when you click within the grid)

  5. Now a Gallery window will appear on the right side of the screen. This is where you will upload the new images. Scroll to bottom of this new window and click on Upload Image (or the plus sign)

  6. Choose the image or images (several can be uploaded at the same time), wait for image(s) to upload.

  7. Click anywhere on the page

  8. exit

to change the order of a picture in a grid (gallery)

  1. Open page

  2. Click Edit

  3. Click within the grid of pictures

  4. Click on Pencil icon

  5. The Gallery Window will appear

  6. Use your mouse, to click on image and drag it to the desired placing. (Note - this cannot be done on an iPad)

  7. Once done click anywhere on the page

  8. Exit

To add a name to a gallery picture:

  1. Open page, click Edit

  2. Click within the Gallery (hover over pictures)

  3. Click on Pencil

  4. The Gallery box appears where you will see all of the pictures.

  5. In the Gallery box, hover over the pic you want to add the name, a very small, black mini menu appears within the picture - click on the Gear (looks like the commonly used Settings icon)

  6. the Edit Image box appears. Input the name into the top white box (where it says Enter an image title…) only input the title

  7. Click Save

  8. In the Gallery box that appears, in Design click on Show Title

  9. click outside the Gallery box

Gallery Box Design Options:

The early pages created used Slideshow - the downside of this approach is that you are unable to click to enlarge. We switched to using a Grid

Slideshow: Shows a large picture with thumbnails below. Direction arrows allow back and forward. Timing sequence can be applied (but is annoying after awhile.

Carousel: Like a Slideshow but a single vertical line of pictures that rotate by. It doesn’t always start with highlighting the first picture — found it annoying.

Grid: lays out all pics in the gallery in rows and columns. found this to be easier to use.

  • Aspect Ratio - determines the size of the thumbnail that appears on the screen - commonly used 1:1 Square and 16:8 Widescreen

  • Crop Images - helpful to have a standard size, but doesn’t show the entire image - most will click to enlarge so not a huge deal

  • # of columns - use the first slider - can go from 1 to 10. The more in the row, the smaller the thumbnail

  • Padding - left it as the default

Stacked: aligns pics on top of each other but it doesn’t allow for the lightbox - so tend to use Grid with 1 column (no crop) for the same effect

To add pic to Gallery:

  1. Open page, click on Edit

  2. Click with the Gallery

  3. Click on the Pencil

  4. in the Gallery box, you will see the pictures

  5. Scroll down in that box until you see the “Upload Images”. click “Upload Images”

  6. Find the picture file on your computer (must be a jpeg/jpg file format). Note - if you have several that are in the same location to add, hold your CTRL key down and click on each picture (to multi-select)

  7. Once uploaded - if you are using Crop Images, you can control what part of the image appears by dragging the image focal point

  8. Click anywhere outs the gallery box - exit

Note - changes to an existing gallery happen live, Save will not be an option if that is the only change you have made on the page.