Layla's Style Sheet

This is heading 1

This is heading 2

This is heading 3

This is normal text

Links look like this.


Layla, Your site is built in a template called "Avenue"

You generally won't need to know that, but it could come in handy if you're chatting with SS support.

We are using the following page types: Index, page, blog.

An index page has special functionality. It's responsible for the "menu-style" pages where we're listing the books in your series. It allows us to deliver content that's a step away from the main navigation without losing the visitor in a rabbit warren of pages. She's always one click away from that menu (index!) because of that "back to agents irish and whiskey" feature at the bottom of the nested pages.

Another groovy thing about Avenue is that each page is capable of having unique header content. We're taking advantage of that on your two series index pages. Conversely, there is little point in editing the header of a "page" page. Because you can simply edit the main body of the page and accomplish all the same things.

Also

The picture of Relay and that specially styled text beside it are the result of using the "card" style for an image. If you just insert an image block, it won't look like that. But if you go to "design" and choose "card" you'll get that format.

LOGGING IN

To log in to your site, put in the address with /config at the end. You’ll be asked for your credentials. (Email address and password.)

Even after you get your domain name set up to point to your SS site, when you’re working on your site, you’ll see a different URL on the top of your browser, with .squarespace.com.  Don’t worry! This is normal. When you’re building links to your pages, use the pretty URL address you want readers to see. It will work, I promise.

Note: I am currently an “admin” for your site. If you look at SETTINGS=>PERMISSIONS you’ll see me in there. It is up to you whether to leave me in there or remove me.  After we’re done with the design process, I’d never fiddle without your permission.

THE BACK END

When you’re logged into SS you’ll see a menu on the left side. OR an arrow in the upper left corner that, when clicked, gives you that left-hand menu.

The menu choice you’ll use most is the top one: PAGES. That’s where all your site’s content is edited. When you need to add or change something, 90% of the time it will be in the PAGES part of your site.

When you click on PAGES you’ll see a map of your site. At the top you’ll see MAIN NAVIGATION and below it all your main menu choices, in the order they appear on your nav bar. If you were to grab any of these and move them, you’d see (after refreshing the page) that the order of the nav bar has changed to reflect your reordering.

That + beside the words MAIN NAVIGATION? If you click it, that creates a new page. The + to make a new page also appears below the items in any folders you have. But you may still drag something into or out of a folder at any time.

PAGE CONFIGURATION (THE "GEAR" MENU)

Hover the mouse over one of your pages. You will see a GEAR appear.  When you click on that gear, a menu appears on the right-hand side of the screen. There is some important stuff on this menu. There are three places where the name of the page appears: Navigation title, page title and a little further down URL slug. I find it helpful to keep these things the same. Your pages should be named in a way that makes it easy for you to remember them. So if you’re writing an email you can just tap out the address of the page you want to include without having to look at your website to see what the page is called.

And you will notice a check box for ENABLED. If you uncheck it, the page becomes invisible to the outside world, but not to you. It’s name will be grayed out in the menu so you’ll remember it’s not enabled.

Also on this menu is something called a thumbnail image. Since we're using the MONTAUK template, that thumbnail will show up if you post the page link to social media.

Tip: if you're ever getting unpredictable images on pages, check the thumbnail.

Also in this menu is the ability to add a password for the page. We’re not using that ability for anything right now, but if you ever wanted to create private content, that’s one way to accomplish it. You can password ANY PAGE on a squarespace site.

Most SS menus also have an ADVANCED choice. See it on the top right? If you find yourself needing to inject code on a webpage, it goes there. When would you do this? Facebook tracking pixels and conversion pixels spring to mind. Or third-party apps.

"NOT LINKED" PAGES = HIDDEN PAGES

Scroll down below this familiar map and find another list of pages under the heading NOT LINKED. These are also pages in your site, but they do not appear in the main nav. They are hidden!

So what’s down here? A few things:

1.  Stuff that’s hidden only because it acts as a reservoir of material that we’re pulling onto other pages. IE your gallery of cover images. You can see that the gallery is denoted by a picture icon instead of a page.

2. Stuff that's hidden because it's only meant for certain visitors--like reviewers who get ARCs, or people who are responding to a freebie offer.

3. Pages you're building that aren't ready to be put into the main nav. We can drag those suckers out of the NOT LINKED menu into the main nav whenever we’re ready.

In fact, the page you're reading right now is a hidden page.

EDITING CONTENT

To edit content, navigate to the page you’d like to update. When you bring the mouse over the content, you’ll see PAGE CONTENT: EDIT | SETTINGS. Choose edit. (Settings would take us to our configuration menu, the same one we activated with the gear in our pages menu.)

Now all the content that’s part of the main portion of the page is editable. 

1.       You can highlight text and then edit it. You can format text that’s already there.  Note: Squarespace gives us a normal text setting and a couple of heading selections. H1 is for big title text and H2 & H3 are usually medium-sized.

Note: Changing the color of these is a design function. Visit DESIGN and STYLE EDITOR to see how it works.

2.       Hover your mouse around the edges of objects and text and you’ll see insertion points appear! It takes a little time to get used to these and their functions. If you click to insert something you’ll get a vast menu of choices. SS is built to accommodate restaurants, artists, musicians, etc. So some functions like OpenTable won’t be useful. The choices you’re most likely to make are: text, images, buttons, spacers and lines. And products! The products you’ve already built are available to you for insertion on a page.

3.       Moving stuff around on a SS page takes some practice. Grab an object and move it around, watching all the places that SS volunteers to put it. The page will divide itself vertically into columns, sometimes with unexpected results. You can always hit CANCEL and then DISCARD to undo the mess you’ve made!

Squarespace offers you a tutorial on adding stuff (called blocks) and moving stuff. If you watch any Squarespace tutorials at all, watch these!!!

THE NEWSLETTER SIGNUP:

You have a hidden page at /signup where you can point users to sign up on your site. It's a Squarespace form connected to your Mailchimp list.

The popup, however, is run by a snippet of code which belongs to Mailchimp. It is editable by logging into your Mailchimp account (see "forms" under your list's name.)

If you ever want to delete the pop-up you would erase the big of code from your website's footer at SETTINGS > ADVANCED > CODE INJECTION.