Chacol.net Squarespace User Guide

Projects

  • To create a new Project, scroll down  and click on “+ Add Project” under “Projects” in the “Not Linked” section of the site back-end menu. Choose the “Gallery” content type from the pop-up, give a title to the Project and click Save. (Note: the projects are under “Not Linked” because we will add our own link to them later).  
     
  • Click on the big “Add Items” button to start adding images to the project. From the file menu popup, you can select multiple image files to upload at once. Don’t worry about the order of the images, as you can easily rearrange them. Squarespace will also reduce the file size while maintaining the original proportions.
     
  • After the files have finished uploading, you can rearrange them to suit your desired order by simply dragging them. The first image for the project is important, as it will show up on the site homepage. (You may want to check the homepage when you are done to see if the proportions of the image work well).
     
  • Double click on the first image in the project to bring up the item dialog box. In the text field, you can write a basic description of the project. Most of these description follow a standard format - Location, Data, and Date. See other projects for examples. Click Save to close the dialog box for the first image.
     
  • Click on each successive project images to add the text that will go under each image. Space under each image is limited, so there should be more than one or two sentences each.
     
  • You can click “View Gallery” and see the finished Project page to see what the finished project page looks like. If you are asked whether you want to save changes before nagivating away from the page click “Save.” When you are done viewing the page, you can click on the gear icon in the lower right to go back to the site back-end.
     
  • When you are done creating the Project page, you need to create a entry for your new Project in the Navigation. Under “Main Navigation” click either “Residential,” “Commercial” or “Institutional” based on the Project’s type.
     
  • Double click on the gallery of images to bring up the Edit Gallery dialog box. Click on the up arrow within a circle to add the thumbnail image for your Project. The image will automatically be cropped to a square.
     
  • Hover over the new thumbnail image in the Edit Gallery dialog, and click on the gear icon to bring up the Edit Image dialog. Click on the field below “Clickthrough URL” and then choose the “Content” tab. Scroll down and select the name of the Project you created. Now the thumbnail for the project will link to that project’s page.

Publications

  • To create a new Publication, scroll down  and click on “+ Add Page” under “Publication” in the “Not Linked” section of the site back-end menu. Choose the “Page” content type from the pop-up. For the Page title, use the format Publication Name - Month and Year of Publication and click Save.
     
  • Click on the prompt “Write here…” and change the text style to “Heading 2” from the popup menu bar. Write the title of the article on this line.
     
  • On the next line, choose the “Normal” text style and click the Italic button. Write the Publication Name, Full date of publication on this line (i.e. “New York Times, June 3, 2009”).
     
  • For the next line, deselect Italic to return the text to normal, and click the “Increase Indent” button to create blockquote. Here you can paste a good quote from the article. Important: Do not paste formatted text directly onto the page using Ctrl + V. Click the “Paste as Plain Text” (third from the right) button on the menu bar and paste your text into there. This will remove any formatting from the text you are pasting.
     
  • You may want to add another line attributing the quote to the article’s author. Right align this text. (Remember to de-indent the paragraph spacing after the block quote).
     
  • If there is a web link to the article, paste the URL on the next line. Make this a clickable link by encircling the text and clicking the Link button on the popup menu bar (after Italic), and then clicking on the text. Click “Edit” and paste the URL again in the link popup window.
     
  • On the next line, you are going to create some text that will you later delete. The purpose is to simply serve as a method to upload a PDF file to the server that you will embed below. Write something (anything), encircle the text and then choose the Link button from the popup menu bar. Click the text and click the “Edit” button. Choose the “Files” tab and then click the arrow in the circle to upload a new PDF file. Make a note of the file’s name. Squarespace will append an “/s/” folder name before your filename, so the filename you need will be something like “/s/myfilename.pdf.” After noting the filename, you can delete this text with the link.
     
  • Click the plus button on the left below the text area to create a new block on the Page. Scroll down to “Code” under “More” in the selection popup.
     
  • In the code popup window, paste the following, replacing “myfilename.pdf” with the name of your file:

<object data="/s/myfilename.pdf" type="application/pdf" width="800" height="600">
 alt : <a href="/s/myfilename.pdf">myfilename.pdf</a>
</object>

  • After saving the code you should see the PDF appear in a viewer momentarily. On browsers that don’t support this function, the PDF will be linked to.
     
  • If the article references a particular project, you should link to the project page below the embedded PDF. Click plus below the PDF and choose “text” to create a new text block. Write “Project Page: Name of Project” in the text block. Encircle the Project Name and click the link button from the popup menu bar to turn it into a link. Click on the text and click “Edit” and click “Content,” then choose the Project Page from the menu to link the article to the project.
     
  • After you’ve finished creating the Publication page, you need to create links to it from the Navigation. In the Squarespace back-end menu, click on “Publications” under “Main Navigation.” This page has both cover images and bibliography-style links to the publications.
     
  • Double-click the grid of images on the left side of the page to bring up the Edit Gallery popup window. Click the plus button to add a cover image for the Publication Page you created. These images are typically portrait format as you’ll see from the existing grid. Hover over your uploaded image and click the gear icon to bring up the Edit Image dialog. Click on “Clickthrough URL” choose the “Content” tab, and scroll down to link to the page you just created. After this you can drag and drop the image grid to rearrange them as necessary.
     
  • Create a text link to your page in the same format of the others already present. Click on the text block on the right side, and add your Publication in reverse chronological order (likely at the top of the list). The format to use is Publication Name (in bold), date of publication followed by the article title on the next line. Note: use shift + return to create a single-spaced line break between the publication title and the article title. Encircle the article title and click the link button on the popup menu bar. Edit the link to link to the publication content, just as the you did with the image in the publication grid.

Blog

  • Click on “Blog” in the menu on the Squarespace back-end.  Click “Add Post” to add a new post. Create a title for your blog entry.
     
  • The composer for creating a blog entry is identical to the tool used for creating pages on Squarespace. By default there is a text field, but you can use the plus button below it to add other types of fields. Use Image for a single image, and use Gallery for a configurable slideshow or grid of multiple images.
     
  • After creation, a new blog post will automatically be sent to Facebook and Twitter.