Create a beautiful webpage like a PRO with WordPress and Elementor! | Maja Ferina Shapteva | Skillshare

Playback Speed


1.0x


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

Create a beautiful webpage like a PRO with WordPress and Elementor!

teacher avatar Maja Ferina Shapteva, Design, Dropshipping & Content creator

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

    • 1.

      Introduction

      0:33

    • 2.

      How to install the theme

      1:32

    • 3.

      How to change color and fonts

      2:15

    • 4.

      How to change the container and button

      1:36

    • 5.

      Setting up Header

      3:20

    • 6.

      Changing sidebar, footer.

      2:53

    • 7.

      Elementor webpage

      1:12

    • 8.

      Input a templemente

      1:20

    • 9.

      What's important ( header )

      0:39

    • 10.

      Next step: ,,What we do''

      0:46

    • 11.

      About us/me on front page

      0:38

    • 12.

      Portfolio (on front page)

      0:42

    • 13.

      Pricing plan ( on front page )

      0:52

    • 14.

      Other options on Elementor

      1:45

    • 15.

      Making Pages

      9:41

    • 16.

      Activate menu on front webpage

      0:53

    • 17.

      Congradulation & Good Luck!

      0:10

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.

243

Students

--

Project

About This Class

In this course, we will learn how to build a webpage like a PRO with WordPress and Elementor! The process is easy to follow. Just follow the steps and you will have your webpage done in few days.

In this course are given just the basic steps that you need, and with this you can just make your front page, but the process is the same and you can apply it on the whole website.

For more details I am always here to help.

If you want to learn from beginning till the and, and purchase some carrier in this aria visit my website at http://www.majaferinashapteva.com read more about it, and maybe book a free call where will have more specific conversation about everything.

Meet Your Teacher

Teacher Profile Image

Maja Ferina Shapteva

Design, Dropshipping & Content creator

Teacher

Hello, My name is Maja and I am a UX/UI designer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. And yes, like a UX/UI Designer I was able to work from home, and get all that one person can wish for.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

And as a UX/UI designer, I know exactly what pains you might be going throug... See full profile

Level: Intermediate

