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:
View page you want to edit
Click EDIT button top left corner
Click within the area and a text menu option will appear
Click the Pencil
Make changes,
Helpful icon is the Undo button next to EXIT.
click SAVE (often)
Once done click EXIT
Add a new Text item to page, separate to existing:
click within section
Click Add Block
Choose Text
A box appears with “Write here….”
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
Go to Pages panel and view a blog where you see the list articles (example, 1980s - you see the list of articles underneath 1980)
Click on Settings
On default window that pops up, scroll down to Author and change to ESFC.
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
To add a name to a gallery picture:
Open page, click Edit
Click within the Gallery (hover over pictures)
Click on Pencil
The Gallery box appears where you will see all of the pictures.
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)
the Edit Image box appears. Input the name into the top white box (where it says Enter an image title…) only input the title
Click Save
In the Gallery box that appears, in Design click on Show Title
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:
Open page, click on Edit
Click with the Gallery
Click on the Pencil
in the Gallery box, you will see the pictures
Scroll down in that box until you see the “Upload Images”. click “Upload Images”
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)
Once uploaded - if you are using Crop Images, you can control what part of the image appears by dragging the image focal point
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.