In this video, learn how to add a blog to the website along with your first two blog posts.
- [Instructor] The first thing that I'd like to do is I'd like to add a blog to an existing Squarespace website. This website is the Topsy Turvy Cake Design website, you can watch me build this entire website if you take a look at the course "Squarespace Essential Training, The Basics," which is available in the library. So I've already walked through how to build this entire website, and as you can see here, there's already a homepage, there's a portfolio, there's ordering information in a contact form, but we don't have a blog. And that is the first thing that I'd like to add to the site. Blogs are a useful way of keeping your website's information interesting and fresh. A very active blog might post a few times a day, but your blog doesn't have to do this, a few times a month is generally sufficient for keeping a website interesting, and keeping the traffic coming back. If you post on the same day every week, this also helps in building an audience as they will visit regularly to get your new content. When planning your blog, think about content you might want to post on a regular basis. Sometimes companies talk about what's happening with them, or the industry, sponsored events, or notable employee highlights. In the case of Topsy Turvy, there's two topics that come to mind. One is general information about cakes, and the other is recipes, everybody loves recipes. So let's create a blog that features both of these things. So we're going to start by going on over here to our main navigation, that is from the pages navigation right here on the top level of your Squarespace site. And you can go ahead and click on a plus sign here. And you'll notice one of the collections that we have here is a blog, and that is in fact what we're going to add. So it's going to offer us the ability to add a blog. And then we have a whole bunch of different formats and layouts that we can choose to go with. These are just different designs that are just sort of depends on what it is that you like. One thing I will suggest is this layout over here is called the so called masonry layout. This works really well if you have pictures of different dimensions, as is likely the case on a blog, you probably don't always have a consistently sized image. And if you're looking for something that's scannable anytime you can put things in columns like this, that is always a helpful thing. But if you're doing a photography blog, you might want a really big photo. I'm going to go ahead and choose blog number three here, it's going to create a page for me called blog three, I'm going to change that to just plain or blog and hit Enter. And that will drop me into these blog posts. I'm going to go back to pages here and just reorder this a little bit. I'm going to put blog here, just ahead of the contact page. Then I'm going to click on blog again to go into it. And as you've seen before in Squarespace, this has got a series of posts that are already here for you by default. These are all of the possible blog posts, you can take a look at drafts of work, you can take a look at work that needs to be reviewed, it's possible that some of the contributors to your website can write content but not publish it. If that's the case, and you have things set up that way, this is where you would go to review before you publish content. And you can also schedule blog posts, that's why you'd find them here. I think what I'm going to do is I'm just going to go ahead and delete the blog posts that are put here by default. So all I have to do is roll over the picture and click this Delete button to do that. And then I can go ahead and start adding new photos to this website. So I'm going to go ahead and click the plus sign here. And this is going to give me the option of creating a new blog post. Inside of your exercise files for this course, inside of chapter one, this is the first video in chapter one, you'll see I've given you two text files here, you can go ahead and open those up. And these are our first two blog posts that we're going to apply to the website. I'm going to go ahead and go with DIY cake design, that's the first one I'm going to be putting in and DIY cake design is our title. So I'm just going to copy that and drop that on in here as opposed title, and then you'll see underneath we have the ability to right here. So I'm going to highlight the rest of my text that's here. Copy that, and then go ahead and paste here into this blank. Now as often happens as you copy and paste from a text file, sometimes the formatting isn't the best, and it looks like here, what's happened is that my text has wound up in the header sort of area here. So I'm just going to undo that paste that I just did and try again, click here in the right here box, there we go, that's much better. The other thing you'll notice, especially if you're copying from a text file, if you can click in between your paragraphs, this is an indication that the way Squarespace is going to see this content is basically as one giant paragraph with a double line break in between, sort of like two returns. And so if you get rid of that, and then hit return again for real, you'll wind up with a slightly larger space, but then you will wind up with a space in between that you cannot click inside of, that's an actual indication that we have separate paragraphs. And that is going to be helpful to you later, if you decide you want to put some photos inside of your blog text. So this is something that I usually do, I just look for this particular little annoyance and going ahead and hit those returns. Now that is a trend that you're going to see not just in Squarespace, it's a problem with lots of different kinds of web software. As you've heard me talk about before, we're not going to worry about formatting this or dropping in pictures right now, we're just going to plop our content in place, because if you can't see it, you can't format it. So the first step is just drop it in, I'm going to go ahead and say save. So you can see here that this is actually set to be a draft for the moment, and it's not actually published yet. And that's totally fine. I'm going to go ahead and add another blog post. This one is going to be our Victorian sponge cake. So I'm going to copy that title here. Drop that title on here, into the big title for the page. And then copy the rest of this information. And then back in my webpage here, click in my right here box and go ahead and paste all of that in place. So the next thing I'm going to do here is, once again, just as I showed you in the previous blog post, I'm going to go through here and clean up this formatting, make sure things are formatted correctly. One of the things I'm going be very careful to do is to make sure that for example, sponge cake is going to be separate from the ingredients underneath. The ingredients there, I might actually want to keep that spacing, but the word sponge cake, maybe I want to set to one of these headings. And then same with raspberry filling here and the topping. And then for the directions, I will go ahead and change that heading as well. And then finally down here when I get to the instructions, what I'm going to do is, I'm going to put each of these on a separate line, there is an option for setting this up as a numbered list. And you'll see that right here inside of your Squarespace editing bar. The problem with this numbered list is that I cannot go back and put photos in between each one of these items, if I leverage the numbered list, so I'm going to keep these as hand numbered instead and make sure that they're all separated by a solid paragraph, so I can add those photos later on. So I'm going to keep on editing this, I'm going to go offline finish editing up this post. You do the same, I'll see you in the next video.