PC_BuildYourWebsite_hero5.jpg

Resources for

Build Your Website Workshop

accessing your trial website

After you accept the initial invitation to be a contributor to your new website, you will need to either login with an existing Squarespace account (if you have one) or create a new one. Here is a walk-through about how to do that.

demo files used in the workshop

Lorem Ipsum text

Images

documents

Build Your Website Workshop Slidedeck

Helpful Squarespace Links

Squarespace Website Guide

Paraphrase's Guide to Free Vectors, Photos, and Fonts

common code bits

To link an email address: "mailto:emailaddress" (but without quote marks)

To link a phone number: "tel:0000000000" (but without quote marks)

Copyright in footer with dynamic year:

  1. create a new code content block
  2. paste in this code: "<p class="footercopy"> Copyright &copy; <script>document.write(new Date().getFullYear())</script>Name of Business | All Rights Reserved </p>

tutorials

working with content blocks, columns, and rows — great general overview from Squarespace

moving content blocks

creating columns and rows

 

setting up a multi-column page

 

Why are columns of text and images on a page different widths? 

To keep columns evenly sized, you'll need one of these numbers of columns per content area: 1, 2, 3, 4, 6, or 12. Note that 5 columns across or 7 through 11 columns across a page will have varying widths. Why? It has something to do with how the templates are structured and how the page has to breakdown gracefully with moving to smaller screen sizes.

 

working with multiple images