UNL CMS Training April 15

Aaron Coleman Author

04/15/2025 Added

2 Plays

Description

Learn the basics of building a site in UNL CMS, including content types, components, media library and more.

Searchable Transcript

Search:

[00:00:00.960]And share my screen.
[00:00:02.640]All right.
[00:00:07.860]Can everybody see all the kids running out of the tunnel?
[00:00:12.420]Yep.
[00:00:12.960]This is the onboard site.
[00:00:16.540]So this is kind of our test site.
[00:00:17.980]If you logged into the site that I gave you access to,
[00:00:24.540]you'll notice when you're not logged in,
[00:00:26.880]it just looks like a normal website at UNL.
[00:00:29.760]And then when you log in,
[00:00:30.780]you'll see the administrative toolbar
[00:00:32.880]and these tabs along the right-hand side of the page.
[00:00:35.680]If you're familiar with the old CMS,
[00:00:38.800]it's very similar in some ways.
[00:00:40.680]If you're totally new to the system,
[00:00:42.520]hopefully this training will help you make sense of it all.
[00:00:46.900]And some people are tasked with building their own sites
[00:00:53.060]and then some people, other people built the sites
[00:00:55.960]and then they've been given access.
[00:00:59.520]So either one of those,
[00:01:01.860]if you're either one of those people,
[00:01:04.280]this training should give you the ability
[00:01:06.940]to kind of know where everything is on the site
[00:01:09.100]and hopefully get you comfortable
[00:01:10.720]with adding and editing content.
[00:01:12.340]So once you're logged in, you'll see all this stuff
[00:01:16.840]and we'll get to all these tabs
[00:01:18.000]and most of this stuff in the administrative toolbar.
[00:01:20.240]But I think the first thing we wanna talk about is content.
[00:01:23.340]So content is all of the information
[00:01:26.360]that you can add to your site, all of the content,
[00:01:29.280]right?
[00:01:29.420]So if I click content, if I just click content,
[00:01:34.700]this will take me to all the content on my site,
[00:01:38.700]whether it's a page that I added
[00:01:41.920]or I can come in here to my files and my media
[00:01:46.500]in these different tabs.
[00:01:47.640]And we'll get to all of these things in a little bit.
[00:01:50.720]So these are all the pages that have been added.
[00:01:54.100]If you want to add content to your site,
[00:01:57.040]you can hover over this and you can either,
[00:01:59.040]hover over that and then add these individual pieces of content,
[00:02:02.420]or you can click this add content button
[00:02:05.020]and then get a list of those pieces of content.
[00:02:06.960]I want to explain these a little bit.
[00:02:08.420]So I'm going to go ahead and click content, add content.
[00:02:10.640]So a builder page,
[00:02:12.820]this is kind of the page that you'll probably use the most often.
[00:02:15.620]It's kind of like two pages in one.
[00:02:19.620]And again, I'll get to that in a little bit.
[00:02:21.540]It's like a standard page.
[00:02:23.660]This replaces, if you're familiar with the old system,
[00:02:26.300]this replaces basic page.
[00:02:28.800]This is kind of like a basic page.
[00:02:30.440]And then something we call, you know,
[00:02:33.280]something that has this new functionality
[00:02:35.380]called layout builder in it, which is really cool.
[00:02:37.680]A book page is very similar to the old book pages.
[00:02:41.760]It's a way to create pages
[00:02:43.720]with built-in navigation on the side.
[00:02:45.440]A news item is exactly what it says it is.
[00:02:48.380]You can add pieces of news to your site.
[00:02:50.160]A person is for managing bios.
[00:02:53.960]And then by managing those bios,
[00:02:56.400]you can create directories with those.
[00:02:58.560]And then a web form is any, you know,
[00:03:01.020]a web form where you would want to gather information
[00:03:03.400]from your users' fields.
[00:03:05.020]You can select what fields you want to get from people,
[00:03:08.260]and then you can gather that information
[00:03:10.640]and then download it later.
[00:03:11.740]So we're going to go ahead and start
[00:03:15.100]with some of these more individualized pieces of content,
[00:03:19.140]and then we'll come back to builder page
[00:03:21.080]because that's kind of like,
[00:03:22.200]we'll keep hitting that at the end
[00:03:24.600]because there's a lot to it.
[00:03:26.040]So first we're going to add person
[00:03:28.320]and I'm just going to fill out a couple of fields here
[00:03:34.060]so you can see what happens.
[00:03:35.040]So my display name here I'm filling out
[00:03:39.560]and then this is actually a directory reference
[00:03:41.760]and I'll show you what that does here.
[00:03:43.700]And it's actually an auto-complete.
[00:03:45.460]So I'm going to start typing my name
[00:03:46.860]and then you'll see it's going to search the system
[00:03:50.700]and give me this dropdown.
[00:03:51.480]So I'm going to choose my name,
[00:03:53.120]which also shows my UNL user,
[00:03:54.900]my UNL ID after my name once it's been selected.
[00:03:58.080]And then I'm just going to click save.
[00:04:00.040]I'm just going to fill out those two fields.
[00:04:02.120]And then you can see,
[00:04:04.880]even though I only filled out two fields,
[00:04:06.620]it's showing my name,
[00:04:07.900]which is what that first field was.
[00:04:09.680]And then it's pulling my job title,
[00:04:12.760]my affiliation,
[00:04:16.060]my address, email, and phone number,
[00:04:20.160]and then my photo.
[00:04:21.000]Those are all being pulled from directory.
[00:04:23.040]So directory.unl.edu is where you can manage
[00:04:26.420]your personal,
[00:04:28.040]information at the university.
[00:04:30.880]And just by filling out that directory reference field
[00:04:33.840]that auto-completed,
[00:04:34.700]it is pulling all this stuff in there about me.
[00:04:37.100]So if you want,
[00:04:39.040]so if I want to add a little bit more,
[00:04:40.440]for instance, you know,
[00:04:41.260]if I want to come in here and edit this,
[00:04:42.760]let's say for today's training,
[00:04:44.860]I don't like,
[00:04:45.580]I don't want senior web developer to be shown.
[00:04:48.480]I want it to be, you know, lead trainer
[00:04:51.200]because I'm running a training today.
[00:04:53.160]So maybe we're making a training website.
[00:04:55.560]So I'm going to put lead trainer.
[00:04:58.000]And by doing this, any of these fields,
[00:05:00.660]as it says in the title here,
[00:05:02.520]optional UNL directory overrides,
[00:05:04.120]these will override data coming from directory.
[00:05:06.820]So that's important because, you know,
[00:05:11.440]maybe you're creating a website
[00:05:13.820]for a committee that you're on.
[00:05:15.480]And maybe the person's role in the committee
[00:05:18.280]is not the same as their job title.
[00:05:19.920]So maybe they're the president of a committee.
[00:05:22.220]And rather than their job title,
[00:05:24.120]you want it to say president, you know,
[00:05:25.720]president of whatever committee website they're on
[00:05:27.960]on the directory page.
[00:05:29.300]So you would change that here.
[00:05:31.060]This is also very good
[00:05:32.400]if you have somebody from outside the university
[00:05:35.980]who does not have a UNL ID,
[00:05:38.100]but you want to add them to your site,
[00:05:39.700]you know, a visiting speaker
[00:05:42.860]or maybe somebody else
[00:05:44.100]that you want to have bio information on.
[00:05:45.720]You would not fill out this field.
[00:05:47.160]You would just fill in these fields
[00:05:49.100]and it would display the same way
[00:05:50.700]that what the information coming from the directory does.
[00:05:54.640]So bio, I'm just going to put a little sentence here.
[00:05:57.920]Aaron does training and develops sites.
[00:06:04.360]And then we'll click save.
[00:06:12.300]As you can see here, I used that override field
[00:06:20.180]and it changed my title from senior web developer
[00:06:23.280]to lead trainer.
[00:06:24.120]And then it added this sentence of bio information.
[00:06:27.880]So one thing you'll notice pretty quickly on this system
[00:06:32.160]is once I start adding this page and others
[00:06:35.200]is that there's no HTML involved.
[00:06:37.440]And that's one of the big, big difference
[00:06:39.360]between the old system and the new system.
[00:06:40.860]You don't have to know HTML.
[00:06:42.540]You don't have to know CSS.
[00:06:44.800]You don't have to know JavaScript.
[00:06:46.580]There's all these things built in,
[00:06:48.720]internal templates and things like that,
[00:06:51.120]things that you don't even have to worry about.
[00:06:52.740]You just fill out the fields, you enter your content
[00:06:55.100]and you can build these really nice looking pages
[00:06:57.840]and sites.
[00:06:58.440]So I added person
[00:07:02.460]and now we're going to kind of keep going through this list
[00:07:05.080]and then, like I said, we'll come back to builder page
[00:07:07.460]and we'll kind of keep hitting on that at the end.
[00:07:09.140]So now we're going to add a news item.
[00:07:11.260]And so news item is much like person.
[00:07:15.440]You don't have to know HTML,
[00:07:16.720]you just start filling this out.
[00:07:17.980]So we're going to say news item for April 15th training.
[00:07:25.080]And then there's a bunch
[00:07:27.800]of fields here for related to our news item,
[00:07:30.380]including an image.
[00:07:31.740]So anytime there's an image in any component or content type,
[00:07:36.440]you'll click add media.
[00:07:38.800]And this will open something called the media library.
[00:07:41.680]So the media library is in the new system,
[00:07:45.760]it replaces the file browser.
[00:07:48.920]So in the old system, we kind of had,
[00:07:52.440]you could create folders
[00:07:54.440]and then you could create folders within those folders.
[00:07:56.720]And then you could put files
[00:07:57.760]in those folders or images in those folders.
[00:07:59.700]And then you had to know what the direct reference
[00:08:02.940]to those images or files was.
[00:08:05.160]So you could even link them
[00:08:09.860]on the pages that you're building.
[00:08:11.200]Well, in the new system, it's completely different.
[00:08:13.640]We have this thing called media library.
[00:08:15.540]You upload both images and files into that media library.
[00:08:19.100]And then you can reference them on any pages
[00:08:23.920]or components that you're building later.
[00:08:25.360]So these are all images that I've uploaded
[00:08:27.720]in previous trainings.
[00:08:28.900]I will show you what it looks like to upload an image.
[00:08:31.320]So let's just do this one here.
[00:08:34.660]It's Nebraska Innovation Greenhouse.
[00:08:36.760]And anytime you add an image to media library,
[00:08:41.580]it's going to automatically ask you to add alt text.
[00:08:45.020]So we can say plants in, I don't know what these are,
[00:08:53.540]buckets, planters.
[00:08:57.680]In Nebraska Innovation Campus Plant Phenotyping Greenhouse.
[00:09:08.100]So when you add alt text, this is where, you know,
[00:09:17.380]you want to be descriptive of the photo.
[00:09:20.060]So this is for people who might be using assistive technology.
[00:09:23.820]And then tags, this is the,
[00:09:27.640]the other thing that you need to do.
[00:09:29.000]So this is so you can find this image later.
[00:09:31.580]And we have some documentation
[00:09:33.020]about best practices for tagging.
[00:09:35.380]We have some documentation for best practices
[00:09:37.320]about naming images.
[00:09:38.740]So you can see here, there's kind of a specific way
[00:09:41.400]that this image was named, which is called kebab case.
[00:09:45.000]You don't really need to know what that means
[00:09:47.400]other than it looks like a kebab, everything's lowercase.
[00:09:49.680]And then you have these dashes in between them anyway.
[00:09:52.640]So tags, tags should be, or generally tell people,
[00:09:57.600]is you should go general to specific.
[00:10:00.160]So when you're creating tags,
[00:10:03.080]we could say something like Nebraska Innovation Campus.
[00:10:11.400]So you can see I'm typing here and there is no tag
[00:10:17.880]that's already been created for that.
[00:10:20.320]So it's going to create a tag.
[00:10:22.200]I'm gonna hit a comma and I'm gonna show you what happens
[00:10:24.080]if there is a tag created.
[00:10:26.120]So let's just say this is
[00:10:27.560]a student project.
[00:10:28.520]So we'll just say student.
[00:10:31.720]So here's a good example of what not to do.
[00:10:34.480]So if say this was a student project or students,
[00:10:39.040]we have tags for student and students,
[00:10:41.600]which is very bad because in the future,
[00:10:44.560]if I'm looking for a photo with students in it
[00:10:47.560]and we have these two tags that are so similar,
[00:10:50.760]eventually you're gonna have these images
[00:10:52.480]that are over here under students
[00:10:53.880]and images over here that are under students.
[00:10:55.720]And it's gonna be very hard to find
[00:10:57.520]images because basically they've been split off
[00:11:02.520]into two different tags.
[00:11:05.800]So let's just say students,
[00:11:07.240]this might be a student project.
[00:11:10.480]We could say greenhouse, right?
[00:11:12.080]So you can see there's one for green space,
[00:11:17.160]but we want greenhouse.
[00:11:19.200]And then I don't think it's a terrible idea to do a year.
[00:11:21.960]So in the future, if you need to find all the images
[00:11:25.040]that have been added in one year,
[00:11:27.480]hopefully we never go through something like COVID again,
[00:11:29.900]but that would have been easy to find stuff in 2020.
[00:11:31.980]Maybe you need to replace people with masks
[00:11:34.600]for people without masks.
[00:11:35.940]But at any rate, putting a year on there
[00:11:38.460]isn't the worst thing in the world either.
[00:11:39.900]So we've got four tags on this image
[00:11:43.140]and we're gonna insert it.
[00:11:44.440]And then we're gonna keep adding information
[00:11:48.240]for our news story.
[00:11:53.100]So cut line, this would be a little bit more information
[00:11:57.440]than the descriptive alt text.
[00:11:58.560]So if you knew like what the plant study was,
[00:12:01.220]so you could say, you know,
[00:12:03.520]this is a corn study by name of professor
[00:12:08.520]trying to learn about whatever.
[00:12:16.020]This is obviously not great.
[00:12:18.400]You'd wanna be putting the specifics in there,
[00:12:20.440]but this is what I'm talking about.
[00:12:22.820]This would be the cut line.
[00:12:23.940]This is text that will show up by the image.
[00:12:26.400]So any more specific,
[00:12:27.400]details you can get in there are awesome.
[00:12:29.460]So photo credit, I don't know who took this.
[00:12:32.600]We'll just say Jordan,
[00:12:34.000]who's our photographer in university communication.
[00:12:37.500]So bylines, who wrote the story,
[00:12:43.460]and then text of the story.
[00:12:46.920]I'm gonna go ahead and go over to the lorem ipsum
[00:12:49.240]because nobody wants to see me type a bunch of text in here
[00:12:54.160]'cause it's just gonna be a bunch of misspellings
[00:12:55.900]and me backing up and trying to fix them.
[00:12:57.360]So we're gonna get four paragraphs.
[00:13:02.020]We're gonna post that in there.
[00:13:03.520]And so this is another really cool thing
[00:13:07.120]about the new CMS is it's very modular.
[00:13:10.540]So I'll show you several instances of this,
[00:13:14.180]but it's really cool insofar as you can create
[00:13:16.840]one piece of content like the person,
[00:13:20.380]and then you can reference it elsewhere.
[00:13:22.620]And then when you change it in the one place,
[00:13:24.900]it changes everywhere it's referenced.
[00:13:27.320]I'll show you what I mean by that.
[00:13:28.820]So we're going to say Aaron Coleman, which I just added
[00:13:32.340]myself as a Perferson reference earlier.
[00:13:34.660]So I'm going to reference myself.
[00:13:36.500]And here we can say related links.
[00:13:40.360]So this would be a link that would be related to this story.
[00:13:43.660]So we're going to go ahead and say--
[00:13:47.660]we're going to go Nebraska Innovation Canvas.
[00:13:54.760]And I can add multiple related links.
[00:13:56.520]Otherwise, we're just going to say
[00:13:57.280]we're going to hit Save.
[00:13:57.780]And we're going to see what our news story looks like.
[00:13:59.860]So you can see this looks kind of like a news story
[00:14:04.520]you'd see on Nebraska Today.
[00:14:06.240]So we've got our title, our byline, the published date.
[00:14:11.600]Here is the cut line and who the photo is by.
[00:14:16.640]Here is the contact, some share, the related links
[00:14:20.980]that was added, and then all the latest news stories
[00:14:24.180]are loading in here in the bottom of this.
[00:14:27.240]This is a news story.
[00:14:29.240]Again, it looks like a news story.
[00:14:30.620]We didn't have to do any HTML formatting.
[00:14:33.180]We just enter in the fields.
[00:14:35.560]So now I am going to go ahead and add a web form.
[00:14:47.380]So web forms work very similarly insofar as how they work.
[00:14:50.700]There's a little bit structurally different.
[00:14:52.540]So I'm going to show you how that is.
[00:14:55.040]So let's just say RSVP.
[00:14:57.200]We want people to sign up for training when they come to our website because it's a training
[00:15:01.420]site.
[00:15:02.420]So you can see this information here says web forms must first be created before referencing
[00:15:07.140]them.
[00:15:08.140]Well, so what does that mean?
[00:15:10.580]Well, in this new system, the form data or the fields that you're trying to, the information
[00:15:16.480]that you're trying to collect is separate from the page that they're attached to.
[00:15:24.620]So you create the fields that you want to collect the data of.
[00:15:27.160]And then you attach those to a page.
[00:15:29.480]And the benefit of that is in the past, and a lot of times we have people who say, can
[00:15:33.940]I clone a web form?
[00:15:34.940]And this was in the old system.
[00:15:36.080]You could not clone a web form.
[00:15:38.300]In the new system, you wouldn't need to clone it.
[00:15:40.620]You just need to create those fields.
[00:15:42.880]And then you could attach those fields to multiple pages.
[00:15:46.080]So this is good for maybe you have a conference that is yearly that you're collecting the
[00:15:52.940]same data from people.
[00:15:54.600]So rather than recreate the web form and try to go.
[00:15:57.120]In and recreate all the fields, you'd have all the fields that are created and you just
[00:16:00.940]attach those fields to a different page, or maybe it's quarterly or maybe it's monthly.
[00:16:07.020]And then the data for that web, those web form fields is attached to the page itself.
[00:16:12.360]So I'm going to show you what that looks like.
[00:16:14.280]We're going to select CMS training RSVP.
[00:16:18.120]These are web form.
[00:16:19.120]These are fields that have already been created.
[00:16:20.820]So we're going to save that.
[00:16:25.340]And then you'll see.
[00:16:27.080]We're referencing these fields that were already created.
[00:16:31.920]So the name, comments, your email.
[00:16:36.020]So these are attached to the page.
[00:16:37.540]If this form were submitted, the data would be here in this results tab.
[00:16:42.000]So how do you create the fields themselves?
[00:16:44.220]Well those are actually not in content.
[00:16:46.360]Those are actually in structure web forms.
[00:16:49.460]So it's a little bit different spot where you create the fields for the data that you
[00:16:52.320]want to collect.
[00:16:53.320]You can see we have several web forms down here.
[00:16:55.840]We have the CMS training.
[00:16:57.040]So I'm going to click build and we're going to add another field to it and then go back
[00:17:01.640]to our page and you can see that it attaches to that page that it's referenced on.
[00:17:07.000]So we're going to say, you know, we're going to add an element and this is a lot like the
[00:17:11.040]old system.
[00:17:12.040]You can just add elements, you know, let's just say, let's just say radio button, right?
[00:17:27.000]And we'll just say, does morning or afternoon training work best for you?
[00:17:37.040]So then we can say morning, afternoon, we'll save this and see it shows up here.
[00:17:50.120]We're going to save it and now we need to see, you know, we can make it so we attached
[00:17:56.960]these fields, the previous fields, the three to our page, but then we added a new field.
[00:18:01.880]So we're going to go back to content and this is the form, the page that we added it to.
[00:18:10.700]And so now we can see these new radio buttons that we just added are now attached to this
[00:18:15.120]page that we attached it to.
[00:18:17.000]So that's web forms.
[00:18:20.880]It's a little bit different, but it's actually beneficial because you can, you don't have
[00:18:26.460]to.
[00:18:26.920]Try to clone or rebuild forms if you just are collecting the same data all the time.
[00:18:32.840]So I'm not going to add a book page rather than add this.
[00:18:37.920]I want to show you what it looks like and how it's how your users will interact with
[00:18:45.680]it.
[00:18:46.680]So I'm going to go to wdn.unl.edu.
[00:18:51.140]And under documentation, I'm going to click UNL CMS documentation.
[00:18:55.480]So UNL CMS documentation.
[00:18:56.880]On the WDN website is documentation for the CMS, the training that I'm giving today.
[00:19:04.280]So this is all the documentation we have for the CMS.
[00:19:08.400]So as an added bonus, I was showing you this so you could see where the documentation was.
[00:19:14.500]But to reference this, all of this documentation here is in book pages.
[00:19:20.900]So a book page is a page that you will add, it's going to have kind of this
[00:19:26.840]main title. So this is the introduction to UNL CMS book, you know, and these are pages or chapters
[00:19:36.860]or whatever you want to call them in here. So and you can just kind of create a hierarchy in these
[00:19:43.820]in this side navigation. And then the side navigation stays with the user as they move
[00:19:48.980]through these book pages. So any book page in introduction to UNL CMS is going to have this
[00:19:56.800]navigation in it. So you can see, you know, these are the content types that we've been
[00:20:00.180]talking about today, book page, news item, person, web form, builder page.
[00:20:03.880]And again, we're going to get into builder page right after this. So then within builder page,
[00:20:10.000]this expands, and you can see all these different components that you can add to a builder page.
[00:20:14.840]So again, this is book page, book pages, you these are awesome for building structured content on
[00:20:23.180]your site where you want somebody to always have that sidebar navigation.
[00:20:26.760]So any sort of obviously documentation, they work well for that. They work well for
[00:20:33.380]you know, like bylaws. I've seen people use them for annual reports, because they're really good
[00:20:45.440]at structuring, you know, like if you have an introduction to your annual report, and then all
[00:20:50.240]the different things that you want to pull out in your annual report, you can embed videos,
[00:20:54.100]and you can put photos.
[00:20:56.720]And obviously, you can put, you know, headers and things like that.
[00:20:59.360]You can format all this information in a nice way so that it can be kind of become this robust
[00:21:07.040]section within your website that has its own navigation.
[00:21:10.520]So again, these are book pages.
[00:21:13.060]I'm not going to really go back to those any further in the CMS, but that's how they work.
[00:21:18.880]And again, that's a really awesome resource.
[00:21:21.180]Beyond this introductory training, there's a bunch of documentation for,
[00:21:26.680]all the stuff I'm talking about today, as well as a ton of other stuff we just don't have time to get to.
[00:21:31.520]So now we are going to go into BuilderPage, and we're going to start getting into the guts of BuilderPage.
[00:21:40.000]So BuilderPage is, I mentioned it's kind of two pages in one.
[00:21:45.980]And you'll see here, we're going to go ahead and add about the department.
[00:21:53.900]So about our department.
[00:21:56.640]And we're going to add a hero image to the top.
[00:22:00.840]So hero image is a big image.
[00:22:02.740]It's at the top of your page.
[00:22:04.220]Add a little bit of visual interest to it.
[00:22:07.500]And again, because I'm adding an image, it's going to ask me to load media library.
[00:22:12.400]So rather than upload another image, we're just going to choose one that's already been uploaded.
[00:22:17.700]So we've got this image.
[00:22:22.460]So this field here, this hero image.
[00:22:26.600]Image object position.
[00:22:27.600]You really only need to worry about these top six numbers.
[00:22:31.320]So if you think about object position, the best way to imagine it is to imagine a photo or a print behind a mat within a frame.
[00:22:40.820]So, you know, theoretically, your print or your photo can kind of slide behind this mat.
[00:22:46.980]So by default, let's say you had a photo with a horizon that was exactly right down the middle of the photo.
[00:22:56.560]So by default, that horizon is going to be right down the middle of your hero image.
[00:23:02.300]So this object position determines what part of your image shows through the mat of the hero image.
[00:23:13.340]So let's say you have a group photo with a bunch of people and their heads are right at the top of the image.
[00:23:18.740]Well, in that particular case, you would want to choose 50 percent, zero percent, because that would lock the very top of the image to the top.
[00:23:26.520]Of that mat or that hero that's showing through.
[00:23:29.080]Or maybe you have something at the bottom, like maybe somebody's, you know, reaching down to feed a squirrel on campus and the squirrels right at the bottom and you want the squirrel and your hero.
[00:23:39.860]In that case, you'd choose 50 percent, 100 percent, and then that would lock the bottom of the image to the bottom of the hero.
[00:23:47.200]You can see here, if I just kind of look at this image, the visual information is kind of right in the center.
[00:23:54.520]So we're not going to mess with it.
[00:23:56.480]I think maybe, you know, here's College of Business, if I'm not mistaken.
[00:24:00.720]There's a little bit more information, a little bit higher than that.
[00:24:04.900]So we're actually going to choose 40 percent, which is just slightly higher than the middle.
[00:24:09.180]And then the size is the medium.
[00:24:11.620]It kind of shows how much of the image shows through.
[00:24:14.720]So by default, it's going to be medium.
[00:24:16.340]You can make it large, show more of the image, or you can make it small and show less of the image.
[00:24:21.180]So I'm going to just type these in so you can see what they look like.
[00:24:26.440]Some of these are optional.
[00:24:30.900]The subhead and overline are optional.
[00:24:36.040]So we've created our hero.
[00:24:38.400]So again, we have our about our department page, and I'm going to copy a bunch of text, plop it in here.
[00:24:46.580]And then I'm just going to click save so we can see what it looks like.
[00:24:53.380]And then we'll come back and tweak our page a little bit.
[00:24:56.400]So you can see, you know, we're see, we can see college of business here in the stadium.
[00:25:03.400]It looks pretty good.
[00:25:04.340]I think that's probably pretty good, but on our page here, you can see edit layout revisions
[00:25:09.740]and replicate.
[00:25:10.260]So we were in the edit tab and this is kind of like where I've previously mentioned that
[00:25:16.780]the builder page is kind of like two pages in one.
[00:25:18.880]We'll get to this layout tab next, but I'm basically showing you, we can create kind
[00:25:23.380]of a nice looking page just by going in.
[00:25:26.360]Edit tab, which is kind of like the basic page functionality of our old system.
[00:25:30.760]So let me go back really quick.
[00:25:33.540]I'll talk about one thing.
[00:25:34.840]So you can see there's this gap over to the right here.
[00:25:37.840]Maybe we want to get rid of that.
[00:25:39.600]And maybe we want to add a couple more things to our page.
[00:25:42.840]So we're going to come in here and we're going to touch on some of this information over
[00:25:47.780]here.
[00:25:47.960]So let's say we also want to put this in the menu.
[00:25:50.680]So all this stuff on the right is kind of your administrative information for the content
[00:25:56.320]you're creating.
[00:25:56.900]So we want to put this in the menu.
[00:25:59.740]So we're going to add it to the menu.
[00:26:01.220]And this is what the title is going to be in the menu.
[00:26:04.700]Alias, you know, the system's automatically going to create an alias based on the title
[00:26:11.280]of the page.
[00:26:11.860]If you uncheck that, you can override that and create your own alias.
[00:26:16.140]Most of the time, it's going to create a nice one for you.
[00:26:19.480]So don't have to worry about that.
[00:26:20.680]If you need to create a URL redirect, maybe you're, you know, recreating a page on the
[00:26:26.280]system that had a different URL, you could add a URL redirect in there.
[00:26:30.040]Authoring information just shows who created the page.
[00:26:33.020]Promotion options, you don't need to worry about.
[00:26:35.160]We don't even use that.
[00:26:36.140]And then page options, visually hide page title is something we'll come back to.
[00:26:41.900]And then hide sidebar is kind of that big gap that you saw.
[00:26:45.820]So by default, if you create pages, you add them in the navigation, you just create basic
[00:26:52.480]pages like this.
[00:26:53.360]It's going to add a sidebar that looks a lot like that.
[00:26:56.240]Page navigation.
[00:26:56.940]We want to hide that.
[00:26:58.020]Let's say we want to add another header in here.
[00:27:03.840]Let's just say header to show you some of the formatting up here.
[00:27:08.040]So again, you know, you can create headers and create bullet lists.
[00:27:12.380]You know, you could, I could center that if I wanted.
[00:27:15.920]You can create quotes.
[00:27:18.160]And let's say we want to add another image in here.
[00:27:20.900]So here's how we pop into our media library.
[00:27:26.200]We're going to scroll down.
[00:27:27.680]Let's just choose this one.
[00:27:29.380]So I've added an image.
[00:27:32.920]Once it's in here, you can determine what the formatting is like.
[00:27:37.060]So narrow is kind of about half the viewport width.
[00:27:40.340]Default is whatever image size you've uploaded.
[00:27:44.120]And then wide is just going to fill the whole viewport.
[00:27:46.360]And then, I'm sorry, this determines how it shows with the text.
[00:27:52.580]So left and offset, centered.
[00:27:56.160]Offset is what we had.
[00:27:57.240]Left float, right float.
[00:27:59.420]We're going to do right float.
[00:28:00.920]I think that looks about the best.
[00:28:02.160]And then we'll call this page good, because we've got it added to the navigation.
[00:28:06.140]Got another image in there.
[00:28:07.440]Let's take another look at it.
[00:28:08.620]So this image, this page looks pretty decent.
[00:28:14.540]We'll come back to it a little bit later.
[00:28:15.840]I want to show you a couple other things.
[00:28:16.980]But, you know, we've built a page.
[00:28:18.860]We've added it to our navigation.
[00:28:20.020]And now we're going to add another builder page.
[00:28:24.160]We're going to keep reiterating the builder.
[00:28:26.120]Page thing.
[00:28:26.680]And now we're going to touch on layout builder.
[00:28:30.360]Just kind of some of the functionality of that.
[00:28:33.160]So now we're going to build a directory page.
[00:28:34.980]So we're going to say our trainers.
[00:28:38.160]And we're just going to click save.
[00:28:41.000]Because we're not even going to mess with this tab.
[00:28:42.700]Because we're going to jump right into layout builder.
[00:28:44.640]So layout builder is this tab.
[00:28:47.720]And so once I'm in layout builder, you'll see there's a lot of other stuff in here.
[00:28:56.080]This is just kind of a placeholder for the text area in the edit page.
[00:29:02.300]As is this menu.
[00:29:04.500]You don't really need to worry about those.
[00:29:06.660]It's just kind of a placeholder.
[00:29:07.920]But we're going to add a section here.
[00:29:11.360]So when you're in layout builder, this is kind of the powerful part of it.
[00:29:14.340]Anytime you add a section, it's going to ask you to add a layout for that section.
[00:29:19.460]We're going to go ahead and just do one column here.
[00:29:22.280]And then once you add a...
[00:29:26.040]Section, it's also going to give you the ability to customize that section.
[00:29:30.780]So the section is kind of the wrapper for this area that you're putting the content in.
[00:29:37.700]So you can change your background.
[00:29:40.080]We're going to go lightest gray.
[00:29:41.280]You can add a background pattern.
[00:29:42.900]And these background patterns layer over the different backgrounds.
[00:29:46.840]You can choose a container.
[00:29:48.980]The container is the width.
[00:29:50.220]So standard wrapper is going to be kind of the edge of the navigation to the edge of the navigation.
[00:29:56.000]Edge to edge is browser viewport edge to viewport edge.
[00:29:59.440]Spacing is the vertical height of that section.
[00:30:04.160]So by default, it's going to have kind of like a nice medium padding.
[00:30:08.160]You can remove or add extra.
[00:30:12.880]So this is actually a multi-select box.
[00:30:16.040]So if you hold down your command key, I can choose multiple ones or I can hold down the command key and I can deselect all those.
[00:30:22.800]So that is a multi-select.
[00:30:24.600]Again, we'll tell.
[00:30:25.960]I'll touch on some of this as I build more pages in Layout Builder.
[00:30:30.060]But we're going to add this section.
[00:30:31.300]And then anytime you add a section and a layout in that section, then you have the ability to add a component.
[00:30:39.660]So a component are sort of the pieces of the website that determine what your content looks like.
[00:30:46.840]If you remember when I was back in that documentation, there's a list of all these components.
[00:30:53.040]So there's all these components.
[00:30:55.920]There's all these components that you can add, and all these have kind of their specific use case,
[00:31:00.200]and they all have like a slightly different look.
[00:31:02.140]In this particular case, I'm going to click more.
[00:31:05.240]So the best way to think about this is these components right here that you see when you first click this
[00:31:12.740]is content that is going to be on this page and kind of embedded on this page.
[00:31:19.280]So this more is going to take me to a list of other items.
[00:31:24.260]And these are more kind of dynamic.
[00:31:25.880]Pieces of content.
[00:31:28.800]So this, if you think about that more, think about it as you are referencing either other
[00:31:34.660]pieces of content on the site that you've created, or you're referencing other pieces
[00:31:40.020]of content in other, online applications, web applications.
[00:31:48.280]So you can see here, we've got news aggregation and upcoming events.
[00:31:52.220]We've got people, uh, as I mentioned previously, we're going to
[00:31:55.840]build a contact page, like a person list.
[00:31:58.720]So we're going to actually do a people list here.
[00:32:01.720]So we're going to say lead trainer.
[00:32:05.980]And so these, this is actually referencing people nodes.
[00:32:13.060]So if you've added people to the site, you just reference them here.
[00:32:15.700]So this is again, when I added myself way back at the beginning of the training and
[00:32:20.800]we're going to do teaser featured here, and then we're just going to add this.
[00:32:25.800]So you can see it added myself here.
[00:32:28.760]We're going to go ahead and add another section and kind of go through this quickly.
[00:32:33.040]One column, leave all this default.
[00:32:35.880]We're going to add Saron and Eric who's joined us as well.
[00:32:39.460]So we'll add a component.
[00:32:40.900]We're going to go more.
[00:32:42.940]We're going to go people and we'll say other trainers and we'll say who we were added in
[00:32:55.760]training and Eric, and then we'll add this block, save our page.
[00:33:07.960]So we've got our trainers.
[00:33:09.840]You can see I added a background to this.
[00:33:12.060]It's slightly different person display.
[00:33:13.740]So it displays me a little bit different.
[00:33:16.320]These are our other trainers shows their information here.
[00:33:19.200]I'm going to edit this page because maybe we want this in the navigation as well.
[00:33:23.520]So I'm going to scroll down here, menu settings.
[00:33:25.720]And add it to the menu and click Save.
[00:33:30.800]So we've got our about page, we've got our trainers page, got our site coming along.
[00:33:36.500]And now we're going to add a front page to our site.
[00:33:39.780]And we're going to add another builder page.
[00:33:42.020]So we're going to go in here, add content builder page.
[00:33:46.840]And we'll just call this welcome.
[00:33:50.380]And click Save.
[00:33:52.260]And again, we're going to go right past the Edit tab, and we're going to go ahead and
[00:33:55.680]hit Layout.
[00:33:56.680]Because we want to start using some more of these components that I discussed.
[00:34:01.180]So we're going to add a section here.
[00:34:03.720]we're going to do one column we'll just do all this default we'll come back in here i want to
[00:34:09.820]show you some stuff so add component and we're going to do display banner so display banner is
[00:34:15.700]kind of like a fancy hero it's a big image that you can add call to actions and text over so we're
[00:34:21.740]going to just say well subhead i'm going to fill all these in so you can see what they look like
[00:34:26.160]so another image so we'll just pull one from the media library it's this one looks pretty good
[00:34:40.160]so again object position just determines what part of that image shows through
[00:34:48.380]bodies a little bit of text that can show up here you don't want to put too much but it's
[00:34:53.580]you know if you have a little bit of introduction text it's good so
[00:34:56.140]you know we do training and a little bit of
[00:35:02.500]so links this would be a call to action link so this would probably be you know if we're putting
[00:35:14.420]this at the front page right on the top of our website this would kind of be the most important
[00:35:19.180]thing we want people to do so this is the other really cool thing about this system is if you're
[00:35:26.120]a link to another page on your site rather than having to like go up into the url and try to
[00:35:30.400]figure out what it is all you need to do is start typing the name of the page that you've created so
[00:35:34.760]we know that we created a page called rsvp for training so you type the name of that page you
[00:35:43.080]click and then boom the system has created a link for you you don't need to go find the url or
[00:35:48.400]anything like that so we can say sign up for training and then this display option just
[00:35:56.100]determines where all this text and stuff that we enter just now is going to float over the image
[00:36:01.620]so you can see this image the tree trunks over on the left and maybe we want our stuff our text to
[00:36:08.420]float over to the right so we'll go ahead and say right we'll add this block so you can see this
[00:36:15.860]looks pretty nice, the only thing is we've got you know let's just save our page and see what it
[00:36:26.080]looks like so we've got all this space around this that we want to get rid of and we want to
[00:36:29.180]get rid of the page title so we're going to start doing some edits here to clean up what this looks
[00:36:33.380]like so we're going to go into the edit tab and if you remember previously underneath some of this
[00:36:40.520]administration stuff under page options you have the ability to hide that page title so the page
[00:36:46.280]title is for either whether you're in builder page or just in the basic page functionality
[00:36:51.620]that page title is going to show up unless you hide it but you really only want to hide it if
[00:36:56.060]you're doing something where you're doing like a really big image at the top or something where
[00:37:01.240]you just kind of want to hit somebody with an image right when they hit your site so you can
[00:37:06.000]see this still has all this padding around it we want to get rid of that we want it to be flush to
[00:37:10.540]the navigation and flush to the edge of the page so you'll see here once i'm in the layout tab in
[00:37:16.920]if i move my mouse around i get these different little user interface elements that help me
[00:37:24.220]to know what i'm
[00:37:26.040]editing so you can see as i hover over this section it will give me the ability to go to
[00:37:35.080]the upper left and edit the section details so the section is kind of the wrapper right
[00:37:40.700]essentially if you boil it all down all we're creating on this in layout builder we're creating
[00:37:47.040]rows and then we're creating columns within those rows and then we're putting content in those
[00:37:52.420]columns at a very base level that's really all it is
[00:37:56.020]so think about it if you think about it that way the section is the row so again if i hover over
[00:38:03.960]that it will open up over there likewise if i need to change the component that i've added
[00:38:10.400]you hover over the component you get this little element at the right and i can configure the
[00:38:14.980]component so the component is the display banner i just added we don't need to edit that we need
[00:38:19.880]to get rid of the space around the edges in the top so we're going to configure the section
[00:38:26.000]then we're going to come down here and we're going to remove the default vertical spacing
[00:38:29.920]which is that top spacing and then we're going to set the container edge to edge and that's going
[00:38:35.300]to get rid of this side spacing so update that
[00:38:45.280]you can see that now it's
[00:38:55.980]side to side and there's no longer that little gap above the image I like to save early and
[00:39:02.860]save often so I'm going to hit save we can see what it looks like when somebody else would view
[00:39:07.340]it and this looks really good it looks like what we wanted we're going to add a little bit more to
[00:39:12.500]our front page now I'm going to go into layout I'm going to add another section here this time
[00:39:18.560]we're going to add two column and when I get two column you'll notice I can change some different
[00:39:24.440]things about it so
[00:39:25.960]when you choose two column you can either make the columns equal width or you can make one
[00:39:29.740]column larger than the other and that's where you determine that the rest of the stuff we're
[00:39:36.500]going to leave default because the spacing is pretty good we're going to go ahead and add this
[00:39:41.260]and now you can see this kind of what I mentioned previously you're just kind of at a very base
[00:39:46.140]level a section is kind of like a row your layouts are kind of like columns in the row and then once
[00:39:51.520]you add that layout you can add components you know to these
[00:39:55.940]columns or whatever so we're going to add a card there's obviously all this other stuff you can add
[00:40:01.600]and again that CMS documentation touches on all these things we're going to go card we're going
[00:40:08.180]to headline let's say some of the other stuff we want people to do when they come to our site
[00:40:12.760]is learn more about our department so let's say about our or learn about our department
[00:40:25.920]and again we know the name of that page that we created so rather than hunting down the link we
[00:40:31.380]just have to start typing it so again about the department boom we've created a link I can fill
[00:40:39.040]in this over line again these are optional about subhead add an image in here a card is kind of
[00:40:49.200]like what you think of for a card right it's a looks like a baseball card a Pokemon card has a
[00:40:55.900]optional image text link we'll just add this more about what you do and then you
[00:41:13.780]change the background so I'm gonna choose that and then just to keep it
[00:41:20.440]balanced we're gonna go ahead and add another card over here and we'll just say
[00:41:25.880]learn about people I must skip this link because I want to show you something cool
[00:41:37.220]so we'll say people line people subhead
[00:41:45.160]choose an image
[00:41:55.860]so you'll see I did not fill out this headline link up here
[00:42:07.400]and when I did not do that I now have the ability to add a button link at the
[00:42:14.520]bottom of that card so I can start typing trainers our trainers so I've
[00:42:22.820]linked to our trainers page
[00:42:25.840]and I will save me and our people and then we'll make the backgrounds the
[00:42:30.480]same so I didn't fill out the link up here and then it gives me the ability
[00:42:35.760]to add a button link at the bottom and I'll show you what that looks like
[00:42:40.220]we'll save the page again so we can see what it looks like
[00:42:43.700]so obviously these two cards look different which isn't ideal if I were
[00:42:55.820]doing this in real life I would either make the titles on both of these the
[00:43:01.200]links or I'd make both of them have buttons at the bottom I more the reason
[00:43:07.320]I did that is just to show you that in addition to having all of these
[00:43:11.000]different components that you can add within these layouts within the
[00:43:15.920]individual components there are often multiple options for how that content is
[00:43:21.260]displayed so there really are a really wide range
[00:43:25.800]of content layout options in the new system not only in the individual
[00:43:33.060]components themselves but how you use those individual components so as the
[00:43:39.080]main reason I showed you how to do that so let's go back into layout add a
[00:43:43.140]couple more things really quick to finish our front page so let's say we
[00:43:48.420]want to add the news when we added the news item you could see those news items
[00:43:53.580]at the bottom we're gonna
[00:43:55.780]come in here we're going to add a section and we're gonna go ahead and add
[00:44:05.860]a component and again we're gonna be pulling from some information that is
[00:44:10.600]elsewhere so we're gonna add events and again on
[00:44:16.720]the old system you had a no JavaScript to add events it's totally different on
[00:44:20.500]the new system all you have to know is the URL of your events calendar
[00:44:25.760]on event system so I can add this block and you can see this will populate
[00:44:33.300]thinking about it and then we're gonna add a section I think I mentioned that
[00:44:39.280]we're gonna add news so we're gonna add another section here
[00:44:46.120]and then we're gonna add a component we're gonna go more in this case we're
[00:44:52.360]gonna add news aggregation so news aggregation
[00:44:55.740]it's automatically gonna know to be pulling from all the news that has been
[00:45:00.460]listed on this website so we're gonna say latest news we're gonna just show
[00:45:03.780]for I don't know why this isn't showing up let me see if I can configure this I
[00:45:12.240]might have the wrong URL in here we'll try WDN all right save this
[00:45:25.720]page all right you can see our news events are loading in our news is
[00:45:36.000]loading in you know we could come in here and we could tweak some of the
[00:45:40.300]padding on this like this one we would probably want to go edge to edge but
[00:45:44.860]overall this page looks pretty good for our welcome page and didn't take us a
[00:45:50.400]whole lot to build so hmm I want to touch on a couple of these other tabs
[00:45:55.700]up here we were already in reviewing the page you obviously we've touched on edit
[00:46:00.320]we've been in layout so revisions just shows you all the revisions that have
[00:46:05.200]been made to that page and then who made them as well so this is helpful if
[00:46:10.140]there's multiple people editing on your site you can see who made edits to a
[00:46:14.340]page if you need to revert to a previous version of the page you know maybe I
[00:46:18.260]want the version before I added the news I can revert to that here and that's
[00:46:24.200]what this revision tab does
[00:46:25.680]this replicate tab is really cool because let's say we like the layout of
[00:46:32.380]this page and we don't want to rebuild it from scratch maybe we want to use
[00:46:36.800]these top two parts in another page well this replicate tab allows us to just
[00:46:43.160]replicate this page let's say we want to call the new page academics so we can
[00:46:48.840]replicate the page and if I were to go and edit this page
[00:46:55.660]you'll now see that this is called academics it's no longer called welcome
[00:46:59.740]because it is a complete copy of that previous page so you know we can come
[00:47:04.540]into layout and maybe we don't want all the same stuff maybe we just want to get
[00:47:09.260]rid of the news maybe we want to get rid of the events as well so we can just get
[00:47:17.980]rid of these really quick and you know maybe we want a different image up here
[00:47:23.320]at the different headlines so we're going to roll over this component
[00:47:25.640]we're going to configure this really quick you know get rid of this image
[00:47:29.480]add a new one come down here i don't know let's choose this one you know
[00:47:37.740]that makes
[00:47:40.700]you
[00:47:55.180]so i'm
[00:47:55.620]obviously changing it really quick
[00:47:57.220]but i'm just kind of showing you that once you
[00:48:02.320]replicate a page and it's really easy to replicate a page and then go in and
[00:48:08.720]swap stuff out really quick um if you like that rather than trying
[00:48:12.720]to rebuild the whole thing from scratch so
[00:48:14.540]this is another nice function of the new system
[00:48:17.500]i want to touch on a couple of things really quick
[00:48:21.620]and then we'll open it up to questions so i mentioned content before
[00:48:25.600]with regard to all the content that you've created so you can see all these
[00:48:30.240]pages that you've created we went into media library through both
[00:48:35.620]the components and the builder pages but if you want to
[00:48:39.720]add media to your site files images things
[00:48:44.220]like that go to content media this is basically
[00:48:47.660]the same system this is showing you everything on
[00:48:51.400]your site that's been added so you can see this image that we've been added and then
[00:48:55.580]you can see some of this these other files and images that we've added in previous training
[00:48:59.660]so we're going to add a file and then we're going to add a video
[00:49:03.600]to our site so first we're going to add a file
[00:49:05.420]choose a file on our site
[00:49:11.020]see if I can find one
[00:49:14.540]sure let's just do this one
[00:49:25.560]so again you're going to want to
[00:49:30.120]so this button here says
[00:49:33.060]I just want to reiterate I want to go over this really quick
[00:49:35.660]it says I certify the following is true
[00:49:37.380]I've done due diligence to assure that this file meets accessibility standards
[00:49:41.580]so whenever you're uploading a doc
[00:49:45.840]or a PDF you need to make sure
[00:49:48.960]that that file meets accessibility standards
[00:49:52.120]so that anybody using a screen reader or other
[00:49:55.540]assistive device will be able to see that content
[00:49:58.420]on your site. We have some documentation
[00:50:00.940]on the CMS documentation site about how you can
[00:50:04.780]create accessible PDFs
[00:50:07.700]and docs. I will say that it's not easy
[00:50:10.280]and the other thing that I will say is that
[00:50:13.700]if you want everybody to see
[00:50:18.540]content on your website, that is if you have content that you want
[00:50:21.500]all the viewers of your website to see
[00:50:25.520]it should be a webpage. So if I look at our statistics
[00:50:28.760]we have a board over here that shows people coming to our website
[00:50:31.880]almost 50%
[00:50:34.660]of the traffic coming to the UNL website
[00:50:36.980]is on a mobile browser. So they're on their phone
[00:50:40.440]and if you have ever tried to look
[00:50:43.680]at a PDF on your phone
[00:50:46.280]you will note that it is at best
[00:50:49.840]it is difficult and at worst it is
[00:50:52.580]almost unusable. So
[00:50:55.500]in addition to needing to be accessible
[00:50:58.340]PDFs are and then you know
[00:51:01.500]it's almost impossible to view Word docs as well on your phone.
[00:51:04.420]So in addition to being hard
[00:51:07.620]to make accessible PDFs
[00:51:10.720]are just not great for content on your
[00:51:13.660]site if it needs to be seen by everybody. Any
[00:51:16.640]content that you want everybody to see
[00:51:18.960]it should just flat out be a web page on your site.
[00:51:21.580]Now that I've said that I will say that
[00:51:25.480]when you upload these images or upload these files
[00:51:28.420]tagging works similarly to how it does
[00:51:31.160]with images. You want to go general to specific. So in this
[00:51:34.500]particular case, you know, we can say this is
[00:51:37.600]a college of business, right? So
[00:51:40.480]we can see there's a tag for that.
[00:51:42.060]We can say maybe say that this was a I think this
[00:51:46.520]is a focus group. So you can
[00:51:49.500]see there's a tag for that.
[00:51:50.720]25.
[00:51:55.460]And then we'll save this.
[00:51:58.180]So major business administration. So you can see now
[00:52:01.900]we've uploaded this file to
[00:52:05.140]our media library.
[00:52:05.880]We are also going to add a remote video
[00:52:12.000]here. So adding a remote video
[00:52:14.940]is very easy. All you need to do
[00:52:18.820]is come into Media Hub, grab
[00:52:22.340]the URL like this.
[00:52:25.440]Pop the URL in there.
[00:52:31.300]And then tagging is again very similar. So we're going to come back
[00:52:34.620]into our Media Hub. This is College
[00:52:37.540]of Law.
[00:52:38.360]So you've got a tag for that.
[00:52:43.740]See what else this is about.
[00:52:46.740]So legal rights, Fourth Amendment,
[00:52:55.420]say, Rights, Fourth Amendment. And then we can say 25 if we
[00:53:13.720]really want to. So we're going to add this video. So now you can
[00:53:20.800]see we've added this file in this video to our media library.
[00:53:25.500]So we're going to come back into content about our department.
[00:53:30.320]And we will edit this page.
[00:53:34.280]So the cool thing about adding files to your site, again, with
[00:53:45.260]all the caveats I've already mentioned,
[00:53:47.540]that's just like adding a link to a page. Once you've added a
[00:53:51.600]file, you just need to click the link button. And
[00:53:55.380]you can see here, if I start typing content,
[00:53:58.860]you'll see this PDF that I added. And I will click the
[00:54:05.520]checkmark, and then it creates a link to that PDF that I've
[00:54:08.580]uploaded. So similarly to adding an image, adding a video is very
[00:54:14.700]easy, you click this little media library button. And then
[00:54:19.080]you go on the left here, you choose remote video. And it
[00:54:22.000]takes a little bit to flip over to just the video portion
[00:54:25.360]of the media library. And then we scroll down, we can choose
[00:54:30.480]our video. So we're going to insert that video. And again, we
[00:54:34.600]have all these options, float left, float center, you know,
[00:54:39.120]you can wrap it, there's no text to wrap it around. But we'll
[00:54:43.600]just say centered and we'll say narrow. So we'll save that. I
[00:54:52.980]don't know what it doesn't like there.
[00:54:55.340]I just need to remove on board or what do you think,
[00:55:07.820]Saren?
[00:55:08.420]Yeah, make sure there's a fix out there.
[00:55:13.400]We have a fix coming from this. It's so anyway. Alright, so now
[00:55:24.840]you can see
[00:55:25.320]I hover over this, it's linking to our media. And we have our
[00:55:35.040]embedded video here that we can play. So that is kind of all the
[00:55:42.560]basic information about adding content to your site. So adding
[00:55:45.780]pages, using media library, I want to touch on one more thing
[00:55:50.600]really quick, and then we'll get to questions. So if you're in
[00:55:54.480]this training,
[00:55:55.300]you've either you're either going to start a site, or you've
[00:55:58.840]been giving access to a site. So if you already have access to a
[00:56:03.220]site, and you've already worked on it, this might come familiar.
[00:56:06.880]But if you need to start a site, or if you have, if sorry, if you
[00:56:12.700]have access to site, and you need to add somebody to a site,
[00:56:15.320]all your information for who has access to a site is managed
[00:56:18.860]under people. So you can see here, everybody who has access
[00:56:23.560]to this site, and then their roles,
[00:56:25.280]within that site. So let's just say I need to add somebody, you
[00:56:27.980]would do import. And you could search either by their name or
[00:56:32.660]their UNL username. So it's going to come up with that
[00:56:38.080]person, you can import them to your site. He already has a role
[00:56:45.600]on the site. But you'll see, if you add somebody and they don't
[00:56:50.680]have a role, you'll have the ability to give them a site
[00:56:53.760]admin, and editor
[00:56:55.260]or a viewer role. I have a little bit more privileges, so I can see these others, but I want
[00:57:01.640]to just briefly explain what these different roles are. So if you have to give somebody access to
[00:57:06.740]your site. So site admin is somebody who can do everything that I did here today. So you can add
[00:57:17.680]content, you can edit content, you can delete content, you can add users, you can remove users.
[00:57:23.880]If you by chance need to change any information on the site, you can do that within system basic
[00:57:30.380]site settings. So basic site settings in here, this is the title of the site. This is the
[00:57:36.860]affiliation name. So the affiliation name is, so the affiliation name and link are up here.
[00:57:47.520]This is the affiliation name and link. So, and then if you, for some reason you need to change the homepage of the site,
[00:57:53.860]that you can do that here. So again, anybody with the site admin role can do all of those things.
[00:58:00.360]The editor role is one step down from that. The editor role gives people the ability to add content
[00:58:08.160]and edit content, but they cannot add or remove users and they can't change any of those site admin
[00:58:14.980]privileges that I just showed you about. So viewer role is the third role.
[00:58:21.160]And it is kind of a step down from,
[00:58:23.840]both of those roles, we like to call it the approver role.
[00:58:27.540]So the, this is sort of like this person has access to the site and they can see content in any state that it is published.
[00:58:37.140]So what I mean by that is if I come into about this content,
[00:58:43.640]there's actually different roles that you can assign your content to your page.
[00:58:46.840]So you can see down here, this page is published.
[00:58:51.540]If I were to change it to unpublished,
[00:58:53.840]and save it,
[00:58:58.840]I can still see this page, right?
[00:59:01.340]But if I copy this page, and I open a new private window,
[00:59:06.840]can you see this private window here?
[00:59:11.340]Paste this in here, then I cannot see this page.
[00:59:15.840]This page is unpublished, so the only people who have access to view this page
[00:59:20.840]are people who have access to the site.
[00:59:23.340]So again, down here we have published and unpublished,
[00:59:33.340]and we also have draft.
[00:59:36.340]So when it's in unpublished, the only status I can change it to is published.
[00:59:48.340]You can also create a new draft of your page.
[00:59:52.840]So draft would basically be a new version of the page
[00:59:57.340]that the only people who have access to the site can see.
[01:00:02.340]So there will be a live version and then there will be a draft version.
[01:00:05.340]So again, I touch on all these things to say that a viewer
[01:00:09.340]is a person who can see all those things,
[01:00:11.340]but they can't do anything else on the site.
[01:00:13.340]They can't add content or they can't edit content.
[01:00:16.340]They can't add or remove users either.
[01:00:19.340]So when I had mentioned that viewer
[01:00:22.340]is we kind of refer to it as the approver role.
[01:00:29.340]Let's say that your supervisor says,
[01:00:33.340]"I need you to add three new pages to the site,
[01:00:35.340]but I don't want them published.
[01:00:37.340]I don't want anybody else to be able to see them.
[01:00:39.340]I want you to create those
[01:00:42.340]and then send those links to me
[01:00:44.340]so I can give you the thumbs up before they go live."
[01:00:46.840]Well, you would create those pages,
[01:00:48.840]you would set them all as unpublished,
[01:00:51.840]you could send those links to anybody with a viewer role
[01:00:54.840]and they would be able to see those
[01:00:56.840]and then they could approve them
[01:00:58.840]or tell you changes that you need to make on those pages
[01:01:00.840]before they go live.
[01:01:03.840]So those are kind of the different roles within the system.
[01:01:06.840]I'm going to touch on one more thing.
[01:01:09.840]This is it, I swear.
[01:01:11.840]So cms.unl.edu is kind of everything related to the CMS,
[01:01:18.840]which you're training for today.
[01:01:21.340]If you've been to this site because you've already signed up for training,
[01:01:25.340]which is this first box.
[01:01:27.340]So if you've been assigned with building a site,
[01:01:31.340]this is where you would request a site, is this second box.
[01:01:35.340]And then there's also a link to documentation in here.
[01:01:39.340]Once you get your site ready to go and if you want to launch that site
[01:01:43.340]to be public at, let's say, widgets.unl.edu,
[01:01:47.340]this is where you would click to make your site public at widgets.unl.edu.
[01:01:50.840]If you have to request a new subdomain, you would do that here.
[01:01:57.340]There's one more step.
[01:01:59.340]I know it seems like a lot.
[01:02:01.340]But this site, cms.unl.edu, is everything related to the CMS
[01:02:07.340]that we've been discussing today except for all the specifics
[01:02:12.340]about how to use it.
[01:02:13.840]This is more about how to create a site and get access.
[01:02:17.840]The documentation on the WDN website,
[01:02:20.340]the WDN website is more about how to use it once you're in there.
[01:02:24.840]So with that, I will conclude the training.
[01:02:31.840]And if anybody has any specific questions,
[01:02:35.840]feel free to either type them in the chat or just go ahead and ask them.
[01:02:41.340]We only have a few people in here today for training,
[01:02:43.840]and so feel free to speak up.
[01:02:49.840]And if not, if there are no questions.
[01:03:04.340]I have a question I'll ask Aaron.
[01:03:07.340]Okay.
[01:03:08.340]So showing the stuff with the video content,
[01:03:10.340]and I will apologize if you covered this because I had to deal with some emails
[01:03:13.340]in the middle of this, but I have previously put content on our website
[01:03:19.340]by embedding like Yuja videos using HTML code.
[01:03:24.340]And I know you said there's no more HTML.
[01:03:27.340]So does that mean for any of those types of videos,
[01:03:30.340]or like if we post a Zoom recording from some sort of seminar or something,
[01:03:35.340]do we have to upload those files and then go through that,
[01:03:40.340]the video content manager?
[01:03:43.340]What's our options there?
[01:03:45.340]So Yuja, correct me if I'm wrong, Saren, but Yuja,
[01:03:48.840]we support through the embed component.
[01:03:52.340]Is that correct?
[01:03:56.340]Yes.
[01:03:57.340]Yes.
[01:03:58.340]Yep.
[01:03:59.340]So, okay, let me show you really quick.
[01:04:02.340]Markeia, is that how you pronounce your name?
[01:04:05.340]Markeia.
[01:04:06.340]Markeia.
[01:04:07.340]Okay, sorry.
[01:04:08.340]That's all right.
[01:04:09.340]So I'll show you really quick.
[01:04:11.340]So if I go into academics, so how you would add a Yuja video
[01:04:15.340]is you would come down here, let's just go layout,
[01:04:18.340]layout, and let's just add a section.
[01:04:25.340]Let's just do two column here.
[01:04:26.840]I'm going to roll through this really quickly.
[01:04:29.840]And then we're going to add a component.
[01:04:31.840]And then we're going to add an embed.
[01:04:34.340]So an embed, so this will allow you the ability to add a Yuja video.
[01:04:39.340]I don't have a Yuja URL, but you could say, you know,
[01:04:44.340]how to add course in Canvas.
[01:04:47.840]Or something like that.
[01:04:48.840]I don't know what the name of the video is called.
[01:04:50.840]And then you would add your Yuja link in this link button.
[01:04:54.840]And I think most Yuja videos are probably 16 by 9,
[01:04:57.840]so then you would add that block.
[01:04:59.840]So this is really helpful for anything for -- this is good for maps.
[01:05:05.840]This is good for anything with a UNL subdomain.
[01:05:09.340]It also supports Yuja.
[01:05:10.840]So you would not need to know any embed code or anything.
[01:05:12.840]This is how you would put your Yuja video in.
[01:05:15.840]With regard to recording a Yuja video,
[01:05:17.340]I would ask that you would do exactly what I'm going to do with this training,
[01:05:25.840]which is I'm going to take the Zoom recording that I get on my computer
[01:05:29.340]and I'm going to upload it to my UNL CMS training channel in MediaHub.
[01:05:35.840]It's going to encode it.
[01:05:37.340]It's going to get it captions.
[01:05:38.840]I'm going to check those captions to make sure they're okay
[01:05:42.340]and remove a few ums because I say um way too much.
[01:05:46.840]And then I'm going to send you all a MediaHub link.
[01:05:49.840]And then, obviously, if it's in MediaHub,
[01:05:52.340]you can add it to your website really easily.
[01:05:54.840]Thank you.
[01:06:00.340]Yep.
[01:06:01.340]That does not apply to YouTube videos.
[01:06:03.840]We had a question, does this also apply to YouTube videos?
[01:06:07.340]No, it does not.
[01:06:09.340]The reason we have not chosen to support YouTube
[01:06:12.340]is because it is blocked in a lot of K through 12
[01:06:16.340]instances, including LPS.
[01:06:19.340]It is also blocked in several other countries,
[01:06:22.340]including some countries that we are recruiting to.
[01:06:25.340]And so the systems that we're choosing
[01:06:29.340]to support in our CMS are systems
[01:06:32.340]that we know we will be able to deliver that content
[01:06:36.340]to all of our users in.
[01:06:38.340]And then also, YouTube captions, they've been--
[01:06:45.840]let's just say a little unreliable.
[01:06:48.840]But the main reasons are because it's blocked.
[01:06:51.840]That content is blocked in several countries
[01:06:54.340]and a lot of K through 12s.
[01:06:55.340]And so prospective students, you might not be reaching them.
[01:07:00.340]Prospective faculty, you might not be reaching them,
[01:07:02.340]depending on what country they're in.
[01:07:03.840]So if you have the source video, it's
[01:07:08.340]really easy to upload to Media Hub and then get those captions
[01:07:12.840]and then get those videos embedded on your website
[01:07:14.840]through Media Hub.
[01:07:15.340]And I think there's even tools out there.
[01:07:22.340]If you don't have the source video,
[01:07:25.340]there are tools out there that allow you to pull down videos
[01:07:30.340]from Media Hub--
[01:07:31.340]or sorry, pull down videos from YouTube.
[01:07:34.340]So--
[01:07:44.340]All right.
[01:07:47.340]Any other questions?
[01:07:53.340]No?
[01:07:54.340]All right.
[01:07:55.340]Thank you very much, everybody.
[01:07:56.340]I appreciate your time this morning.
[01:07:58.340]As I mentioned, I will send out a video later today.
[01:08:01.340]Appreciate it a lot, and have a good rest of your day.
[01:08:04.340]Thanks a lot.

The screen size you are trying to search captions on is too small!

You can always jump over to MediaHub and check it out there.

Comments

0 Comments

UNL CMS Training April 15

Description

Searchable Transcript

Comments icon comment

Related Channels

Comments