Class Ratings

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

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. Introduction: Hi, everyone. My name is Maya and this is my second glass. Here. It's kill share. In my first last, I read a lot of comments and I appreciate all of your thoughts that you have to share with me. Thank you so much. And in this class you will learn how to create a beautiful but page like a problem with work press and l a mentor. It will takes. It will take only a few days or maybe a few hours for you. It's easy and nice. Stay with me and you will learn that in the next videos. See you again. Bye. 2. How to install the theme: So he were on the WordPress dash port. The plug ins that you will need our elemental or elements, Kate and essential at some, the team. We will make it from scratch, but we're going to a soul. So you're going to you're need to go to your periods, teams as you and then you can go to popular and I just choose this team, then go to install, wait for a while and activate. So now our team is in still inactivated, and now we can go to customize the team. This is how it looks. Team on our dash bird. This is what we can see and we will start making some changes from here. And after that, we're going to make it some changes in front. Off the the page, how it's going to look like 3. How to change color and fonts: As we can see, this is the team and the first thing that we want to choose eat what are going to be our our color and funds. So if you go here to global, we have a topography and based the put topography or size he's 15. We don't need to change anything of this. I will just change the poverty to Georgia. This is my fun. You can choose wherever found you want and you like and from hearing I'm choosing the same Jewell JIA because I just like that from Okay, how it looks on both sighs on everything that is in here. We're going to put Giorgia worry jangles size And to be sure that our changes are save it. We're going Teoh, get coverage This don't worry. Everything that you publish being is going to change every time from the to press the publish button and for collar Here are the base colors. If you want, you can change them. So yes, I want to change and I want some different color. I want they'll be this color. Read some and now we're going to press publish again 4. How to change the container and button: after these, we're going to see what we can make. Some changes. Others here. So we have a container. I would like the wedding to be full weeding, but container the page layout the same. The blood falls. Same. Okay. And our hips, I will leave it like people. Because all those Ah, the regions that are here like search, rest imposed and everything else I will delete it and will not be here because we're not making block the page. We're making a webpage for work that you will need for and the bottoms like you can see right on the button text. We can make it the same. Okay, okay. And color more. Okay. And we'll make publish again. So our changes are saved. Let's get back. And Mellie half Heather. 5. Setting up Header: So the next thing that we need to do is to see how how our heather would look like. And here we need to you make some changes, like our gentility. Right now, I am going to boot my low. And if you have one and you can put it or just simplify input your name of the page where your working name and put it here. Thank you, Kyle. The link. This and I'm Mark those and now level within. I'm going. Teoh, simplify. You can make it. How much you want to be Gore her big. So I will put 100 under for now and a any time further. You want to make some other changes too? Be more big or small. You can any time come back here and make those changes. I will go back Primary, Heather. So here, when we can choose how we want to see it to look at this is right now how it is it can be like this So the logo can be in the center, off the baby and the many great down off of it or the local can be on the right site. But I think buy me the local looks great in the left side, off the corner, school within and lay out. We can try how it's going to be, how it's going to look like. So this it's probably okay with me. So the primary menu, this is what we're going to do in the next videos. We need to make the pages and were granted. Get back on this again and transported. Heather Dexter. Hummable. Yes. So when you, uh, do the customization, it will be. Apply it into the desktop and mobile version, so you will have on both, and we're going to make it published right now so we don't lose the changes. 6. Changing sidebar, footer.: the next thing we want to make some changes is the cyber. So I will go No sidebar. Like I already told, We don't want to make this page a blocked page. We want to make this age are working page. So, uh, the next thing is food er further rejects here, he's written a layout. We will put we play out because in the further we want to put some privacy policy cookie policy about contact news later. Ah, social media, maybe everything we will need. We will put in the fuller that I need to be done there. And we maybe can change some color here. Sorry for my phone. Hold. Good. We can put some images if we want to. Let's go with Fuller Bar. We can make it like this. And when would put the text? We can have a or we can make it like this. Maybe. Okay, we will see in the next videos what we're going to choose to put down here and how it's going to look like let's see some other changes that we need to do. So many you, we just talk about it. We just We're going to this is for the food here area. When we make the pages, and when we have everything set up, we will get back here and hold great settings. He's a static page. So the home page we're going to make publish now. 7. Elementor webpage: to start making the design off your webpage. You need to go to L a mentor and then getting started basically element or have done so many things for you and get the work much more easier. This is our front page, and I will start designing it. And after that we will make the menu and the full your area. We can click on this and just import some off them already made it designs and then we can read. Design it like we want. And let's begin with this back. Let's start with this. Just put insert. Maybe you will need to lug in if you are not. 8. Input a templemente: This is the temperament that works for me. It is from my area, and I will just make some changes and explain to you what is the most important to have on your webpage for you to do and how to make some changes. Uh, this is the big cover off your webpage. I think of this like a billboard. This is the place to show to your customers. Um, your images and messages that can help your clients and customers understand instantly what you can do for them. And here you can input some images or videos or slight show anything that you want. And the most important thing is to put the text and to put the call to action bottom Here, you want your, ah customers and visitors when came into the webpage so they can see what you are offering to them and call them to, ah, make something either ISS, you want them to, ah, book of free call or make an appointment or schedule something, anything that you want 9. What's important ( header ): in this area here, you can type your tax and explain what you want to tell them. Just like me. Here. I have already, um right this thing. Take a rep, say to the next level. So what? I want to tell to my visitors that they need to redesign their rep sized or make their websites so they can get more customers and sell anything that they weren't were. Um you can have assured description off your services, but ah, keep it short. Really, really, really short. 10. Next step: ,,What we do'': The next element is optional, but I really recommend it You to have it on your first beach. Ah, this is where you got your key value is your key, Valois. And what makes you different from any other person or service company? Um, you can also write a one or two sentences, long description off your benefits. So ah, I hear have put that. Don't be afraid to give up the good to go for the great and put some, um, services that I offer. 11. About us/me on front page: The next thing that you will need to have on your first page is short about you or your company. Ah, it's always great to have about decision. It's always great to have about description off yourself on the first page, so people get to know you and what you stand for. Ah, this would be like three sentences about short about your bio and your businesses. Ah, what you are what you do, who you are and everything that 12. Portfolio (on front page): It's always a good thing to put your portfolio here, your resident work so people can see it and can get more trusting you. And of course, after your portfolio, you need to put some testimonials because they're the key off the page. Um, right down people who have given you were can give you X Timoney ALS If you don't have any , Ah, two testimonials are enough. So try to find people who will, um, who will make a testimonial for you and your work. 13. Pricing plan ( on front page ): and for last but not least, you should food prices and packages if you have one. Ah, there are options, but it's good for you to describe what it's included in your packages and your pricing so you can have a pricing plan plan just like this and for a least. If you want to have news later, you can put it here some years later, form for ah, people that are visiting and there are interested in your work can subscribe and get, um, newsletter. Get emails from you. And that way you can increase your email your email list so you can work on that later. 14. Other options on Elementor: if you don't find anything that you would like to input from L a mentor here in the left corner you have sections when you can went nowhere when you can input into your off the page like you can see here half Ah, text editor, images, videos, Buttle, spacer icon, Google maps everything that you will need to make some page like you want. So this is the pro. You don't have to use it because the basic half more than enough for you to make a stunning website. So you can Ron Wyden. Ah, you can put testimonials. You can put social media, everything that you will want. You will have here and you can make always the changes Every this is a front end and everything that you touch it will open to you in the left corner and you can change the text and you can change. Um, everything basically everything that you want and that you need to change on this page. You can do it. You can change the testimonials you have. You can see here the forms you can input, you can see you can just feel this anything that is good for you. You can make it change it here. It is not hard. It's the most easiest way to do your webpage. Just like this in few steps and basically in no time. Let me show you how to do your menu now. And the flu. Your area, we can make it. 15. Making Pages: to do the pages you need to go to pages will add new and we will do one about us war me, whatever you want. And in this page Ah, you should talk about yourself Now it's time to write about your business. And you This is page one of the most important. Ah, the people will visit it to know about to get to know something about you who you are, what you stand for. And why are you doing this? If you are your company, then you should talk just about you and how you started your company. Tell your story. When did you get the call to get into this work? Why are you doing this work? What is your mission and what you want to change with people? Why do you want? What do you stand for? What changes we want to see in this world? Or in the C ity? Some amazing things that you don't And some of your greatest, um are hitman's and then click publish so this page will be visible. Okay, then go to odd new and we'll put contact here. You can put ah phone number email address. Ah, maybe a Google mop. Where is your work Located? Uh, anything that you want that you have. The people can contact contact with you and connect or some contact form so they can send you an email. And then I think, publish, Publish, And I will not go into deeper any other pages. So you see how these pages can be done. You can edit it with elementary Connecticut, right here. Um right. Anything that you need that you have to write to these pages. And if you have some other pages like services or, um, black, like services or blood, you can make it here and add new. It's so easy. And now let me show you just how we can make it through the website. So we're going into appearance menus. Here we have elements, keep mega menu, and if we click, enable this menu for mega menu content. We need to put a new structure. So we are going to call it a header crake menu and here will at just about and caught contact at Dominion and put it just like this enable and safe menu. Let me tell you just that if you want to have a menu we dropped down and the first page like, let's put it simple just to show you And let's put it this to again Just to show you just like this to be drop down. But if you want this simple page, um, do not be open it just to show the name. You need days to be a custom link. So you will Woods here, the text, simple page story And here just put for me not to let me find just this and at the menu. Now this and this will be Remove it. Let me show You know what I want to tell him? Safe menu. Then go to visit site story. It's not say that yet. You think it will need some time? Okay, now is done. No, we can see Page. This is the menu now. So sorry. Don't forget to put it to primary menu and say that lets you know. Yes, this is what I'm talking about. So if you click about us in low pen contact and here half simple page and if you click here , we don't get to any page. But if we click about us were elemental, it will open the page. And now I'm want to show you this, but if you could sample page at two menu so now will we remove this? Could this can put this under save menu now? Simple page. When you click on it, it will open a new page. So this is how you need to do your thing just now. I will remove all this. Look, look, save his menu and create a new one. Yeah. Quote folder. Well, check Twitter, Manu. And just at the privacy policy here, you cannot, um your cookies about contact news later, social media, everything that you want. I will say that well, and that's it from. 16. Activate menu on front webpage: don't forget to go again to periods and customize. We need to put our front page aesthetic page and choose what static page would will be. So we go to home page settings like you can see Here is the other one that is not edited. And we're going to put L a mentor during nine. That was our paint. Okay, Wait where? Fuel moments. And this is our page. Done. You can see it here. Go true. Oh, that and make it publish. 17. Congradulation & Good Luck!: now that you finish it a learning all those classes, you're all set up to start building your beautiful page like a pro. Congratulations and good luck.