Rock U - Websites - Adding Pages and Blocks v13

Transcribed Video Content

In this video, we're going to show you how to add new pages to your website, both your internal and external website, and then how to add blocks onto those pages. Let's dive in. For this scenario, let's pretend that HR comes to you and they want to add a holiday schedule to Rock underneath the Internet link. So over here under Internet, under office information, they want to add a holiday schedule page. Now there's a couple ways that we can go about doing this, but the method that we'll show you here works for your internal site as well as your external site. And you can add a page by going to admin tools, CMS configuration, pages. And, again, in this case, we wanna add a holiday schedule page under intranet, under office information. So we're gonna start this is our internal site. So we'll start here with the internal home page, and we'll expand that. And then there's our intranet page, and we'll expand that. And then there's office information. And if we expand that, we can see, the three pages that are currently under office information, and that's and that's reflected over here. We have these three pages. So because we want our new page, our holiday schedule, to be under the office information, we're gonna click on office information and pull it up. And then we're gonna go up here to the plus sign near the top of the block, and we are going to select add child to selected. So we're going to add a child page to the selected office information page. And here we have our add page screen. At a minimum, all you need to do is give it a name. And so we'll give it a name, holiday schedule, and it'll populate the the page title and the browser title for you with the name that you give it. We'll we'll take a look at these settings and and some of the other page settings in just a moment. But for now, that's all we need to add our page, so we can just simply save. And right away, we can see our holiday schedule page under office information. And sure enough, if we navigate over here, we can see our holiday schedule page. So let's go ahead and, head over to that page. And as you can see, right now it's blank. Our next step is going to be to add blocks to this page so that we can get some content on the page. Now, are a couple different ways to do this, but probably the most common method is is to come here to the page we are, and then to go down to the admin toolbar and click on the page zones icon. So if we click that, kinda near the middle of these icons, all of the page zones for this layout are highlighted. And so each of these zones represents a place where we can put our blocks to actually build the page. And in this case, we're just gonna have a single block showing the holiday schedule, and we're gonna go ahead and add it to the main zone here. So, if I click that, and here we get a page that says, no no page blocks found. And that's true because we haven't added any blocks yet. To add a block, we're gonna click the plus button. And here we have the opportunity to pick what type of block it is that we want to add. And you can search you can scroll through the list, and then there's a search field here, so you can also search for the blocks by name. There's a lot of different blocks, and we won't cover them all here. But, for our purposes, we do want the HTML content block. And one way to get that added, because it is a commonly used block type, is to just click the button over here for HTML content, and that's all we need. That's the type of block that we wanna add to the page. Now, we also have the option of adding the block to the layout, which would apply this block to every page in your site that uses the layout that this page is using. You can also apply the block to the entire site, which would make the block present for every page across the entire site. Using the layout and the site methods are are pretty rare, because typically the block that you want to add, you just want it for a particular page. You might use the layout or the or especially the site options if maybe you have, header or footer content that's that's gonna be the same for every page that you visit, something that. But for now, we just want this block on our page. And we want the HTML content block, and that's what we have selected. So we can save, and then hit done. And we don't see anything at first because we haven't actually added any content to our HTML content page. To do that, we'll come down to the bottom here to the block settings, and we'll click that link, and that'll give us the, the fly out for our HTML content block, at which point, we can edit it. So in this case, we can edit the block, and here we can add, , our holiday schedule. Now, this is in the code editor. So if you're familiar with HTML, you can do things , , make this an h one, and then have your, , text underneath. And we can save that, and it'll render on the page exactly we typed it. If we go back in, on the other hand, you can use this button to the far left here to switch over to the, what you see is what you get editor. And this opens up all of the buttons along here where you can add styling or merge fields or images, and you can add all kinds of things quickly and easily using the what you see is what you get version of the editor. And so for now, we're just gonna leave it at that. You could spend all day adding content, but, we've got our block added to our page. And at this point, let's circle back to the page properties, which you can get to for any page by going down to the admin toolbar and clicking the gear icon. And this will bring up the page properties, which we saw a little bit of when we were first adding the page. You have your internal name, which is typically only seen internally by, , admins and stuff. So you typically don't have to worry too much about the internal name. Then you have the page title, and that'll show up on the page. You can see a little bit of it poking out behind this this modal here, and this will be what appears on the page. And in fact, if we change that, you'll be able to see it. And then you have your browser title, which is, , the little tab, up at the top of your browser, what the title of that tab is is gonna be. And in this case, we'll just leave it as holiday schedule. And if we save that, you can see my change immediately here to the, to the page title where we added that page piece. Under the display settings, you can choose what to show on the page. And you can also choose when to display this page in the menu. So for in this case, have when allowed. So you'll see the page in the menu as long as you have access to the page. But we could also change it to always. And we might want to use this if, , say if it's a page that, somebody needs to log in to be able to view, but you wanna still make it visible to them even if they can't view it without logging in. So you can have it display always, even if the person doesn't have security to it. And then when they click on it to try to get to it, it'll prompt them to to log in. Or you can choose never, in which case, the page will never be displayed in the menu navigation. And that's useful for pages that aren't meant to be directly navigated to. , they might be pages that you redirect a person to or that they get sent to after filling out a form, or something that. So you have that option. And under the advanced settings, most commonly what you'll be adding here are, page routes, which are friendly names for the page and it makes it easier to navigate to them. So for this case, we might want to add a page route of holiday schedule. And what that'll do is anytime we go to, , your site.org/holidayschedule, it'll bring us to this page. One other item to note under the advanced settings is the force SSL. This is off by default, but it's really nice for if you have a page a giving page, where you really have to have SSL on when you need when you need that security. So in this case, we can leave it off, but just be aware of that because sometimes you'll want it on. Next, let's look at a different way to add a page to your site by using the, external page as an example. So let's head over to the connect page. And let's say that we're gonna add a singles ministry page to this lineup here. So we could go in through the internal site and go to CMS configuration and pages and, , we did for the holiday schedule. But we also have the option of coming to the parent page where we wanna add our our our child page to, and we can go down to the admin tools and click on the child pages icon. And once you do, you can see all of the the child pages that are underneath this page. And if you'll notice, these pages here match the lineup along here. So those are our child pages, and we want to add one. We wanna add a new page for our singles ministry. So we're gonna say singles ministry just for our purposes. And then we're gonna click add, and then there it is down at the bottom. And if we click done, we can see our singles ministry subpage has been added to the list. But that's not all we can do from the, child pages area here. You can also take and shift this so that it appears differently within the list. So now we've moved it to be right below small groups. And if we click done, you can see it's been moved. So let's go ahead and go to our singles ministry page. And here again, we're gonna just add a simple HTML block. So we'll use, we'll access the page zones, which you'll notice are a little bit different compared to what they were for the holiday schedule, because this is a different a different layout. And we're just gonna add this to the main section. And again, just we did before, we'll we'll hit the plus button. We'll pick HTML content. That's the block we're gonna add. We'll click save and done. And then now, of course, if we go to the block settings, down here in the admin tool, we can see our new HTML content block. And I'm going to actually, I'll get to the WYSIWYG. And let's see. I might want to we'll make this bold, and we'll make it header one. And that's all it takes. But I'm gonna go ahead and add a second block now. So again, I'm gonna go to the page zones. I'm gonna add it to the same zone, the main zone. And we're gonna add our our second block in the same way that we had added the first one, and it'll be another HTML content block. But again, you could choose a different block from from the list here, but we're sticking with HTML content for now. And then we can hit save, and then we can click done. And now, if we go to the block settings, we can see that we've got two blocks in this zone. They're both called HTML content. So, , actually, let's, let's go to the block properties for this, and I'm gonna and I'm gonna call this everyone, because this is gonna be content that everyone can see. And I'm gonna come down here and call this one singles leaders, because we want the content of this block to be restricted to only people who are leaders, of the singles ministry, groups, which we're gonna identify with a security role. So now we have these two blocks. And if we refresh the page, and then come down to our block settings, we can see the the title change. This is now called everyone, and this is called singles leaders. So that makes it a little bit clearer. And in fact, we're gonna put the, singles leaders. We'll open up the page zones here. We're gonna put that one on top. So just we rearranged this page originally, I'm gonna click and drag the singles leaders block up to the top. Click done. Might need to, refresh the page. And then when you do, if we look at our blocks, now our singles leaders block is up here, and we'll add some content. So now we've got our two different blocks, each with different content. And, I'm gonna pull up the the the block flyouts from the admin toolbar. And for our leaders one, I'm gonna go over to the, padlock icon to edit the block security. And I'm going to add the role of singles leaders. Rock U Video singles leaders. And I'm gonna move that up to the top here to allow singles leaders to view it, and then deny everybody else. So only the people in that role can view can view the block. And we'll click done. And, of course, we can still see it because, we're currently logged in as an admin. But if we were logged in as anyone else so here we're logged in as, Sam Hanks. And if we go to the singles ministry page, you can see Sam can only see, the content that everyone can see because he's not, a leader in that security role. And that's how you can add new pages and then add blocks to those pages. Of course, there's a lot of blocks in Rock that we didn't cover. So for each block, , make sure that, you check out its settings and its configuration to make sure it's the one you want. For more details on, managing pages and blocks in Rock, be sure to check out our designing and building websites using Rock guide posted to the community website. Thanks for watching.