Transcript

00:07 and what we're gonna do now is we're gonna jump into the different ways of
00:13 saving and displaying text okay so I'm go ahead and start my screen share again
00:19 drink water okay so here we are inside
00:49 the CMS that project that we just finished right or was working on now
00:56 something I didn't talk about okay much i I think I breezed upon it maybe a
01:03 little bit too too quickly actually let me go ahead and and talk about that really quick okay there are two aspects
01:09 to the CMS okay I should explain this for those people that are new you have your admin side and your
01:14 content side right okay so on the admin side this is where you're gonna build an
01:20 admin area for people to save their text okay and then we have the content side
01:26 which takes this the content that we saved and displays it right right so
01:33 obviously your admin side is gonna be probably a protected area okay which will be going over today there is a
01:38 protect stack to help you password protect your admin area okay and then we
01:44 have the content side which we they can display that's that CMS data to our
01:49 users on the website okay so right now we're gonna go ahead and let's talk
01:55 about the various ways that we can save data okay since we're continuing down
02:01 the admin path right now a little bit let's continue down that path and we're gonna give a kind of in-depth review of
02:07 all the ways that we can save text okay to the CMS
02:19 okay so here we are uh and let's look at
02:25 this default text box okay which is the default way of saving text now you'll
02:33 notice that we gave the CMS Eddie and I kind of you know explain what that CMS ideas it is the unique ID for this
02:38 particular CMS region okay or this CMS area okay
02:44 it it needs to be unique for that particular type so if you have text and
02:50 the CMS idea of that text you know needs to be unique you can't have multiple instances with the same CMS ID okay even
02:58 if they're on different admin pages okay which we'll get to in a little bit in terms of strategy of you know do I need
03:04 one admin page or a whole set of admin pages it really depends on how big and how many admin areas you need right so
03:12 this Simas ID needs to be unique for it can be the only text Simas thing right for called workshop okay we'll leave it
03:20 at that you can show or hide a Save button okay we'll go into the Save button a little
03:25 bit later that's you know generalize Save button stack that I showed earlier okay but right now we're just gonna have
03:30 this Save button here you can have the text and insert your placeholder which is what shows here by default if nothing
03:36 is saved okay now here's the the meaty part okay we have two different editors
03:42 inside total CMS we have a hip we get etre and a text slash markdown editor
03:48 okay now the hip wig editor is the
03:53 default editor inside total CMS and it's it's kind of it's it's a WYSIWYG editor
04:00 okay now let me stop and give you a little bit of background on what what is
04:05 hip wig right it's not a comment herb it's something we termed right so when I
04:11 originally released total CMS version 1.0 okay it only supported plain text
04:18 and markdown that was it okay now there
04:24 were some users that were very passionate about having a WYSIWYG editor
04:31 and I was very against it because most WYSIWYG editors out there even nowadays
04:39 okay the code that those generate is horrible
04:45 like you know and I I wanted to build a CMS that made nice websites right and
04:53 traditionally if you give a client a WYSIWYG and you just you know put it on there right a lot of times they give the
05:00 customer the ability to make some really important to sleeping like we're talking
05:05 like purple backgrounds with pink text and and whatnot right so that's why I
05:10 was so so hardcore against having a WYSIWYG editor okay but people kept
05:19 pressing me in particular a user that we all know as the hipster Weaver okay mr.
05:27 John Hawkins was extremely passionate about nagging my ears on a multi daily
05:34 basis about having a WYSIWYG editor for his clients and so finally I just kept
05:43 doing a little bit more research and research and I found this commercial tool this commercial WYSIWYG editor that
05:49 was a little pricey but it kind of it did things a little bit nicer than what the traditional WYSIWYG editors out
05:56 there actually did right and I had controls to you know give them which you
06:04 know what abilities do they have right so by default if we look at hip eight
06:11 you know and I should say that the name okay hipster Weaver we can all thank him for
06:16 giving us a WYSIWYG editor but um typing WYSIWYG all the time was like a pain in
06:23 the butt right it's like wy s eye whatever it is right it's what you see
06:30 is what you get that's what WYSIWYG means right and I got sick of time trying to type WYSIWYG so I'm like I got
06:36 to come up with a different name and hipster Reaver forced me to do it so we came up with hip wig that is the origins
06:43 of the total see Hiep wig editor I hope you enjoyed that but anyway okay so back to the fun stuff
06:51 um let's go ahead and jump back in share my screen okay so hip wig editor if we
07:00 preview this page okay you'll see that we are in the hip we get etre and it has
07:07 basic controls okay these are what you get by default you get a bold italic underlined and you can
07:15 add a link that's it right you can't you can't color things you can't change the
07:20 background color of things you can't make things 500 pixels tall you can't do
07:26 any of that okay it is very a very controlled environment okay you as the
07:33 designer of the website design the style of things and with this setup you're only allowing the customer to
07:40 control the content okay and now obviously you're giving them some style
07:46 aspects in terms of making some things bold or italic or underlined okay but
07:51 obviously we want the ability to give our customers enough rope to hang
07:57 themselves right so one stock I didn't really go into the settings for much yet
08:05 okay is admin core now inside the admin course stack you will notice that if you
08:12 scroll down a little bit there is an entire section on hip wig and there are
08:17 a lot of settings okay so let's dive through some of the some of these right
08:23 now I'm not gonna dive through every single one of them right um said import an important one okay on the enter key
08:31 when you actually hit enter inside hip wig do you want to start a new paragraph or do you want to just add a line break
08:36 okay um most people I think paragraph makes sense um depending on what you
08:43 want to do you might want line breaks instead okay the the toolbar do you want
08:48 it static or inline okay you can play around with that and then the language we support English German in Spanish if
08:56 you want another language I would love if you want to help me translate something I'd be more than
09:03 willing to do another one right but right now we have German English and Spanish which are definitely the most
09:10 popular kind of languages out there in terms of rapidweaver users okay
09:15 now by default any script or style tags that you put that the user types in will
09:22 get removed okay so this way our users aren't going to go ahead and type in or
09:29 copy some snippet they found on the internet and try to put it in there and it's gonna break their site right this
09:36 protects users from themselves okay because it doesn't allow them to have in
09:42 any script or style tag that they want okay it's going to remove it before it
09:48 gets saved in the CMS okay well ignore
09:54 the gallery in image stuff for right now this is for image you upload uploading images via hip wig which you can do
10:00 we'll kind of cover that when we dive into images a little bit okay but these
10:05 are the same features that we'll see in the images so you can have you know what percent quality the jpg you know what's
10:13 the max size that will get you know done and the thumbnail okay so you can easily you know do that same thing a Depot ID
10:20 that's for uploading files via hip wig it does support uploading files into a Depot okay so then you know you can have
10:28 a download link inside of your text area it's very convenient so now we have this
10:34 huge grid of buttons okay and this controls what shows up in the hip wig
10:41 toolbar okay so if I let's just go ahead and turn some things on so I'm gonna
10:47 have image and video and maybe I want them to add number and bullet lists okay
10:52 and maybe we'll give them the ability to align text okay now some things that I
10:57 think are more on the dangerous side to give people okay the style stuff oh the the text size
11:05 stuff and the color options okay those I think are a little bit dangerous
11:11 um let's let's go ahead and turn this on will kind of show you what they are okay
11:22 so here we have bold italic right so if I select this text I could say bold right and I can select this one and say
11:28 italic and so on and so forth right I can select amazing click here and then
11:33 I can type in HTTP oops URL well
11:41 apparently that doesn't work in here it'll it'll work in in the web page on insert image okay that allows you to
11:49 drag and drop images okay um it'll also if you have images already
11:54 uploaded to hip wit you can click on this bad boy and it will display images that have
12:00 already been uploaded into hip wig so that you can kind of share and use the same image across multiple hip flick
12:06 images or instances okay that's kind of cool um insert video this allows you to
12:11 put it type in a URL so you can put in a Vimeo are Vimeo or YouTube URL here and
12:17 it will be embedded directly into the hip wig text area you can also type in
12:23 your own embed code here and this video upload it doesn't support video uploads
12:28 right now I'm just not able to to remove this option um you cannot upload videos
12:34 but it does work if you have your own custom embed code or if you type in the various you know social network video
12:41 sites such as YouTube and Vimeo you just type in the URL here and we'll insert that directly into hip Lake paragraph
12:49 formatting okay this I think is potentially dangerous to give customers
12:54 you know because they can they can do not a ton of damage right but they can insert they can make something a heading
13:00 or a heading and you can also you have we can edit the options available here as well okay alignment so obviously
13:08 align left right center font sizes this I I would if you're gonna not include
13:16 something you know this one isn't horrible because we can still style headings the way that we think they should be styled right but then once you
13:23 give customer the ability to change font size of things it um it can get ugly very quickly so um I would strongly recommend
13:30 that you just manage this the style of the site yourself determine the font sizes and don't tell your customer that
13:36 they can change the font size and don't turn this option on but that's my preference you can obviously do what
13:42 your customers want colors okay here we have colors you can change the text color and background colors to whatever
13:49 you want a very very dangerous thing because customers will do hideous things
13:55 like making purple text with like a pink background or something they will do it
14:02 and uh man ugh okay ordered lists they can have numbered lists and bullet lists
14:08 and whatnot so another thing that's interesting that I kind of skipped over if you look at this toolbar here okay
14:14 it's kind of just one big huge long toolbar right but it would be nice if we can have some organization to it you'll
14:20 notice that there are some divider settings so what you can do is you can actually have vertical dividers so I'm going to go ahead and add let's add a
14:27 vertical divider right here well notice
14:33 that it added a vertical divider right here so it just gives it a little stylistic now if you curious what horizontal dividers do is that will
14:40 actually break the toolbar into two lines and it will it will basically
14:46 divide them horizontally okay so you know you have multiple things you know
14:51 options to do that so you can have vertical here there are some other things here so if I go ahead and turn on
14:57 like you know quotes and lines in HTML and tables and let's make the horizontal
15:04 break there right so you here I have
15:09 this first set of buttons and then ahora de kalb line break our second set of
15:15 buttons then a horizontal break and then this last set of buttons is inserted on that last line okay now you you could
15:23 add a vertical line there and it'll put it all in one line with nice little dividers okay now if you would like even
15:30 more control okay with hip wig there are these pro settings down here at the
15:35 bottom so these pro settings allow you too if you click on me if you click
15:41 on it this allows you to do custom a
15:47 custom toolbar okay so here I have bold italic you'll notice that I have all of
15:54 the default buttons here but they're just text options okay now this is yet
15:59 this be syntactically correct here because it is single quote and then a keyword single quote and then a a comma
16:08 and then the next one right so if you break this it will break your page if you have the wrong syntax but it gives
16:14 you full control over exactly what you would potentially want okay now if you
16:20 wanted a vertical divider it is this pipe okay inside single quotes if you want a horizontal divider is a - okay so
16:30 this toolbar buttons Pro option okay gives you a altima tucks ability for
16:35 creating this toolbar okay the next is
16:42 the pro setting for the format menu okay so this allows you to do you know normal
16:48 you have h1 h2 h3 s you can only put in basically HTML tags so here its h1 is
16:57 the HTML tag that it's going to insert and then you can give it a label of
17:03 heading 1 or whatever else if you want to translate that you can translate it into your language okay and then color
17:11 options these are advanced color options so you can customize the exact colors
17:16 that are inside the text colors and the background colors so um you know if
17:21 you're gonna give your client customer you know control over colors um you might want to limit it to just a few
17:27 colors like you're allowed to do you know black or dark gray or something like that you like Batman okay so that's
17:37 that's the ins and outs of hit wink I've kind of killed it with the dead
17:42 bone okay um well that didn't make sense kill it with a dead bone I made zero sense but you gotta get my drift
17:51 let's look at what hip wigs saves to UM the CMS okay so let's look at transmit
18:00 again if we look at at what is saved okay if you remember it saved HTML this
18:12 is HTML and it is a paragraph tag that is set to today is going to be amazing
18:18 now you don't see these paragraph tags okay um inside hip wig because it hip wig
18:24 just gives you what you want okay um now if we were to click just
18:29 have the HTML now I'm gonna turn off the pro settings are really quick okay so if
18:40 we turn on the code view okay then we'll see exactly what hip wigs and output okay now you can edit this right if you
18:48 wanted to get really you know fancy you can type in your own HTML in here and save it okay but remember if you have
18:54 the script tags stripped from hip width will get stripped okay but you can edit
19:00 HTML live here inside hip wig okay but
19:05 if you notice here it does um you know for the end user just display the text
19:13 but it's important to note that it is not saved as plain text to the CMS it is
19:20 saved as HTML because that's what WYSIWYG editors do okay now the CMS also
19:29 allows us to save things as plain text
19:35 okay so if I change this to a text slash markdown editor okay by default it does
19:41 accept markdown formatting okay we could turn that off if we want okay um you can let's preview this actually before we
19:48 start looking at any other options okay so this is now plain text and if you
19:58 since this is the CMS idea of workshop it's bringing in the contents of the CMS and it's displaying it as plain text so
20:09 here we see that hip wig is saving the HTML and we're seeing that as plain text in the plain text editor if I wanted to
20:15 go ahead and change that I can go ahead and if now if I were to save this okay
20:22 and let's go back into the CMS will see
20:29 that it is now saved as plain text without any sort of HTML at all inside
20:35 the CMS okay now I'm going I know it's
20:43 taken me a while to get to the climax here but this is very important things okay because once we want to start using
20:50 this content that this data that we're saving on the content side okay it's
20:56 very important that you're saving the content in the proper way
21:01 now while I'm in the text area let's go of over a few things um you can do
21:07 markdown formatting which means you can do something like this okay like you can have a star star oh it actually if you
21:17 are gonna use the markdown editor okay there is a cool tool uh it's actually
21:24 been a while since I've used it to be honest called toolbar okay now because I've originally you know only wanted
21:30 plain text and mark down inside the CMS I developed my own markdown toolbar
21:35 which is kind of cool actually because what you can do is if you click on this
21:42 um you'll notice that a little menu shows up below and you can say bold and it types in the bold here or you can
21:47 select the text and you can say I want it italic okay italic and it makes it
21:54 inserts the markdown for you it's very cool okay um if you're using markdown
22:00 and you like markdown this is a great option now if you're curious if I save this okay and we look at what it's saved
22:08 as in the CMS okay we'll see that it's a as the plaintext markdown okay again
22:17 that's just important for you to know okay I'm gonna go ahead and so this
22:28 toolbar is cool the toolbar has a bunch of options as well so you can turn on and off buttons okay convenient but to
22:36 be honest if you want something like that I think hip wig is probably gonna be a little bit easier for your customers um me two years ago would have
22:45 thought myself on the head for saying that but I do have to agree now the hip wig is very nice which is why it's now
22:51 the new default editor in in total CMS okay now you can also make this a
22:56 password field okay now when it's a password field you have to set the forum height to one okay because it just it's
23:03 gonna show up as a says a one-line text field okay and if you notice here when
23:10 it's in a password field it shows up like this as a password so this is you know so the user doesn't necessarily see
23:17 what's saved in the CMS they could type in this could be used for integrating with things like page safe or some of
23:23 the things where maybe you want to you know hide the data from the webpage okay
23:29 you can also strip HTML on save what this does is it's similar to that strip stripping of tags in CSS inside hip wig
23:38 okay so this would strip any sort of HTML that is that is typed into this on
23:44 it'll strip it and only keep the raw text
23:52 okay what I'm gonna do now is I want to I want to look quickly look at some questions um let's go ahead and answer a
23:59 few questions before I jump into the content side of text oh the question is
24:11 what does the language setting inside admin core control okay good question so
24:18 let's go ahead and oh I'm not sharing my screen I'm sure it's green again okay so we're
24:33 gonna go ahead and go back to hip week editor okay and oh that's weird
24:43 interesting never done that before interesting okay so hit-boy gedit er and
24:50 let's go ahead into the admin core and you wanted to know what this language
24:59 did okay so if we preview admin core here let's wait okay
25:06 so right now it's English and if you look if you hover over all of these tooltips
25:11 it gives you a idea of what that particular tool does right so if we were
25:18 to change this to a language let's go ahead and change it to German I know we
25:24 have some German friends in the audience today edit preview again it should Oh
25:36 what the heck that may be a bug I swear that used to
25:43 work okay well I might have found a bug it should have changed the tooltips here let's try Spanish
25:51 oh oh
25:58 look at that that's a that's a fail okay it should change those tooltips interesting I'm not sure when when
26:05 exactly that broke another thing if you notice at the bottom of admin core while
26:11 we're here okay there are a ton of things that you can translate throughout the admin interfaces okay so little
26:18 error messages that pop up from various admin stacks okay this is a centralized
26:23 way to change the translation of all of them all in one spot okay so very cool
26:32 couple of things I didn't check for or I didn't show you is inside admin core the
26:37 very top thing is pretty much the only thing I didn't I didn't show you yet is the ability to style various admin
26:45 components right so if you're using foundation set this to yes if you're not set it to no there is an auto checker
26:51 but it is better to set it yes or no okay if you're curious why we have this is
26:57 because if you set this to no okay or if
27:03 the auto checker determines that you're not using foundation what it does is it loads a little bit extra CSS and
27:10 JavaScript on the page okay so it's just a little nicety if you're using
27:15 foundation just set that to yes and you'll save you know a kilobyte or two
27:20 however big those files are not not they're not large but it'll save you a little bit of JavaScript ins nsj on the
27:27 page okay and it only affects the admin page it does use some foundation stuff
27:33 too just to make things that will be easier to develop okay but um it's it's
27:38 really not a game changer like I said foundation or total CMS will work on foundation on and it will work
27:44 on any other thing or at least it should okay and all these colors are various things
27:49 so like main colors like the background color of all the text boxes the actual text inside the text boxes the outline
27:57 so the border right so if I want to go ahead and make that you know slightly darker gray I can do that
28:04 so made the outlining inside a little darker gray and then if we wanted to change the border we can make it on
28:10 let's just make it black for right now I think it's gonna look horrible but yeah
28:16 looks pretty horrible but whatever so you know they need to change the the
28:21 default buttons in the text of the buttons and that the action bars that
28:26 are inside images and whatnot um in the color of the icons in image drop zones and file drop zones and things of that
28:33 nature then we also have sizing of text and borders so these are just and these
28:40 are global settings for all admin stacks all total CMS admin stacks on the page
28:46 okay that blackboard is bugging me let
28:51 me change that back all right actually here go back to the default settings goes I think the
28:58 default settings are really nice and we have that as a workshop okay so now
29:06 let's jump onto the content side okay and talk about well actually before I
29:15 jump on the content side I told you there are many different ways to save things to the CMS okay our text okay so
29:25 the deep the the most common sense way is via this text box okay however there
29:31 are other ways to save text to the CMS okay and there are a few other admin
29:37 stacks here there first is the select box okay so what the select box does is oh I
29:45 don't have any options need to have you can have various options so let's just do something simple label we'll just say
29:54 yes no the value is yes okay here the
30:01 option is we'll say the label is no the value that saved to the CMS is no or
30:09 actually let's do something a little bit more interesting let's make something yes I love total CMS no I am crazy okay
30:28 so here we have a select box we'll just leave the CMS idea select for right now
30:35 and select your option here we'll just show a Save button okay and basically
30:42 what you can do now is the option here
30:47 is well let's say I want a let's just add a normal text stack to the page say
30:56 do you love total CMS okay
31:04 ciara have do you love total CMS and you're gonna answer this yes or no and then you're gonna say save okay now if
31:12 we look at the CMAs now okay what we'll notice is it's go to transmit refresh
31:21 well notice that inside text okay there is no select type because select just saves as text if we open this file we'll
31:32 see that it's saved yes I love total CMS okay now the reason this is contained in
31:39 here is because if we look back at our options here in the select box
31:45 I set the label of this option to yes the value is yes I love total CMS that
31:52 is what is saved to the CMS so if I were to go and head and preview this page
31:58 again and say no and then save that
32:04 let's go ahead and look at look at the CMS again it's gonna say no I am crazy
32:11 right so as you see this is a the select box is a great way to kind of add static
32:20 content for your user to select right now this value it could be pretty
32:25 complex stuff right it could be a a full-blown HTML thing right if you want
32:30 right but it's a way of your customer to kind of change things and to give you
32:36 the ability to toggle things just by giving them a say a fixed option list of
32:42 options to choose from okay very powerful select box is cool good stuff other ways to save text okay
32:51 is um there is a number okay now numbers are obviously just a number you can
32:57 define a minimum value of maximum value and a step value okay so if you wanted to step up by tens okay and it started
33:05 at zero max set a hundred okay um we can go ahead and or let's show this a button
33:11 again so here I can have a value currently
33:18 it's not set to anything right because the CMS has nothing for this value so I'm gonna go ahead and I'm gonna change
33:23 this to ten and then we're gonna save it okay and just for thoroughness if we
33:31 check this in the seat in the CMS it saves the number ten as text in the CMS
33:38 okay so if you needed to have a number saved and it's just a different control
33:43 right you could just do a text box with the number right but this sort of control is a little bit nicer for
33:49 customers because it allows them to have these little arrows and up-and-down just makes it a little bit more convenient
33:54 for our customers to input data and limit their control of what they can
33:59 input because if you really wanted a number you don't want them to type in a sentence right so that's good in other
34:10 ways I think I think those of them those are gonna be the most popular ways of
34:16 saving text okay there is a date which could be used as a text but it's not not
34:22 really well we'll review text later on today or a date I'm sorry we'll review date later on today okay but now while
34:31 I've had while I'm here okay if you notice I have three text areas all three have a Save button um kind of looks
34:38 horrible okay um I'm a fan of just having a single Save button on my page so I'm gonna do is I'm going to turn all
34:45 of those off okay what I'm gonna do is I'm just gonna add a Save button at the very top okay now if you notice the save
34:53 but stack here is just a drop down there is no button in it okay and the reason that is because whatever button you
34:59 throw into here it's gonna turn it magically into a Save button so you can use your favorite button stack whether
35:04 or not it's the default stacks button whether or not it's the foundation button or a foundry button or a button
35:11 plus or whatever right you can go ahead and throw that in there
35:17 and let's go ahead and just set this to save and we're gonna align it right okay
35:26 and we preview okay so if you see here now if I go
35:32 ahead in here and I just amazing let's just change this text a little bit oops
35:42 caps lock okay I'm gonna go ahead and
35:51 save that you notice it's saved it finds whatever has changed on the page and
35:56 saves those areas so if I go ahead and change this and change this you'll
36:03 notice that both of those are now red and if I click Save it's gonna save both of those okay so that's kind of a
36:09 convenient thing with the with the centralized Save button um and with the centralized Save button you could just
36:15 use command S and it will save everything on the page as well okay so that that's convenience if you're into
36:21 keyboard shortcuts like I am okay so if
36:27 we look at the CMS now we'll notice that I Syre save this as you know this is
36:33 today is going to be amazing okay now on the content side let's display this okay so now we're on the content
36:40 side I'm on my content page now I have CMS core okay
36:46 I need my license information let's go ahead and go into admin core and copy
36:51 that bad boy and go in here and save it okay there aren't many settings inside
37:01 CMS core see my score is very convenient it gives you a nice little uh thing about macros which we'll review in a
37:07 little bit okay but on on this side um there are some stacks that have forms on
37:13 the content side primarily data stores which we will show in a little bit and and the styles here allow you to
37:20 automatically style those okay um based on centrally styling them inside CMS
37:27 core but most people aren't you don't you know I can use data store on on many pages so on the projects leave these all
37:35 the way they are you can turn off processing of macros if you really want okay
37:41 and there is also a really really fancy
37:47 feature called macro prefix okay which remind me to tell you guys about that
37:52 when we start doing macros umm I silently added it to a release a few
38:00 months ago and I didn't I didn't even tell anyone it was there because it is a very powerful feature that allows you to
38:08 do some crazy things but um yeah we'll show it you'll see how cool it is so
38:16 content side let me go ahead and just do some styling options here umm the CMS
38:22 core stack I normally just just kind of minimize that kind of like with site Styles just minimize that CMS core you
38:28 can have it pretty much anywhere on the page you could be up up there with site Styles sometimes I put it at the very bottom of my page just so it's out of
38:34 the way and I don't need to see it but it could be anywhere on the page okay but CMS core definitely needs to be on
38:41 the page on the content side now on the admin side CMS core doesn't need to be on the admin side but some people like
38:48 displaying CMS data on the admin side if that makes any sense right so if you want to change the
38:54 header of the admin page via a CMS then if you basically if you need to access anything from the CMS in terms of
39:00 displaying it with content stacks you need to have the CMS Cora on the page okay let me just go ahead and add this
39:07 and what we're gonna do first is I'm gonna use a we will use the CMS text
39:18 stack okay so here we have the team X
39:24 the total CMS tech stack okay it is on the content stacks and it just says text
39:29 okay now what this does is you put in
39:34 your CMS ID our CMS ID that we're gonna be explaining was it was workshop right workshop and what we'll notice here is I
39:42 have plain text plus hip wig which is the default okay so if you want to display something as plain text or the
39:51 contents from hip wig you want that as the ER option okay now if you want if you know that the
39:58 CMAs area that you are saving to is markdown so you know you're saving
40:04 markdown okay then you will you you will put in format plus markdown what that
40:10 will do is that will process the markdown in and into HTML okay on the
40:15 fly and then the next thing is alt image text will we'll look at that that's the
40:20 way the ability to actually grab the alt tag from an image that's stored in the
40:26 CMS and then display that as text on the page okay cool stuff for right now we want plain
40:34 text hip wig because that's what we're using okay and let's go ahead and preview our page so there we go we have
40:45 a simple paragraph okay actually let's go ahead and previous in the browser okay and what we'll notice is I'm going
40:53 to right click and I'm gonna inspect this just so that you guys can see what it is okay we'll see that if we look
41:01 here in the inspector okay it is a paragraph tag it is P today is going to
41:06 be amazing closed paragraph tag okay it is a paragraph it is inserting that into the
41:13 page okay now if I go ahead and let's go to the admin page and we'll preview that
41:24 okay let's just go it and make that bold and we're gonna save it okay let's go
41:31 back to our content page and refresh
41:41 well notice now that today is going to be amazing is in bold okay and if we
41:48 look at the code here its today is going to be and then strong amazing close
41:53 strong right and if just for verification that's exactly what total
41:59 sea mass saved to the CMS today is going to be strong strong as a way of you know
42:07 just telling that that particular text is gonna be bold amazing close strong P
42:13 tags alright okay pretty simple that's great Joe awesome
42:19 now what what if I wanted to use this text in a header right that can be
42:28 possible right and then I assume right that all all I need to do is is to
42:33 insert this as a header how do I do that right um actually before we leave here
42:41 I'm gonna go ahead and and quickly set up a markdown box just so that we can we
42:47 can be thorough and show you that okay I'm gonna go ahead and just quickly set this up I'm gonna set the CMS idea to
42:55 markdown I'm gonna editor is gonna be a text markdown I want markdown formatting and go okay
43:03 preview this page and here is my I'm
43:11 gonna preview it in the browser browser works a little bit better okay there we go so I'm gonna do this is err let's do
43:22 this one two three markdown h3 is a paragraph
43:32 if I could type
43:37 okay we're gonna save that okay so now I have some markdown saved to the CMS okay
43:46 and let's go ahead and insert that onto the page so on the content what I do is
43:54 I'm going to do a new actually let's do this so they're separated a little bit
44:01 three three and we want that to be
44:12 marked down okay so here I have my text that we had before with workshop and this one is going to be a CMS text
44:19 markdown now this one isn't plain text let's go ahead and display it as plain text just for fun so we can see what it is what it does so
44:28 if you noticed I had it set to plain text and it just spit out the plain text
44:34 that was saved to the CMS right I misspelled paragraph please forgive me okay but if we go back to Rapid River
44:42 and we go ahead and set that to format markdown and then we preview the page
44:52 refresh
45:00 oops what the heck oh it didn't say oh man that's crazy okay
45:11 well let's um apparently that's another book I mean imma jot that down that's crazy how did that book have it come in
45:20 and no one found that one out I think that's because most of time if you notice the the tech stack what it does
45:27 is it basically what it does is it inserts a macro for us so this text act kind of if you notice here it says CMAs
45:33 text workshop this is CMS text markdown okay this should actually say CMS text format so
45:41 if you look at these these macros here we have CMS text format and then our CMS ID so what I'm going to do here it's
45:51 instead of this what I'm going to do I'm going to insert a text stack actually
45:59 what I'm gonna do is I'm going to insert the HTML stack and I'm going to put in
46:06 CMS text format markdown
46:13 okay now this should drumroll please
46:20 there we go okay so apparently there is a bug in the tech
46:26 stack I will fix that uh but basically we can still get that same result using
46:32 macros which we're gonna review very soon I mean there was my next thing okay
46:38 so force me to jump into the macros a little bit so with this macro is it
46:44 allows us to insert text from the CMS
46:49 wherever we want okay so let's say for
46:57 instance I now want to add in a header to my page okay um I'm gonna actually
47:05 remove this example right now okay let's go ahead and I'm just gonna use this workshop
47:11 texts okay and let's just add in a standard Stax header now we know that we
47:20 can use macros now if we want to look at the macros again let's just concentrate
47:25 on these text-based macros okay really right now we're gonna focus on the first two macros there is CMAs text
47:33 and then the CMAs ID CMAs text format CMS ID the format basically means
47:39 markdown okay you want it to parse and format markdown into HTML okay so we
47:49 already used that right we use that inside I guess I could have left that on the page huh we'll leave that on the
47:57 page and we'll just leave it down there
48:02 okay so now now I have a header stack I can get I want the user to be able to edit
48:11 this header okay so what I can do is I can insert this
48:16 macro into the header stack work shop
48:26 oops okay so here I've added in the CMS
48:32 macro okay where it says CMAs text so we want to get the text and we want to get
48:39 the text from the CMS idea of workshop and we want to insert it into this header so what I would expect is that we
48:46 have today is going to be amazing and it should be a header right right okay this
48:56 is going to break it's not gonna do what you expect or at least most of you it's not gonna do what most of you expect
49:03 that's not a header the heck that's not my header style this is what headers
49:08 look like this looks nothing like a header why did it do that well the
49:17 reason it didn't do that is because if we look at this code we have and we have
49:28 an h3 look it has it's an NH 3 but inside there it has though that HTML
49:35 from hip wig so in this particular
49:40 instance we do not want to use hip wig when inserting text into a particular
49:50 element okay because what we want we
49:56 want it to be we expected it to look like this or at least I would expect most of you to expect this right I would
50:04 expect the code to look something like this h3 this is my header close h3 right
50:16 that's what it should look like that's what the code should look like but it
50:22 didn't write remember because what the CMS is doing in this instance the header stack has some h3 tags and then the CMS
50:31 because we're just using the CMS text macro is taking the exact contents from
50:36 the CMS which in this case is workshop ok it's taking this and inserting that
50:42 into the header stack but that's not what we want so how do we fix that okay now if you
50:49 remember a few minutes ago when we were talking about how to save content to a
50:55 CMS using plain text versus hip wig okay this is the exact example where we want
51:02 to save content as plain text
51:10 okay so let's go ahead inside and that was this workshop this workshop ID okay
51:18 instead of hip wig for this we want to use a text and markdown editor now if we
51:24 don't want markdown we could turn that off because we just want plain text okay in this particular instance I don't
51:30 necessarily need like a three line for a header so what I'm gonna do is I'm just gonna make it one line so it's a nice
51:35 simple one an area and let's preview that okay now it's displaying content
51:43 that we already saved to the CMS right um but I want this to be simply okay and
51:52 then I'm gonna save that so I've now saved this as plain text to the CMS okay
51:59 let's go ahead and verify that in workshop write plain text there's no
52:04 markdown or markup okay go back to
52:10 rapidweaver okay go to our content page and if we preview this now we should see
52:18 now today is going to be amazing see
52:24 that and it is an h3 tag because if we look at the co2 h3 today is going to be
52:31 amazing close h3 this is exactly what we wanted right this header is now styled how I is
52:39 the designer style right using my theme or sight styles or
52:44 font Pro whatever way you like styling text on your page okay it's styled the
52:50 way I want yet the customer contain can control just the content
52:59 you hey that's a very powerful I know it took us a couple hours to get to this
53:04 point right but it's a very powerful concept okay you as a designer need to
53:10 design the site and you need to give control of just the content to your
53:15 customers and again in hip wig it allows you to give a little bit more flexibility if you deem that customer
53:22 smart enough okay or they pay you enough money for them to have that control it's
53:28 up to you but right hopefully this is
53:33 making sense to people okay now when would you use hip wig in in the
53:45 hip wig editor and when do you use markdown okay I think use the hip wig
53:52 editor whenever you have large blocks of text on the page like a paragraph or you
53:59 know something like that where your customer gets a little bit more control okay for things such as headers for
54:07 things such as titles of tabs right because once once we've learned this
54:13 macro syntax we can now use this everywhere
54:19 okay now I'm gonna do something really quick let's go ahead and I'm gonna
54:25 change things up a little bit okay really oops I'm gonna do this really quick so sorry
54:32 if you're gonna I know we're kind of at our break time already but I want to get this through to you guys I'm gonna go
54:38 ahead and do a new admin area okay I'm gonna have I'm gonna I'm gonna create a tab container okay and I want the
54:46 customer to be able to control the titles of all the tags those tabs okay and we're gonna have things like header
54:53 and paragraph okay so I'm going to do that really quick here so bear with me
54:59 here I'm going to have and here we're gonna call this tab one and it's going
55:08 to have it's not going to be hip whit's gonna be plain text editor I don't want markdown and I want one
55:15 line okay and we're gonna have here okay that's going to be tab to we're gonna
55:21 save do this I'm gonna be tab three save that and tab for okay
55:30 now if you wanted what we could do is we can go here I can set up and get my titles right here we can do this tab one
55:49 two three four okay
55:57 now we have four tabs right now we also had I said I wanted we have a header on
56:03 the page and a paragraph okay just for simplicity sake I'm gonna go ahead and
56:08 let's do here appear we're gonna have the header oh I need a one column stack
56:14 or else that's gonna like go huge actually I want that in there too okay
56:23 and so we're not making some things completely hideous let's add 3:30 RAM
56:29 and let's do that again and three room the bottom okay oops
56:41 so here we have our text this is going to be header okay and we don't want hip
56:50 wig because we this gonna be our header it's gonna be plain text and it's gonna be just a one liner as well okay and
56:57 then our last is going to be a paragraph so here we have paragraph this I'm gonna
57:06 set to paragraph okay insert text this I
57:13 want my hip would get etre okay so let's go ahead and preview this
57:22 so here I have I'm gonna type in I mean I don't have any of this data right I created all these new CMS IDs none of
57:28 them exist on the server yet I'm just previewing locally in Safari so I'm just gonna type in my work shop
57:38 header
57:46 okay I'm gonna type in some text and I'm gonna make that bold you know just add
57:52 some formatting here maybe I want that underlined okay maybe I want to link
57:58 this to to my website insert all right
58:05 so now I have a link there and then here I'm going to have one two three four
58:17 I can save all this boom I
58:24 I've saved all of that content to my CMS and I did that really quick okay but you
58:29 see I just created a header created a paragraph with hip wig and then I had
58:35 plain text for for tab titles okay so how are we gonna enter that all on
58:43 our content page now here let's let's rethink our content page here once you
58:49 get using the CMS chances are you're not really gonna use the CMS tech stack very much you're gonna use macros which is
58:55 probably why no one caught that markdown bug before in the text stack so what we're gonna do is now we're just gonna
59:01 use straight-up macros everywhere okay um except maybe that that paragraph of
59:06 text that's probably gonna be a good thing okay so what I'm gonna do now is we're gonna add in a title page title
59:14 where's title title okay and in here I'm going to insert my CMS text header was
59:23 my CMS ID okay boom and then I'm gonna add in a tab container because remember
59:31 we had tabs oh I need a column
59:38 okay there were four tabs right here we had CMS text tab one I'm just gonna copy
59:50 that we'll go to tab - we're gonna go to
59:57 tab three and then we're gonna go to tab
01:00:05 4 and just for simplicity sake what I'm going to do now is for that paragraph
01:00:12 text I'm gonna go ahead and add that text here and that was set to paragraph
01:00:20 okay I could just insert it an HTML stack now here's something some of you
01:00:27 might have done this okay you might have gotten because you're like oh yeah I need to insert a paragraph right so what
01:00:33 I do is I'm gonna set up I'm gonna set up foundation paragraph then I'm gonna put in my macro in here nope not gonna
01:00:39 work okay unfortunately that won't work because this text as we said it it
01:00:47 already hipwood creates the paragraphs for us right so it's best to you either use the CMS
01:00:53 tech stack or what you do is you can use an HTML stack and then you can put in
01:00:59 the CMS macro in here okay if you want to type out the macro that's what you can do if you were to put in this
01:01:07 paragraph into a foundation paragraph stack it won't work how you would expect
01:01:13 it to work okay so just fair warning on that I'm
01:01:19 not gonna create contents for tabs two through four I think we're okay let's go ahead and preview this now if I am a
01:01:26 rock star um it will all work and there we go I have my header okay
01:01:32 I have tabs one two three four and then here's my paragraph that was formatted
01:01:38 with hip wig it has our bold it has our underline and it has our link to my website really cool okay now
01:01:49 you can use these macros anywhere inside
01:01:54 the HTML okay so what does that mean Joe
01:02:01 okay that means that you can use things such as in the browser title you can use
01:02:08 things inside like this CSS tab or JavaScript tab or the head or the body
01:02:14 okay or inside meta tags okay if you're using foundation okay and you want users
01:02:23 to be able to control their SEO tags you can use SEO help or wherever the heck's
01:02:29 that there it is okay you can use SEO helper on the page and you can you can
01:02:34 put in these macros okay into these settings here now the macros will work
01:02:45 in a lot of settings without within various stacks but I cannot guarantee
01:02:51 that it will work okay because some of
01:02:57 these settings that are inside stacks I mean this particular want all the settings that that this stack outputs
01:03:03 end up inside the HTML okay now if we
01:03:09 look at that at the anatomy of a web page right this particular web page has a lot
01:03:15 of different resources there are CSS files there are JavaScript files so on and so forth so if you have a stack and
01:03:25 you insert the macro into the settings of that stack and it does not work okay
01:03:31 it doesn't work as you would expect it to okay chances are that stack could be
01:03:37 inserting the value from that setting into the JavaScript file or maybe into the CSS file if that is the case the
01:03:46 macro will not work it only works in the instance that that macro is inside the
01:03:55 HTML file hopefully that makes sense to you guys
01:04:00 right so if we wanted to look really quick actually um here's something interesting so I've been doing tons of work on this
01:04:07 project file right if we were to look at the live web page here if we go to
01:04:13 sandbox your open net look it the thing is still blank right there's nothing to
01:04:18 it right it's empty okay but if I republish it will show up
01:04:28 but the power here is to show you that I've done a ton of stuff here with the CMS and adding data to the CMS and it
01:04:36 did not affect the live website yet right so that's powerful that you can
01:04:42 kind of build content in the CMS add dated to the CMS all without publishing
01:04:48 all you know granted like I said before you need to make sure that the that it
01:04:54 is ultimately published to the server first with at least the CMS core on the page so that the the CMAs application
01:05:01 gets published okay but if we go ahead and publish this now it should publish
01:05:06 it all up do
01:05:25 do-do-do-do do-do-do-do-do do-do-do-do-do do-do-do-do-do
01:05:34 do-do-do-do-do do-do-do-do-do boom-boom
01:05:41 not done yet doo doo doo doo doo doo doo
01:05:47 twiddle our thumbs and wait for rapidweaver
01:05:53 almost there almost there almost there
01:06:00 hey done let's share again okay so here
01:06:05 we go
01:06:12 so here we go here is our site right we have the header all the tabs and the
01:06:18 text right and then we go to slash admin and here is our admin interface that we
01:06:26 built okay um I guess one thing while a lot while I'm doing this I said we want
01:06:31 a password protector admin site so well it really wasn't part of the text but while we're here and we're building the
01:06:37 site let's protect our website right I obviously don't want I don't want to see you help around there thank you very
01:06:42 much okay so the admin side what we have is we have a stack called protect inside
01:06:49 total CMS and it is right here is called protect and you can go ahead and add
01:06:54 that to the page protect is really cool you can go ahead and add an icon if you
01:07:01 want I'm just gonna leave it blank you can change some you know a few settings for the colors and changing
01:07:06 some of the text and whatnot on in you can enter in your password here in the expire time so you want to expire after
01:07:13 how many minutes okay so the the password here I'm just gonna leave it as the default of password with an @ sign
01:07:20 and a zero and I'm just gonna publish this
01:07:32 it's a lot faster okay if we go and now
01:07:39 I'm on the admin page if i refresh it's not gonna obviously it's gonna prompt me to login so now I gotta log in and it
01:07:48 lets me in but so that's how we can password protect our admin pages there
01:07:55 are more elaborate login solutions I have a stack called page safe which is kind of like a professional version of
01:08:01 that protect stack and if you need even something bigger than that there's a you can integrate with SiteLock site lock is
01:08:08 an amazing tool that gives full-blown username password stuff not just passwords so site lock is a full-blown
01:08:17 you know session onto its own you could try to a full day on that at least um and I have some SiteLock stacks that
01:08:24 help you integrate it but it is a third-party tool to rapidweaver I have some stacks that help make it a little
01:08:30 bit easier to integrate with rapidweaver but um yeah so that's how we can
01:08:35 password protect our admin sites let's go ahead and look at some questions
01:08:41 before we head off and grab a bite to eat and chitchat in the Hangout okay so
01:08:47 let's go ahead and look at what we got here um oh don't forget oh thank you for
01:08:53 he told me to don't forget about the macro prefix in the content core thank you very much
01:09:00 okay I will go over that in a second and Rob axe asks a very intelligent question
01:09:05 here about what kind of text can be used as they seem as Eddy I think Rob already
01:09:10 knows this answer but he wanted me to answer it for all of you guys because it is very important um the CMS IDs need to
01:09:19 be simple all right I recommend text numbers absolutely zero spaces um you
01:09:27 can use underscores if you really want to um I would highly recommend you stick with text and numbers only that's it
01:09:35 text in numbers so um in terms of letters and numbers I should say letters
01:09:40 and numbers that's it um you can underscores that is allowed um absolutely no spaces that will not work
01:09:47 okay and no dashes are iffy I wouldn't use
01:09:52 dashes I would stay away from dashes um I think I might have fixed that but stay with Nash's like I said make things
01:09:59 simple right if you need a header call it header right or home header or something like that
01:10:05 right um so maybe you come up with a little naming standard for CMS IDs where you know it's maybe the page name
01:10:11 underscore something right now CMAs IDs
01:10:16 don't need to be specific to a page either right because they can be used
01:10:22 all across the site I know some people have had that issue where they they had this mindset where they thought you
01:10:27 manage a piece of content and it's specifically for one thing on a page not
01:10:33 necessarily what if you have a common site title right across all of your all
01:10:39 of your pages you have one site title attribute in the admin pages and you use the macro that same macro to import that
01:10:47 data on every web page right or if you have a common footer on every single
01:10:53 page and you want to have the same you know URL links or you know text about us
01:10:58 text in the footer or things of that nature right that is all centralized you
01:11:03 create one thing in the admin area and you can use that macro on every single
01:11:08 web page or as many as you want it doesn't need to be every web page right so don't think that you need that that
01:11:14 one CMS area is tied to one content side it is all global that that pick that is
01:11:22 images text everything right so if you're if you have the customer logo at
01:11:28 the top of every single web page and you want them to be able to change that do it with the CMS you upload it once and
01:11:34 it the same image is used on every web page which is great because then we we get to leverage browser caching and all
01:11:41 that jazz right so on the same exact image is used so that's really really
01:11:46 cool stuff and thank you very much for dominic for reminding me about that core prefix
01:11:53 that's some cool stuff so what does core prefix is the user use case for this
01:11:59 there are some users that have let's say they've created some template templated
01:12:05 pages in rapidweaver for their site hold on I need a what my whistle here okay so
01:12:16 a user has some template pages meaning he has let's say a page about a course
01:12:25 that he has okay and he duplicates that page whenever he needs to and
01:12:31 essentially all he needed to do the page is the same all he wanted to do is
01:12:37 change the CMS IDs for everything so I had enough users you know come to me and
01:12:44 be like that'd be awesome if we could just like have a centralized way of just like prefixing every single CMS ID with
01:12:51 something right so let's say on my home page I have header text and footer and
01:12:58 then I duplicate that page it's the same exact page but I want to use a different set of header paragraph and footer right
01:13:09 this is where the this prief this Simas ID prefix comes in okay
01:13:14 so let's show you an example now I might
01:13:20 not do a full-blown example because it would take me a little while to set up but hopefully you'll get the idea okay
01:13:32 okay so here on the content side okay um I have CMS corn we have header and all
01:13:40 these tabs and a paragraph okay and then I have if we click on this little plus
01:13:45 button the macro prefix is blank okay I'm gonna duplicate this page
01:13:52 um it's just content copy what I'm going to do is I'm going to say macro prefix
01:14:00 copy okay
01:14:06 so what this is doing um is it's going to now be looking for a
01:14:16 copy header copy tab one copy tab to copy tab three copy tab 4 okay so let's
01:14:23 go ahead and this on the on our admin page okay and it shouldn't take too long
01:14:31 to duplicate let's go ahead and just copy that and we'll put it down there so
01:14:46 we have copy header copy paragraph and
01:14:51 just to be thorough let's go ahead and we'll have copy tab one copy tab 2 so
01:15:06 this isn't saving really saving as time on the admin side because we need to be able to edit all these various regions
01:15:12 separately ok so just go ahead and what
01:15:22 I'm gonna do here is I'm just gonna I'm gonna put copy and everything just because it's just easier okay
01:15:32 to save all that okay so now I have copy is everything right so on this content
01:15:38 page this content copy I did it right there we go so what it's done is here
01:15:45 I'm gonna go ahead and remove the macro prefix and what it's done is it's
01:15:55 brought in all the the the default stuff right so again it's bringing in header tab one tab to tab three tab for
01:16:02 paragraph okay but in CMS core now that I can I can add in a prefix so I want to
01:16:09 prefix all macros on this page with the word copy because that's what I set up
01:16:15 on the admin side okay this allows us to
01:16:20 now bring in my page I did zero work on this page right all it is duplicate it
01:16:25 the only thing I changed was this setting in encima score you can imagine if you add a lot of data on this page
01:16:32 that this macro prefix could save you a ton of time okay so um yeah let me let
01:16:40 me go back to see if we have any more questions about that can Oh here Dominic
01:16:47 asks can clients create or change password in the protect stack they cannot in the protect stack they can
01:16:53 with the page safe stack though so the page safe stack actually allows you to
01:16:58 create as the designer a master password and then a a configurable client
01:17:04 editable password that they can edit so the reason that's important is that it
01:17:11 allows you to still have a master password even though you don't might not know the password that they created okay
01:17:17 so and that's one reason why the text box the text admin area has that
01:17:23 password option so that you know that's hidden from the from the page right so user can type in their new password and
01:17:29 click Save um yes and as Richard Hilton said he was
01:17:38 asking um we can use the save buttons as well as you know if you notice I didn't click the Save button every time command
01:17:44 S or ctrl s on Windows will save all of the edited regions on a admin page so
01:17:52 that's a good a good tip right there if you're a keyboard guy like me
01:17:59 what would you use the Select box for on the admin page for um there are a few
01:18:07 things you could use it for again if you add you know let's say a predetermined
01:18:12 set of headers for a client that you wanted them to um you know toggle between ten different options you know
01:18:19 maybe you just want to make it simple maybe they have something that's like the day of the week and you want to you know add something that's just Monday
01:18:25 Tuesday Wednesday Thursday Friday so they don't need to type anything and they could just select it right or um
01:18:30 maybe they have here's an idea a
01:18:36 promotional area okay here's the things that here let me share this okay um so
01:18:45 let's say on this page I'm gonna take
01:18:51 this paragraph our weight now what was that selected box here let's just do let's create a new CMS area with a
01:18:58 select box here just for fun I'm gonna go ahead and collect select box and you
01:19:06 have let's call this specials or holidays something like that right and
01:19:17 the default option is none it saves a
01:19:24 blank value okay let's add a new one let's say Christmas is Merry Christmas
01:19:38 okay this what you can do is you know obviously this I'm just trying to do
01:19:43 something that's quick right you find the egg or something like that
01:19:50 right I don't know all right um think of this is like a way like instead of you know having short little
01:19:55 sentences like Merry Christmas maybe this was like a full-blown like copy of
01:20:01 a sale or something like that right there Christmas sale or something like that right so what you do is um you know
01:20:08 it's just a way of toggling between those so I made this what called awesomest holidays let's do a little H
01:20:15 so it's all lowercase right and then over here
01:20:22 that's just uh I'm gonna be lazy I'll just add it here and then I'm gonna say holidays
01:20:31 plain-text hip wig um yeah yeah okay and
01:20:39 let's preview that okay so right now if you notice here it
01:20:47 doesn't say it doesn't show anything okay um that's because on our admin page it's not nothing as safe right or it's
01:20:54 set to none right so I can go ahead and say Christmas let's go ahead and save that I'll go about it for my content page it
01:21:05 now says Merry Christmas I didn't put it inside of a column stack that's why it's far far left like that okay now now if
01:21:10 Christmas is over and they want to display nothing in that area okay this is actually actually a really good thing
01:21:16 to show you guys okay I'm gonna set that back to none save it okay um with text
01:21:23 okay um at least if you're using just the CMS text box and nothing is there um
01:21:29 nothing is displayed so in that right now I set that in the admin area to none it saved nothing to the CMS it saved
01:21:36 just blank right so when it goes to display nothing it's gonna display blank right um that's a good feature of the
01:21:43 CMAs tech stack that's just a few insert just the text obviously if I were to insert you know that as the header
01:21:49 there's still be an h3 tag on the page and and whatnot but hope that gives you an idea what you could use select stack
01:21:55 four there's also a stack called select
01:22:01 show which I'll show you a little in a little bit um I guess Wow well I don't I
01:22:06 want to show you now so in select show you can say if holidays okay in the
01:22:16 settings so it's select show um if holidays is equal to okay and the
01:22:21 condition is I think I said it's a Merry Christmas right obviously you'd probably
01:22:27 type in something different right but it's a way of you um you know if it's
01:22:32 set to Christmas then show this this thing right so you can use it to show
01:22:39 and hide stuff on the page as well right now it's just a little bit more advanced
01:22:44 there's also the toggle stack which we'll get to a little bit later today but that's another option for select
01:22:50 boxes we'll get into a more general use case for this select show stack later on
01:22:57 okay I think that covers all the questions guys we went about 30 minutes
01:23:02 long so what we're going to do now is"}]