Yellow Tree Tutorial

Liv provides a rundown of how to edit a website using Squarespace. She explains the main edit landing page and how to navigate through different sections and pages. Liv also discusses the use of sections, saving and adding them, and using buttons, accordions, and dividers. She emphasizes the importance of saving regularly and checking the mobile view for formatting. Liv concludes by mentioning the organization of content in the asset library and the footer section at the bottom of every page. She offers her availability to assist with any further editing needs. Hey y'all, it's Liv. This is a quick rundown of how to edit the site and just a general rundown of Squarespace for anyone that needs to work on the site. So we are in the main edit landing page. To get here, you're going to open the website, hit website, and then we're here. So just a rundown of how this works, so we got all the pages here. The main navigation is going to be what's up here. So everything that's under here is going to be linked. And then all this stuff is not linked, but it can be linked through links on the page. So we're at the home page. Whenever you're going to edit a page, you have to go up to edit, and then it opens it. So I created this site, basically everything is a section, which I find super easy. Sections are nice, you can move them up and down, look at that, very nice, cool. And what's nice about sections is you can save them, for example. So if I were to now edit a section, add a section here, save sections, look, that one's right there and I can just pop it in. I obviously don't want that again though, so I'm going to remove that. So same thing, I made these show placards, so let's say I like how this looks, so I'm going to save this section. And if I'm going to add another show placard, I just click here, and then I can just plug in everything I want and it's the same, really easy. You'll notice here I've added throughout the site these little yellow underlines. If you want to add these, you go to, double click all your text, go to this A with a scribble under it. I always do this second one right here, lowest thickness, that yellow color, and I sometimes animate it. You can turn the animation on and off. Whenever I animate it, it's .8 seconds, so that's just consistent throughout the site. Cool. So those are all the show placards, if you ever want to add more. Here's another section, and you'll just see all of these are just sections. So if you like one, you can save it and plug it in somewhere else. All this right here, I spent a lot of time on formatting, it's kind of wonky. I would recommend not messing with it. If you need anything, I can totally come in and fix all this. So just let me know. And then down here, this is an accordion. To edit an accordion, you click it, this little pencil button, and then you can edit the content from here. So there's the title, description, you can add in links, very nice. And then you can add items as well. Here are some buttons, you'll see there are some throughout the site. In order to add a button, up here, add block, and this is going to be where you can add really anything, but buttons here, cool, and then you can change the text of the button, and then you can attach a link. And then you can see there are a few button designs, nice, you can just edit those if you want. Overall, I like consistency, so you'll see I use the same buttons on the same section. All right, so that's the home page and a general rundown. Every time you finish editing a page, you have to click save, I've learned this the hard way. It will always prompt you to save if you try to exit without saving, but super important. I'd also just recommend on Squarespace, saving like every 15 minutes, because sometimes the site will crash, it's a whole thing. All right, so next we got a little drop down for the on stage. So these show pages you can see, they kind of all look the same. I did this on purpose. So you can just kind of go in here, you go to the settings button, duplicate page, confirm, and then we'll go to your unlinked pages. So it won't be shown on the site. Cool, and now it's just a copy of that page, and you can plug in all your stuff. And when you're done, be sure to go to the settings button, change the page title, and change the URL slug to whatever show you'd like, so it's easy to find online. All right, I'm going to delete that, don't need it. Cool, so these show pages, super easy. You can rearrange anything. All of it can just be copy pasted. I added a section, which this is in saved sections for the Women's History Month Collab. All right, and then the same thing kind of goes for all of these pages. They're very similar, separated by section. Oh, I'm going to add more shows down there, now we got more. And yeah, that's basically it. Again, same with the about section, our story. This is kind of cool, I'll show you this. You can change the background by going edit section, and you can even upload a video to be in the background. I could do an image, I could do art, whatever. And then this is another important thing. This changes the colors of the section, so you'll see, wow, now it's a different color. Oh my gosh, what was it before? Darkest to, yes, there we go. So this changes the colors, it's very nice. Here's another accordion. And then you can see throughout the site, I've also used these kind of curved dividers. In order to add one of those, you go to your edit section, go down here to styling, and you click on divider. I always do this kind of curved one, I thought it looked nice and it's consistent, so I mostly use that one. And you can go to the settings here. I always do the wide width, the large width, and then you can change the settings of the height and just flip it around. And then you can make it a different color stroke if you'd like. I like the yellow here, so I'm going to leave that, and that's it. All right, saving, saving, saving. Some other important things to note, oh, the past production page, that's a good one. Past season. So for Brandon, who's going to be going in and editing all of these, here's the big old page. So all of these little underlined guys are linked to pages. So in order to link something, you just highlight it, link it, and you're going to just link it to the URL slug that you make for the page, and I'll show you how to make these pages. These are similar to the other show pages, super, super easy. You duplicate the page, and then you plug in all your information. And then at the top here, I have, woo, a saved section, and it's just a button that goes back to the past shows. So yeah, that's kind of it. And again, you can find all the saved sections here. So like, here's that button one, for example. Here's the gallery at the bottom of all of the show pages, and these are just super easy to plug in. Here's like the sponsors, if you want to plug in that section, and yeah, super easy. I always just chose like a production photo, I really thought highlighted the production. All very simple here, you just follow the same formatting. You can add in reviews if you'd like, and here's the gallery, and then the sponsors exit. And then again, you're just going to really make sure that the URL slug is right there. You'll copy and paste that, and then when you go back to the past seasons page, when you're done with that said show page, let's say we just finished Violet. So I'd go in here, link the Violet URL slug, and then it will be available here to click on. So that's the archive stuff. I'm going to quickly show you how I've organized all of the content for this site, so I just went back, back, back. You're going to go to asset library. I've uploaded some new files, so not all of these are organized, I'll get them organized though. I've got everything in these folders, education, past seasons, headshots, yada, yada, yada. Past seasons, really important. You've got all the seasons, I separated everything by season, so season eight doesn't have any folders in here yet, but like season ten, for example, these are some of like the promo stuff, and then if you go in here, here are all the pictures for each production. So I've uploaded all the content and everything, and everything should be sorted. So I know that there's content prior to season eight, I haven't uploaded it on here yet, but you can just create folders and make that, and it will be all very easy to access. Cool. So yeah, when you're making like a past show page, for example, let's go to every Christmas story. Cool. So if I wanted to go in and replace, select from library, past seasons, season, we're on sixteen. I go into every Christmas story we're told, and then I can pick a picture. Actually, I'm going to choose a different picture, I don't like this one very much. Let's do, this one's sweet, let's do this. Nice. And then they're right there. Cool. And then I can put the little gallery down here. Nice. Awesome. Okay. Now we're going to get to the nitty gritty. The rest of these buttons and these pages are pretty much the same. It's like, it's a section, and you copy and paste the section, and there's a title, and yadda yadda. Here's the nitty gritty. Going into the mobile view. This is super important whenever you edit a page, before you exit and go about your day, to look at the mobile. So let's go home, for example. Everything now is looking nice on the mobile. It did not look nice before, so you kind of have to go in and reformat things, make sure things look consistent. But again, if you go into edit, this is just a section. There you go. And then I could add a section, and I have my saved section. Can I open my saved section? I guess I can't open my saved section, but anyways, this is basically it. So you just make sure everything looks nice and pretty on the mobile, and it's honestly, it's like a troubleshooting, like you test things and it doesn't work, and then you try new things and then it works. It's a trial by fire, for sure. Editing the mobile site is very trial and error, so it's figuring out what works on mobile versus what works on desktop. And that's it. This is one last thing. This is the footer. This is going to be at the bottom of every page. You can edit the footer here. I've really organized it nice, and it works well on mobile, so I'd recommend not moving anything around down here, but I think that's really about all I need to share with you all. Again, I will put this in the email, but I am super available monthly to come in and make any updates you need, but for now, that's just a general rundown of how to do this when I'm not available. All right. Thank you, guys. It's been a pleasure.