 Thank you All right, good morning everybody, thank you for having me and thank you for attending this short presentation Just as Kathy mentioned, I've only been familiar with wordpress since about February So I am using kind of the new Gutenberg format. That's what I learned on so what we'll be going through today Are just kind of the bare essentials of three of the main pages that you need for each of your websites Whether that's for services or your small business owner or you know, organizing meetings That's what we'll be going through so Goal for the day again is just to one decide what pages you might need for your individualized website To the content that's required on each of those pages as kind of more of a bare bones And three how Gutenberg can help us accomplish this Okay So these are the topics that we're going to be covering today on our home page We will address the titles how we're going to add kind of some cover Cover images or background images and then we're going to talk about static versus dynamic home pages After that we'll kind of go into the about page Everybody wants to know a little bit about you in this day and age or a little bit about the product or service that you're going to be offering Again, we'll just kind of cover how to add content on that page And then the last page one of the most important pages is going to be our contact page So we're going to learn how to add a physical address that you know looks nice is clean is presentable So people are able to find you how you're going to embed a map so people can find you and then again Just a contact form so if anybody has questions or inquiries they can get in touch with you that way Okay, so first thing is going to be title so The what we're going to be looking at today are a number of screenshots from a template called Radcliffe to on wordpress.com I know some of you will be building on wordpress.org So we'll kind of talk briefly about the differences between the two and what's offered for around different block types So with add title at the top of each of your web pages You're going to have the opportunity to add a title so you can just kind of welcome people or you know add in what you want Always important to remember to update any new information that you're putting in It's wildly frustrating when you add a lot of content and then forget to save it So word camp 2019. That's just the title of what we're doing today Okay, so On your home page when you start adding content You're going to have these pre-existing blocks that are present and they will kind of show up with a light gray writing If you bring your cursor over to the reader's left You're going to get a little addition sign that pops up What you're going to do then is just simply click on the addition sign Which is going to add a block and the blocks you can start to choose from a paragraph block to add content You can choose photos you can choose slideshows, but for now We're just going to briefly touch on the paragraph block So you're going to add in your content each time you're done writing something if you press enter It's automatically going to start a new paragraph block for you One of the really I guess like convenient things I found about Gutenberg is again if you bring your cursor over to the reader's left You're going to get these arrows that show kind of move up or move down So if you decide you want to move blocks of content around you don't have to cut and paste it You can just simply click up or down and it's going to reorganize the blocks on your page for you pretty quickly and pretty efficiently So that's kind of a nice feature Okay Background or cover image. This is where you guys get a chance to capture your audience's attention I've been told in the past that having original content is usually the best There are websites out there where you can pull different photos for free Sometimes the photographers who upload them just ask for a thank you But those are always an option if we don't you know have a lot of time to go out and take photos of what we need to do So to add add a photo what you're going to do is at the top of a paragraph block or any Pre-existing block on the page. There's going to be again another addition sign just at the top You're going to bring your cursor over that addition sign and here's where you're going to find different blocks to use So in this for this case, we're just going to click on the cover block What's going to come up is something that looks like this So you can either choose to upload an image directly from your desktop Or if you've already uploaded all of your content on to wordpress.com or wordpress.org They have a library there that you can just select from With this you can also choose if you want your cover image to be the full width of the page If you want it to be a little bit smaller, you can kind of choose if you want it to be left or right. That's helpful too So this is what it's going to look like initially when you upload your cover image again With the cover image you do have the ability to add text over top of the photo for this example I'm not sure why the words came up gray because when it's published they come up white But you can add whatever text you want over most cover images If you don't want to add text and you just want to have a really nice big bold visual there You can do that too. So again, we're going to save it and then we're always going to preview Before you publish So then this is what you know a cover image would look like in the preview mode So you can see you have all of your tabs across the top for your web page You have you know your title and then you have the cover image underneath Okay Any questions so far is everybody doing okay? Yeah, okay so next part is blog posts, so This is where we're going to touch on having a dynamic versus a static page If you do want to have more of a dynamic homepage for your readers or if you're into blogging or photography There is the option to have your All of your new posts or all of your new blog posts come up on your homepage If you prefer more of a dynamic home page as opposed to just a static home page So what you're going to do here is if you go click on the Top left onto my site you're going to get this menu that comes up on the readers left-hand side So here what you can do is kind of click into pages and all of your blog posts are going to be listed there Alternatively if you just want to look at your posts by themselves you can select the posts post tab underneath the pages and just go in and do it that way So Let's look at one more thing. So if we were to click on posts from this page What happens is that we have the option to add a blog post from here So this is where we can add a blog post If we want to make our home page Dynamics so we want our home page to kind of showcase all of the blogs that we've been doing What you're going to do is come down to the customizer, which is a little bit below that and within customizer You're going to have the option for home page settings. Okay? Once you click on home page settings, it's going to bring you to this option So here is where you can choose to have your home page as a static page or you can kind of Select just up here and choose to have it as a dynamic page and choose to have your blog posts show up there Does it make sense? Okay So that kind of concludes a little bit on the home page We talked about adding content adding a cover page and then deciding if we want it to be static or dynamic Next we're going to kind of go into about and very briefly I'm just going to show you guys how to add some photos as opposed to just a cover image So here what you're going to do is you are going to highlight that addition sign On the reader's left again. What's going to pop up is this menu here? So Within this you have, you know, the option for images the options for gallery, which is a gallery is just static images Or multiple static images If you do search slide show up here You can choose to have a slide show on this page where you choose between Seven to five images and it'll just nicely kind of flow through so that's how we add pictures and What it can look like is if you just want to add, you know This is just a brief example from my own is if you just you can choose different blocks and choose where you want to put pictures in Again on the about page you're also going to want to add some content So just like we talked about paragraph blocks before you can put them in here as well Okay Now last page Contact page so we're going to go through a couple things here We're going to talk about how to put in an address put in your maps and then put in a contact form So readers are able to send emails to you or your business email directly so for addresses again, we're going to Highlight that addition sign and then in the top here what you can type in would just be like a contact or contact info What comes up is the option to put in address? Email addresses or a phone number So we're just going to click on addresses and this is the box that's going to come up here So for today, I just put in the address of Innovation Park If you do have a small business or physical address, this is where you could enter that information So we're going to save and then preview and then this kind of comes up nice and concise here Okay, so that's addresses any questions No, okay Next one is going to be maps. This one is a little bit tricky Only because we need to use a third party to get What do they call it at a public access token in order to embed the maps on our page? so Let's talk a little bit about that if you're on WordPress comm Your maps are kind of automatically going to be included in all of those different blocks that you can select If you are wordpress.org, you may need to download an application called jetpack in order to have access to the maps I have heard of a little bit of controversy with downloading jetpack So it would probably be best to ask one of the more experienced WordPress users about this if you are operating off of wordpress.org So we're going to select our maps At the same time we're also going to open, you know, another browser page and we're going to go to map box Okay, so map box. This is where you're going to get your free public access token That's going to allow you to embed the maps onto your web pages So with map box, you don't have to pay anything to get this public access token I believe you do have to create an account, but this kind of line of code Across here, this is your public access tokens. So what you're going to do, you know Once you make your account and you're given this on map box You're just going to copy this and then go back to the maps on your web pages and just paste it in Once you do that your maps going to show up quite nicely just on your web page At that time, that's when you can kind of put in your company address or your business address there and again, we're going to save and preview And then once we save and preview what's going to come up is just a map that looks like this with just a nice kind of red token on the address So then once it's published it'll look something like that Okay Last bit here is going to be our contact form. So again, you can kind of see this is a jetpack application So we're going to click on the addition sign We're going to type in contact in our search box and that's going to give us the option there So we're going to select form once we select form This is what you're going to see come up This part here where it says email address That's the email address that you want your client base or your customers to send it to so if you have a separate email You know, that's just managing web traffic or if you have a separate email. That's just for your business That's what you want to go right in here This part the subject line that can be it can be anything you want I think when I set mine up, I just put in something like web traffic. So then when it does come into my inbox I know what I'm going to be answering questions from patients who have visited the website But that's just a nice way to be able to keep track of stuff Perfect, it's gonna add again save and then you can preview here And then this is what it's going to look like when it's live on your site just super simple contact form right and That's that's it three pages Together questions Yeah That's a good question um this yeah, go ahead Chanta The answer is yes. Yes This okay, so this is I guess so there's WordPress that people used to use that had um kind of like I've been told a different template This template where you can kind of like select and choose different blocks is is the Gutenberg So I know one of the things that they're working on is making it more kind of like user-friendly for beginners like myself included the thing I found kind of tricky when I first started and you know lots of help from the people and the volunteers in this room Which is like finding where everything is so I was kind of hoping the purpose of today would kind of help you guys navigate or You know kind of kind of get a start on things So this template that you're using is Gutenberg the other questions How many people are building their own website Yeah, okay in the process or are we just kind of doing regular updates process In the process of building your own website. Yeah, okay okay, um and Everybody's using WordPress. I'm assuming because you're here today. So what yeah, go ahead Yeah, so oh, sorry, I just asked if I was doing all of my own updates Yeah, so mine. I only launched about two weeks ago One of the important things to remember is that your website is always going to be in a work in progress You're always going to be updating it and changing it So, yeah, like I will update my own website But I'll also do it with the help of like WordPress support So there you can email them and ask some different questions They generally get back to you within the same day But I have found that very helpful for just kind of going forward because I don't have all the answers Yeah More than three pages Okay, so the question was do I have more than three pages on my personal website or a professional website the answer is yes Yeah However, these were the three that I started with with Shanta because they are kind of like the essentials or the bare bones to get started Yeah, go ahead Okay, so question was have I ever had to upgrade I guess like an old web web Or sorry word press website to a new one the answer is no I only started becoming familiar with word press in a bit in February So I kind of started going to the and most Towns or cities will have it where you have a it's on meetup or meetup.com You can just kind of type in word press and then wherever you're from and Generally once a month, they'll have like a two-hour free tutorial where you can go and meet different word press volunteers And then they can kind of help guide you or give you advice on what you want to accomplish So I've only been familiar with this kind of template or this kind of format Yeah, yeah, yeah thing type Let me see here Okay, so here what you're gonna do is kind of in the reader's top left you would click on my site It's a little bit cut off there And then what you're gonna do is kind of scroll down to pages so you can either add Pages here by just pressing that little add button or if you go back to where it's You're just at my site. You'll have this option for pages here If you just click on pages all of this right here is gonna come up So I think the pink button says add new page Just make sure you're highlighted on drafts when you add new page because if your site is already live You don't want to add a new page to a live site because then it's gonna get a little bit confusing and stressful So everything that you do or at least how I started all the pages I were working on They were located in drafts until I was happy with you know What they look like how they functioned and then only after that time did I publish them and once they're published They'll kind of show up under this tab So in each of these what you can do is you can just preview them on their own and look at them while your site Is live but if you do want to make edits to them while your site is live I would suggest kind of doing it in a in a draft mode just to be safe Yeah, no worries Yeah I Yeah, yeah, okay, so hang tight with that if we go on this page if you go down to customize So one of the things that I found So for your whole site you can have the option to have it private where only You can view it or you can choose to go public so that's everybody can view it What I found is I was able to publish my pages And view them in the customizer section While my entire site was still private So I got to kind of like test and see how everything worked to make sure you know Like if I clicked on this tab it was directed to the correct page and once I kind of found everything worked that way I Was I was given instructions I don't remember how to do it, but I was able to change my privacy settings so that I just chose like everybody could see it now And it wasn't just internal So you can do that kind of in the customizer section Maybe like email WordPress for help before you start doing that just so you can make sure that your privacy is That is private before you publish everything. Yeah. Yeah Yeah Oh Sorry for the beginners in the room, can you talk about the difference between pages and posts? Okay, so If we look here pages are going to be your web pages your home page that captures your audience You're about page that tells them all about you and why they should like you or your product your contact page Where you can find them posts are kind of like different blog posts. So say what what do you do? High school teacher, okay, and what are you creating a website for? Okay for what purpose For students and other teachers, okay, and what information do you want on it? Okay, very cool So when you're doing this kind of stuff I guess this would be like a technology event that you I don't know Attended to learn a little bit more if you wanted to post a bit that you could create a post with some photos of hey I went to like WordPress 2019 and Hamilton. This is what I learned You can check it out a little bit and then that would be a post on your blog So your blog can have as many posts as you want Side note the more you blog and the more you post the higher your SEO, which is search engine Optimization so the more you post the more Google likes your site and will find you faster So any kind of little events you? Attend, you know perhaps like outside of school or any maybe like tutorials that you host with teachers or students Those are all little things that you can post as Like information nuggets that people can just read about in your blog so blogs kind of synonymous with posts I guess whereas Pages are kind of like that raw foundation of information that people are going to scroll through and look at At your website when you're online, so that makes sense. Yeah, okay Yeah If you want to what sorry Okay Okay, there is I'm not sure where it is on WordPress But there is a stats page where you can kind of look up the statistics of how many people are visiting each page or each post This is might be a good question for Shanta We take that Okay, so yeah, if you want to get a little bit more information about that or like which plug-in to use exactly Shanta would be a great person to talk to you once we wrap up anything else, sir. No, okay. Oh Yeah, of course There Sorry, she's first Yeah Like it's another way Yeah, so there are hundreds of themes to choose from on like wordpress.com or WordPress org Some of them are going to include like an e-commerce option. So if you are like Selling things online, you're going to want to make sure you choose a template that has that capability If you just want something super simple like there's there's lots of setups there one of the interesting things though is if You do want your page to look a little bit different or you do want it tweaked a little bit If you email the wordpress.com for help What they'll do is they'll send you like a little bit of code that you can kind of copy from the email and Don't know if I have it up here If you go a little bit further down here, there's another little tab that says like CSS So you would click on that CSS tab and just paste the code that they sent you from the email into that CSS and it can kind of change Change the setup of your template a little bit if you find, you know, there's a template and you like 95% of it, but you want it to do something Minorly different. They're always really good at sending code for you that can adjust that If you're not like familiar with coding yourself, which I'm not super. So that was helpful Yeah, no problem Okay And you'll be looking for those types of plugins Most of them have some kind of a way to link that Or there's SEO plugins as well It is Okay Oh The plug in the OST it's really super easy to navigate through them, and it can be very complex, but you'll see if I spot for the Google code, and then you just paste it in. Yeah, no worries. Any other questions, comments, concerns? Okay. Cool. Thanks for coming, guys. Have a good day.