WordPress for Beginners: Create Your First Site for Free From Beginning to End | Daniel Fayette | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

WordPress for Beginners: Create Your First Site for Free From Beginning to End

teacher avatar Daniel Fayette, Learn, create, share.

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

10 Lessons (35m)
    • 1. Design Your First Website From Start to Finish (What You'll Learn)

      0:25
    • 2. Download a Free Local Development Environment

      2:52
    • 3. Putting an Outfit on Our Site With a Theme

      3:32
    • 4. Basic Adjustments to Your Website's Outfit

      6:58
    • 5. Adding Our First Text Post

      5:09
    • 6. Create a Picture Post

      2:32
    • 7. Adjusting the User's Name & Getting a Live Link

      3:45
    • 8. Design a Custom Logo for Your Website

      4:13
    • 9. Add a Custom Header Image to Your Website

      3:40
    • 10. Hosting Your Site & Buying a Domain Name

      1:57
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

119

Students

--

Projects

About This Class

If you have ever wanted to create your first website, you have come to the right place. In this course, I'll be going through how to launch your first website, from beginning to end. The best part - you do not need to purchase anything until you are ready to make your site go live. We will be creating a local WordPress development environment, customizing a theme, creating posts, and launching the site using a couple of online platforms.

If you are ready, then I'm ready. Let's make that website!

Quick Links: 

When we are ready to launch our course, I recommend using Flywheel hosting: https://share.getf.ly/x98l4s

For now, we will be using a service of Flywheel's called Local to install a local development environment of WordPress so we can experiment, develop, and design without having to purchase anything. Here is a link to that: https://local.getflywheel.com/

For registering a domain, I recommend https://www.hover.com/

Note: For transparency's sake, I am an agency partner of Flywheel's and using the Flywheel affiliate link above does help support me & the creation of more courses. I recommend and use Flywheel because I believe that it is the best and for this particular workflow is most beneficial to those who are making their first website. Feel free to shop around at other options. I don't want to feel like I am being a salesman or trying to push you towards a particular option - I legitimately feel Local & Flywheel are simply the best in this case.

Meet Your Teacher

Teacher Profile Image

Daniel Fayette

Learn, create, share.

Teacher

After getting my Master’s Degree in Digital Storytelling and my Bachelor’s Degree in Video/Audio Production, I began working full-time with businesses consulting them on digital strategies and implementing solutions.

Previously, I worked as a video producer intern in New York City creating educational content for students. Throughout college, I produced videos, websites, and designs for businesses. I also served as a Graduate Assistant, teaching undergraduate students Photoshop, After Effects, Premiere Pro, video production, and audio production.

Now, I am eager to work with businesses with a passion to think big and a story to tell. I also hope to share some tips and collaborate with you guys to help you all learn somethin... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Design Your First Website From Start to Finish (What You'll Learn): If you have ever wanted to create your very own website, then you've come to the right place. I'm gonna show you how to create a website using WordPress from the very beginning to the very end. And you're not gonna have to purchase anything until you're ready to make it go live. So I'm gonna show you how to create a local development environment, how to upload your first theme, make a post and then push everything online. So if you're ready, I'm ready. Let's get started. 2. Download a Free Local Development Environment: first thing that we need to do to create our very first WordPress website is to download a local development environment for WordPress. This is great because it's gonna let us make and develop a WORDPRESS website without purchasing any online hosting. So this is great if you're not sure if this is something you want to pursue or not. You can download this and try and develop your own WordPress site for free first and figure out. OK, I want to do this. Or maybe it's not for me. All right, so let's dive in. The first thing that we need to do is go to a local dog a flywheel dot com. I'll leave the link down below so you can click that and then you want to click the free download button. I've already done this, so it'll have you fill out some forms and go through the installation process. Just go ahead and do that, and then, once you're done, launch local by flywheel, you land on the screen, and now it's time to create a new site. So let's name this one Daniels First Website and I'll click. Continue and I'll leave it on preferred gonna keep it as simple as possible. No need to go custom just yet. And then for the WordPress user name, Daniel Fat School and for my password will go and type it in. And then I'm gonna add the site. So while it's adding this site, let me tell you a little bit more about what local by flywheel actually does. So what it does is it makes a local install of wordpress available to you on your laptop. So this is great. Actually, one thing that I've used this for is I've been on a flight, a long flight to maybe on vacation or going back to China or wherever I'm going and I downloaded this and this allows me to work on a website with no Internet connection. So that's definitely a plus here. Another thing that's really good for is that if you're working for clients or you're just doing your own projects, you can develop it all without purchasing anything, and then you can even send them a link that actually works online, and they can look at it, view the site, and maybe if it's a client that can approve it, or if they're just a family member. That can be like, Wow, it's That's awesome. Okay, so now that it's done creating the WordPress environment, let's look at this page. So there's a lot of information here tells us the WordPress version, the environment. We don't need to worry about any of that just yet. Let's click the admin button here and is going to launch the website and it's gonna have me log in. So I'm going to log in using the user name and password that I created not going to save the password just yet. And this is what the back end of the WordPress environment looks like. There's a lot to see here. I'm going to navigate to the top left, and we're just gonna take a look at what the site looks like right now. So I'm gonna click that visit site button and here we are and all this glory. We've successfully launched our first WORDPRESS website. So it's there's a lot of default settings that are being applied right now, so we're gonna be customizing this quite a bit. But you've done it. You've launched your very first WordPress website, and the next lessons were going to be configuring this and customizing this so it fits with the Web site that you want to create. I'll see you in the next lesson. 3. Putting an Outfit on Our Site With a Theme: Now that we have successfully set up our WordPress development and launched our first sight , it's time to change and customize the look of it. So in this video, we're going to be applying in new theme to change the look and prepare us for further customization. So let's jump in. The first thing that we're going to do is here. I am on Daniel's first website, and I'm going to go to the top left and click dashboard. So at dashboard, this is really your home base for WordPress development and WordPress customizing so you can, as it says, get started. You can customize your site. You can change the theme, which we're gonna do in just a second, and it even gives you some next steps, tells you that you can write your first block post at an about page. We'll get to that in a later lesson in this lesson. Like I said, we're going to be looking at changing the theme so we can do that by clicking this button. Or we could hover over appearance and click themes here so really quickly. I want to share with you sort of how WordPress and themes work together in the bigger picture. So WordPress is the content management system is going to be the platform that we're making the website on and a theme the best way that I could think about is really just an outfit. So without a theme, your WordPress site is naked. Essentially, in this outfit is something that you put on WordPress so that it changes. It's look entirely all right. So in my case for this, Daniels blogged that I'm creating, and this one is going to be in my mind something for a content creator. Maybe if you're a musician or you're also content creator, a consultant, and you just want to share your work with the world and just get something out there so someone can visit your site and learn about you and learn about what you're doing. That's what I'm gonna be creating today. So I'm trying to think about some words to describe this site and some of those words that I want to sort of used to guide. My designing is clean. Ah, focus on images and text and just make it really user friendly and clean for someone to visit and see what I'm up to. So let's click around and see here what we have. So it's preloaded with three themes in my case, 2017 2016 2015. And these are once ever create by the WordPress team. As you can see here, this one is. It has a heavy focus on images and videos, and that's not a bad thing. No outfit in this case is particularly bad, but for my case and what I'm going for stylistically, I think I'm gonna pass on 27 team. Let's take a look at 2015. So this one's clean block focus and design for clarity, as it says right here for me. Personally, I'm not a huge fan of this sidebar for some people little work rate. But in my outfit, I'm just not a huge fan of it. So I'm gonna pass up on 25th 2015 as well in the last one. Here is 2016. So I'm gonna click on this, and this one is pretty much in the sweet spot between 15 and something. It literally is 2016. But this is what I was kind of hoping for, something that's clean, something that shows the posts really nicely, really cleanly. And I can show images and text, and everything is gonna look really great and clean and elegant. So I'm going to use this one. What I can do is I can click this life preview button and that's gonna load up sort of a demo of what it's gonna look like. And here it is. I'm thinking, All right, that looks pretty nice. I think that's the one I'm going to go with. So I'm gonna click, activate and publish, and there we go. I'm gonna exit out of this for now. Exactly this and go to the top left and visit site, and here we are. The theme has now been changed from the original 2017 to now. I think this was 2016. So this is essential for further customization. Because now that we change a theme, everything else is going to sort of change around that and the next lessons. We're gonna take the customization another step and start tweaking some of these individual options here, so stay tuned 4. Basic Adjustments to Your Website's Outfit: Now that we've changed our theme in the overall appearance of our side, it's time to jump into some more customization options. And in this lesson, I'm going to try to get you up and running as soon as possible. So I'm gonna go through the foundational settings that you should change. And then in a later lesson, I'll go to some more in depth customization. But right now it's going to get you up and running as soon as possible. But before I do that, I wanted to show you one other thing really quickly. If we go to Daniel's First Website, the top on go to themes, you can actually add a new theme here. And there are a Thanh of options, a ton, more options and just those three that are preinstalled. So there's a lot that you can choose from here, kind of going along with what I said in the previous lesson. Choose one that fits the outfit and sort of the guiding design words that you chose in the previous lesson so you can go through here, take your time, find a theme that works for you, and there are actually a lot of premium themes that you can pay for. And I have some recommendations that all making a later lesson. But right now, if you're just trying to get up and running, you can use one of these pre May themes and they will definitely get you there super quickly, and that's gonna look super clean. All right, so I just want to share that with you before we jumped in. So you can do that. You can jump in here, change your theme before we go into the customization settings. And I do need to say as well that when you change your themes, some of the customization settings will change as well. So there might be more there might be less. Just keep that in mind. I'm going through the ones that are on 2016 and they're gonna be sort of similar for the ones that are designed by WordPress. So just keep that in mind. It might be a little bit different, but the whole general process will stay mostly the same. All right, so I'm gonna go back to the front end of the website, and here I'm going to click the customized button at the top of the top toolbar. Click that and basically, this is gonna run me through all the things that we need to customize to get up and running . So this site identity here, I can select a logo and we'll do that in a later lesson. But right now, we're going to use the site title. I'm gonna change Daniels first website to maybe just Daniel Fayette. We've all changed Daniel Fiat's journal. And then for the tagline, maybe, you know, what should someone expect when they're on this webpage? What should I tell someone to go visit? So why should they visit this webpage? Maybe it should be something along the lines off a look into Daniel's creative life. So maybe myself to get someone to say, Hey, you need to come check out my block. If you want to know all the creative size, the behind the scenes, maybe should just be behind the scenes. A behind the scenes look at Daniels creative side. So maybe someone wants to see the behind the scenes things that are happening, you know, here how I set this up or whatever, Then they could come to this website and find all the information out so great and you can toggle this on and off. Maybe you don't want to be there at all. Maybe you chose a logo, so you want to use it instead? So that's available to you there and the site icon. That's gonna be what displays. It's like a little fabby con that displays. You know, if you have the Web page open, there's, like, multiple tabs and it'll show kind of next to year next year. Name there once again. That's not something that is essential for when you launch the website. So I'm gonna skip it for now, and I'm gonna go back, and I'm going to navigate the colors so they have a few different color schemes available. And you can also, you know, update these as you wish. Maybe you want to change all the links to green so you could see they're all updating here . What I want to do is I'm just gonna cycle three with some of these color schemes, So this was kind of cool. It's like a dark feel. See what the gray one looks like. It's interesting to read. Some of these are very This one looks kind of cool. It looks almost like a note pad, which I kind of like that feeling, I wonder, uh, it's It's almost two yellow, though it's it's really popping out there. So I think for this one, I'm just gonna go with the default one and for the link color. I am going to change this. I usually use 416 88 for my blue. For everything else, I think I'm gonna leave it the same for now. We're just trying get up and running, so let's go back. But you do have a lot of options there if you want to play around with the color schemes and see what's up. So the next one is header image, so this will display a header image on your website. Once again, it's not something that's essential right now. We'll cover in a later lesson, but let's get up and running. So let's skip that one back or an image. We're going to skip this one, too, but this is just a background image for your entire website menus. We don't have any menus at this point, so what the menu is gonna be is going to be where you click, you know, home about contact contact. That's where you can display the menu up. Because this the purpose of this website, it's just sort of be a blogger running journal. Of the things that are going on, I'm not gonna create a menu at all in the future. Maybe if you're creating your own website, you're gonna want a home and about contact. That's where you can make those pages and create the menu. You can do that right here. So I'm gonna go back. I'm gonna go to Widget. So the widgets are going to be these things on the side. So if we wanted to remove some of these, click the sidebar here. So, as you can see, there's a search which coordinates with this search Over here, there's a recent post recent comments, archives categories, meta. So what I want to do is I'm just gonna remove some of these. I don't think the meta is that important at this time. Archives isn't that important to me right now, And, uh, I think these four are good, So if someone was to search for one of my articles, I could do that. They want to see the recent post they can do that. Recent comments in categories. I think that's pretty good right now. And actually, I'm gonna go and remove categories because I think for the most part, they're all gonna be behind the scenes stuff, so I'm gonna keep it super simple. Just these three options. And I want to go back, go back one more time. And for the home page settings, we have the option to display the latest post or a static page. So if you had a static landing page, you just wanted to design a page that stayed the same forever. You can do that, or you can have it show your latest posts once again for this one. Since the main point of this is to sort of update with content in this case, behind the scenes content, I'm gonna leave it at your latest posts. But this is where you can change your home page if you want it to change to a landing page or just a home page that has all the information at one place, you can do that here and then lastly, the additional CSS option. So if you have taken you know html CSS courses. Then this could be really useful. You can change and customize it to the next level. So this would be, you know, you really want to customize your outfit with, you know, code. That's where you can do it. All right, So we pretty much done all the customers that we did we need to do on this page. So I'm gonna click the publish button here. I'm gonna exit this out. And here we are, all we've really done. We haven't done a whole lot just yet. All we've done is cleaned up the name here, added a tagline, added some witches and remove some widgets. I guess we just remove some widgets. And here we are. We've really got the site up and running. Now, we've cleaned a lot of things up in the next lesson. We're gonna add our own post here and remove this hello world post, but one that comes with it and get right in tow, publishing content and getting that website ready to share with other people. I'll see in the next lesson 5. Adding Our First Text Post: Now that we've customize our theme a little bit, it's time to add our own posts. So let's get started. The first thing that we need to do is hover over Daniel Face journal and go to the dashboard once, right? The dashboard. We want to hover over posts and then click on all posts here. We're going to delete the hello World Post because we don't need it anymore. Gonna be making our own and then we're gonna click add new and right here, as it says, we're gonna enter our title here. I'm gonna put welcome to Daniel's journal. Well, so cool. I'm making sort of an announcement. Post This was going to be text only. And another lesson. I'm gonna make it with an image in a video for right now, we're gonna do text, keep it simple and toe walking through some of the options. Here. We can change this from paragraph text to heading one. Heading two, heading three. These are all just going to format the text a little bit differently. Based on the theme, the theme already has some. You know, the typeface set the size set color eso is gonna make that and choose it automatically based on heading 123 or paragraph and then we can bold, italicized bulleted list. Basically your basic, you know, word processing options are gonna be right here. And if you want to see more options in this, there is a toolbar taco. You can click that and I'll give you some more options. Like text color, no strike through a horizontal line and everything else you see here if you really are familiar with HTML and you can also change from visual a text and do your HTML coding there . All right, so let's jump after visual and keep it simple. I'm gonna change paragraph two heading to, and I'm gonna make a little bit of a post here. Let's see. Let's do, um, welcome to the behind the scenes journal. Click enter and then I publish. I will publish a new post every Monday. Just a really quick introduction. Nothing too fancy. Feel free to take your time here and make the post whatever you want to be a sparkly and shiny. You wanted to be keeping it really simple here. And now that I've completed the text entry, I'm going to scroll down and at the bottom. Right? There's a module that's as featured image. So this is gonna give you the opportunity to put an image next to your post. So maybe that's on your home page. Wherever you're putting your posts, that you can have the image display because this is just a text one. I'm gonna leave it blank, but that is where you will put it. If you want to have an image display with your with your post, the next one is tags. So I want to explain what tags are. But first, I need to explain what a category is. So category is just how you categorize your posts. So first, I'm gonna make this updates because this is very much just an update in the future, I plan to have some behind the scenes. So maybe I should add BTS categorias Well, um, and uncheck that cause I just want this one to be updates and then tags. What should you put for tax? So the best way that I can think of to explain this is think of your post like an item in a store. Okay, so the category might be the section off the store. You know, if I go to behind the scenes the behind the scenes section of the store, then I'm going to see some certain kinds of content behind the scenes content by Goto updates that part of the store. Then I'll see some different kinds of content there. So I were at a store trying to find Welcome to Daniel's journal. Woo. You know, what would I tell the person? The employee that works at the store to help me locate this article? So, for example, since is welcome to Daniel's journal Woo, I might put welcome announcement new website, and I'm separating all these with comment, but with commas and I'm gonna click add. So there we go. If someone were to try to find this post, they might, you know, tell the employees welcome announcement and they'll try to lead them to a certain location off the store to find the post. It's just like if I was trying to find toothpaste and I couldn't think of the word toothpaste. So I said, you know, teeth clean, aural hygiene, something like that. Then hopefully that person will leave me there and get me in the vicinity, and that's exactly what times we're gonna do to. So let's go up a little bit and for format. There's a lot of different options here, too, So you could do a standard format and a side and image for this one is just going to be a simple text one. I'll explore some of those in a future lesson, but let's get up and running. And the last little module here that we see is published so we can save a draft. We could just save this and we can work on it later if we're not done with it or if we want to just save it and not publish it, so not everyone can see it just yet. We can do that by clicking Save draft. We can preview, click the preview biting and will give us a look as to what it looks like and it looks pretty clean. I want to jump back here in the last one is to publish it, so if we actually click published, then there it is. It's live, it's right on the website. So let's go back to Daniel's journal and go to visit site and there we go. Here it is. Everything up here is the same. But now it's this welcome to Daniel's journal Wu and welcome to the behind the scenes journal. I will publish a new post every Monday and we deleted the Hello World one. So that's not there anymore. But there it is. We've published our very first text post, and the next lesson I'm going to create a picture post so stated. 6. Create a Picture Post: Now that we've created our first text post, it's time to create a post with images. So let's jump in. We're gonna hover over Daniel Face Journal at the top left and click dashboard. From there, we're gonna hover over posts and then click add new, and then we need to create another title. So in this one, I'm going to be introducing my cat, the perfect coworker. Alright, awesome. And the next thing I need to do is add some media to this post at the images. So I've already uploaded these beforehand. But all I did was I went to upload files and I selected those files from my desktop. Or you can select from a drop box or wherever. Select those files and then they will appear in your media library. So in this case, let's go ahead and add a few images here good at these three, and then I'm going to click insert into post. There we go. We have these three images at it. The last thing that I want to do is I'm gonna set featured image. So I have mentioned this a little bit before, but basically the featured image is going to be the one that displays. As you know, the largest is going to be the one that's featured. It's gonna be the most important one. So if you have an article or a longer article that needs to grab someone's attention, this is the image that is going to go along with the title. Okay, so I'm gonna set a featured image here, and I'm gonna choose this One of my cat in the grass for the tags was going cat Cute, perfect co worker, Perfect co worker. If someone doesn't know how to spell perfect with my pony mind, I wanna click, Add. So there we go. I had it all the tags choose BTS for this one instead of updates, and I want to go ahead and keep the format as standard. You can go ahead and mess around with the image one and the gallery one. They're going to do things just a little bit differently. But for this one, a lot of times, standard is totally cool. So I'm gonna leave it standard. So let's publish this and see what it looks like. Here we go. We can view this post. I'm just going to navigate back to the home page by clicking visit site. And here we go. We could school down, says introducing My cat. The perfect coworker. There is the featured image that we decided on. Here's the date, the category. Some of the tags leave a comment edited. And then those are the three images that we decided on before. And then there is the first textbook that we made. Okay, so there we go. We've really quickly created a text post and we've created a picture post in the next lesson. What we're going to do is going to finish all the other things on the website that need to be done in order to get it ready to publish. I'll see in the next lesson. 7. Adjusting the User's Name & Getting a Live Link: Now that we've created our text post and an image post, let's take a look around the Web site, interact with it a little bit, find some little things that we can find tune and then get that share links so we can share it with other people. So let's dive in. So on this home page, we're scrolling down. We see this first image posted be created about my cat. On the right side, we see a search bar. Recent post recent comments. As we scroll down, we see the other text post what I want to pay attention to here because I'm gonna click on this first title here of the cat, the perfect coworker, one I'm going to scroll down. And one thing that I noticed that I want to change is it, says Daniel Fayette. And it's all like a user name. I just wanted to say Daniel, so it's a little bit more personal first name, basis kind of thing. So let's get that changed. I'm gonna hover over Daniel Face journal and click on Dashboard and then from the dashboard , I'm gonna go to users, hover over that and choose all users. And here you are. I see Daniel Fayette. I want to click on that scroll down a little bit and I'm gonna give myself the first name and last name. So now when I go to display name publicly as I can change it to Daniel. David Anything? Any variation of those on what shoes? Daniel in this case. And I can also add some biographical information. So if I wanted to say a little bit about myself, I can say I am a person trying to do creative things. I think that's kind of accurate, A little bit accurate, and I'm gonna click update profile. So one other thing, that profile image that was shown next to mine was this little, you know, person, the generic person image. If you wanted to change that, you totally can't. You just have to click the gravity our link and create gravity. Our profile. So that's just a website service that WordPress uses to update the profile images is totally free. It's pretty easy to set up. You can go ahead and do that. I've already created grab ITAR account with my other ones, so I'm not gonna do that for this site. But go ahead and do that if you want to change it to a more personalized you. Okay, so now that we've updated what will display as the public name, I'm gonna go back to the front end of a website and click this link one more time. And now when we go over here, it says Daniel, which is great. And if I click on Daniel that is going to show all the post that were made by that author, which is Daniel in this case. And underneath the author is shows my little biography. So this is a great place that you can introduce yourself if you have posts. If you put your picture in there, then it will make it a little more personal. But that's pretty much the last thing that I wanted to do on this site before we got the share links. So let's assume now that I wanted to show this off, maybe to my mom, my dad, anybody, my brother just let them know that I'm creating this and want to get some feedback. So let's figure out what that process is gonna be like. I'm gonna go down to the bottom here and go back to a local by flywheel, which is that that site that we use that program that we use Teoh create this WordPress website and at the very bottom here. If you click on Daniel Faith Daniels first website, you go to a live link and you can click enable here and there we go. If we click on this link, there we are. We have our own site that's going to be live at this link that was supplied by flywheel. So if we wanted to share this around, we're just gonna want to copy this link at the top here. So it's not at your own domain name. It's not like daniel dot com or anything like that. But this is like I said, really great for getting your link and sharing it with other people so that you can really quickly get some feedback without having to pay for online web hosting. All right, So these lessons, I hope they were really useful to get you from nothing to something from A to B in the future lessons. What we're gonna do is going to take the foundation here when updated with a custom logo at at our own header image. So weaken, spice it up a little bit. If you were interested in doing that, stay tuned and I'll see you in the next lesson. 8. Design a Custom Logo for Your Website: before we purchase hosting and a domain for this website. Let's add our own custom logo and header image to spice things up a little bit. So let's dive in. What we need to do first is go to the home page and then click the customized button in the toolbar at the top. Once we're there, we're gonna click the site Identity Button and then click Select Logo. It's giving us some suggestive image dimensions, which is great. So it's 2 40 by 2 40 We'll keep that in mind as we design a logo in just a second. So now we need to switch over to Canada dot com. If you haven't heard of camera before, it's a free online Web based design program. It has a paid option, but everything that I'm doing here will be using the free option. So if you have used before, I highly recommend it. Unless you have Photoshopped Illustrator. This is a great option to get up and running so I can create a design up here. Gives us a lot of options. I'm going to click the more button toe, unlock some more templates and scrolling down a little bit there is an option for logo, which is perfect because I'm designing a logo, and now it gives me a lot of options over here, could scroll down and choose one of these as a starting point for my logo creation. So it just rolled down trying to see which one sort of catches my eye. There are a lot of options here, so it's so they're almost too many options that I'm not sure which one. I want shoes. So I'm gonna go ahead and choose this one forever. Studios, wedding and events. Not necessarily the wedding and events kind of blogging them going for here, But this is a great starting point. So I'm gonna change forever to Daniels and instead of studios, maybe journal. And I need to move this. And actually, what I want to do is I want to remove this element No one remove this element behind the scenes so really quickly. I just wanted to create something that was a little bit more custom than the other option, while still pretty much saying something very similar. So instead of having the generic text, I'm going to use this template to create the logo and now I'm just going to stretch it out so that it sort of fits the workspace here. I'm moving over a little bit. There we go. Daniels Journal behind the scenes. So let's take a look at what this is gonna look like. I'm gonna change the name here, Daniel. Journal local and click. Done. And then quit download download. It's gonna put my dominance water. It looks like it's done someone exactly this. And go back to the select a logo, go to upload files, select files and then going to navigate to my downloads and select that Daniel Journal logo there it is, willing to click select. And actually, I'm going to crop this a little bit. So there's not so much space above and below it. That looks pretty good. And then I'm gonna click drop a crop image, and there we go. So one thing that I noticed is that one this is here and so is this. So I'm going to do Ah, remove this really quick and turn off the display site title intact line. So now I want to re select logo cause I did notice one other thing that I wanted to change . There was a lot of room on this left side, so I'm gonna actually squeeze this over here as well. Squeeze this over on the right and then bring this up so everything fits a little bit tighter than it it before, and it doesn't have to be perfect. Perfect. On the first try, you can always change it later. So now when I click cropped Image again and there we go, there's a custom logo that's been created. I'm going to publish this now. Exit out of this and now we have a custom logo created instead of the generic one. There's nothing wrong with a generic one. But if you want to add another level of customization, you can do that using Camba. And when you're in camera, feel free to take your time. I mean, there's no rush to it. So take your time, make something that you really like and just have some fun with it. So in this lesson, we create the logo and uploaded it, and the next lesson we're going to create a header image to put on, the website stated 9. Add a Custom Header Image to Your Website: Now that we've created our custom logo, it's time to create a new header image for the website to spice things up a little bit. So let's get started. We're gonna go to the customized button and the top toolbar once again and click that. And once we're there, we're going to click Header Image this time. And we need to take note of this dimension right here 12 80 by 2 80 pixels. So we're gonna need that when we go into campus. So let's jump into camera real quick would click that in this time I'm going to go and click Use custom dimensions right here. And it needs to be 12 80 by 2 80 just like it says over here. Just perfect back and click design for this header image. I'm trying to think of a design that's going to represent what this this blog's about this blog's about journaling is about documenting my creative process. So for me, I'm gonna choose one header image with the camellias. I'm gonna choose this one right here, and I'm just gonna try to find an image that really represents that feel free to take your time here and make a layout, make a design that really represents your brand. I want to try to move a little bit quickly so we can get up and running as soon as possible . So I've chosen this one layout here, and I'm gonna go to search, and I'm gonna choose, maybe journal, because this is Daniel Fats Journal. Um, I'm looking through here, and this one's a free one. See what this looks like? Uh, it looks not. It doesn't look bad, but I don't know if it's going with the same feel that I'm sort of going for, especially with the flower and the pen. This is more of a digital sort of website here, So I want to try a different search here, maybe desk and see if that comes up with something different. I sort of like this. This is actually a journal with a phone and a pen. So I'm gonna hover over and do this, and I kind of like that. It's kind of a subdued look. It doesn't have a lot of color. It's very de saturated. So the attentions off that and it's more of just sort of a texture for the website. So I'm gonna run with this one. I'm going to click on this and redesign and excuse me, I'm going to rename this design redesign. Just everything just blended together, but redesigned. I'm gonna name this header image, Daniel, fia and click done. And then I'm going to download that, and PNG is cool. Now it's saving my design. And once it's done, I'm gonna pop back over to the website and upload that image and see what it looks like as the new header image for the website. So there it is. It opened up itself. So many tabs open. Going to jump back into safari, close this and go to the customized and add a new image here. And this time I need to upload the file. So I'm gonna click upload files and then select file. And there is header image. Daniel Fayette. Choose that. And once it loads up, I'll select it and crop it. So there it is. I've already crafted to the exact specifications that it recommended, So I'm just gonna go ahead and skip cropping on this and see what it looks like. So there we go. When you click publish and see what this looks like at the home page level. So there we go really quickly. I've created my custom logo, which says Daniels Journal Behind the scenes and this header image, I think, does a pretty nice job of setting the mood, setting the scene for what you're gonna be getting here. You're getting Daniels Journal behind the scenes, and then you get this image, which I think leads perfectly into the rest of these posts. So great, it's exciting. You got your custom logo you got in your header image to kind of set the scene. Everything's pretty much ready to start looking into getting that host and getting that your own domain purchased. So in the next lessons, we're gonna be looking at getting that host established and getting that domain registered . So weaken, start and make and publish that live site. Stay tuned 10. Hosting Your Site & Buying a Domain Name: now that we've created a website from beginning to end, were at the fun part. We get a purchase hosting for the website, and we get to purchase a custom domain name for the website as well. So let me give you a couple of recommendations that I personally used to do just that. The first recommendation is give flywheel dot com. I leave a link down below that you can click on and arrive at this home screen. The reasons why I like using Get flywheel this guy's one. They're super fast and secure to the only do wordpress hosting, So they're really, really good at that. And number three, the biggest reason is because of free migrations. So when you're ready to go from local to online toe live, all you need to do is open up a chat box with them. Tell them your situation, tell them you created it on local by flywheel, and they'll ask you for the files and take care of the rest. So they're gonna make a messy migration process super easy and it's free. So I would definitely take advantage of that. I take advantage of that and it's gonna make setting up your first website Super easy. The second service I recommend is hover dot com. So I leave a link down below for that as well. But this is the site where you're gonna be registering your custom domain name. So this would be your daniel fat dot com where your dot net or whatever that maybe you're gonna register it here. And the reason why I recommend hover is because their support is amazing, just like flywheel. If you have a question about how to point your domain name to your host, they were going to guide you through that from step one until it's done or if you give them your account information is totally secure. Then they'll do it for you. And I've done this numerous times and every single time it works flawlessly. So if you're making your first website, the flywheel hover combo is something that I can definitely recommend. So, congratulations, you've made it. You went from nothing to something You major first website. You're getting ready to launch. It is super exciting. If you would like to, you feel free to share the link down below or send me a message of love. See where you came up with and I'm excited. And I'm so glad that you've made creativity happen. And I hope to see you in some other courses on this website. Thanks.