84 / 100
Make A WordPress Website Using Elementor Pro
Hi guys, my honour is Ferdy and in this video I goes to show you how you can create a beautiful WordPress website using Elementor pro. Elementor is the best free sheet developer there is and elementor pro is even better. Let me show you what we are going to cover in this tutorial. I goes to show you how to install elementor pro, do pages use blogs that means that you import demo content and you can adjust it to your wishes. I will show you how to import pre-made templates that are made by Elementor and by the community and I goes to show you how to create a web page from scratch, with elementor pro you can create every part of the website yourself; the header, the footer, archive pages, blog sheets, the sky is the limit. We are too going to work with dynamic content that enables you to create advanced web pages and save a lot of go. Besides that we will work with conditional logic, you can assign certain templates to certain areas within your web site and that behavior you can give certain parts of your website a different style than the general style and that’s not all we will talk about the Navigator, how to realize your web site accept for all devices.Assigning roles and rules to other customers, coming professional portraits for your website free of charge and “if youre going to” you can get to know everything about creating a web page from scratch. I have lessons about all the Elementor components and if you take a look at the comments people seem to desire those tutorials. So when you watch this video and you apply the things I educate you, you will become a pro web designer and you can create websites for a living if you want to. In the description of the video you can find timestamps. So if you want to go to a certain part, you can do that using the timestamps. If I go too fast for you in the tutorial, you can click on the icon now and lowering the moved of the tutorial. If you like what you’re seeing so far please like this video and if you want to support me in any way please subscribe to the YouTube channel, click on the bell and you will get a notification when I upload a brand-new video.Now let’s is starting. For who is this tutorial? This tutorial is for anyone who doesn’t want to waste a great deal of money on a website. It is for anyone who doesn’t have much time I want to do it within a few hours. This video is for anyone who has never made a website, it is for apprentices, it is for anyone who wants to adjust their website themselves without waiting for a web developer that they paid too much to get it on for them and anyone wants to learn more about Elementor and Elementor Pro. So what are we going to do? We’re going to get a domain name and network hosting and through my associate I can give you 60% off, then I will show you how to install WordPress, then I will show you how to install elementor pro and then we will create our amazing website.So the first two things we need to do is get a domain name and entanglement hosting. If you have that already that is great, then you can skip this part if you don’t have it go to webhosting1 27. com and then you can click on the link, go to Sitegrounds. I love Siteground, I host all my websites at Siteground. Siteground is in my opinion the best web hosting provider there is and I’m not the only one with an ruling and a Facebook web hosting group with more than 5,000 representatives Siteground is mentioned the most as best network hosting provider there is and I agree with them.I scroll down a bit and there are three proposals you can choose and the best value for your fund is germinate large-scale and the big difference between GrowBig and StartUp is that here you can have unlimited websites. Now you can have only one website and all the time beings are upgrading later because after the first website, they want to create a second website so I suggest GrowBig and you can always upgrade last-minute, so over here you can have unlimited websites, enough web space, you can have around 25,000 guests per month and if you get more than that, then you can upgrade to GoGeek. This is the package I have because I got a lot of websites but you can also upgrade later so I select GrowBig, is starting, I sounds over here and then you can choose a domain name. If you would say facebook.com and click on followed, it will say it is not possible because the domain name is already in use.So I would go for Ferdypro.com, I click on followed and it remains available, congratulations domain ferdypro is available for registration. So over here I need to fill in some details, of course my email address pro @ferdykorpershoek. com and you need to have access to this email address of course. You need to choose your own password, I elect this one and then I need to fill in some purchaser message, where I’m from I’m from the Netherlands and since I’m from the Netherlands I get a VAT over here so my given name, my last name, my fellowship call and if I fill in my VAT registration number the VAT amount will be subtracted from my total amount I have to pay, zip code without a space over here, my phone number and I scroll down how do I want to pay? I want to pay with credit cards so I fill in my items and I scroll down so then we go to Hosting Services.The plan is GrowBig the data center is in Chicago that’s okay and the period is 12 months and keep in mind that the first purchase will give you 60% rebate so if you go for 12 months you get 12 months of deduction but if you go for 24 or 36 months, you will get 36 months of dismis. I’ll left open at 12 months, you have a 30 daytime coin back guarantee so if you don’t like it you can get your money back and then here’s the domain registration. Domain privacy I use it because if you don’t use it you is a lot of spam emails from parties that say hey I can make a website for you and I don’t like that, I want to have my inbox to be clean. So I check this, I uncheck this one I don’t need it, there are tools that can do this for you and these amounts is $99.35. I confirm everything and I click on Pay Now then we click on Pay Now you don’t offer more but I get a commission and it helps me to create those lessons, so thank you for that.Your prescribe was successfully referred and now it’s completed. We have our domain name and web hosting. Let’s position WordPress, I click on proceed to customer area and SiteGround is offering me some aid but I don’t need any help, and I don’t need to add this so I say show. Yes I strengthen everything, complete setup and there we are and now we need to click on my accounts, go to the cPanel and I click on proceeded and now I go to WordPress. I scroll down, I click on install now and we are going to install WordPress. So here we can choose the domain I’ve only one FerdyPro and we can choose HTTP or HTTPS, we will take a look at HTTPS last-minute for now I use HTTP.I are also welcome to say I want to install my website at ferdypro.com/ brand-new experiment but I leave this empty so I lay on the spring ferdypro.com. I scroll down, our site list I can say Ferdy Korp Media but this name will be indexed by all kinds of search engines, so I preferably say what I offer so I say photography, film and webdesign and then I can say Ferdy Korp Media, the more to the left, the keyword is the better you will be found on the world, when people want to have a photographer they don’t search for Ferdy Kork because they probably do not know me but they will search for photography so I instead be found on photography than on Ferdy Korp because people are searching more for photography than on Ferdy korp.Site description I like to have a slogan you deserve to be seen. Admin username, this is the username that we need to login into your WordPress website. I say Ferdy Korp, I is generated by my own password, I secrete it and I make certainly save one like that. My admin email is pro @ferdyKorpershoek. com. The language of my website is English, this is all fine with me. I click on install and now WordPress is being installed on a brand new domain name and there it is, if I sounds over here, I go to our website and the great thing about SiteGround is that your website is live immediately, with all the other web hosting stages, it takes longer, it can take 20 minutes, it can take an hour it can take 48 hours, but now at SiteGround you are alive immediately.So now we have installed WordPress. Let’s continue; if I go back to the cPanel I are also welcome to go to the backend of the website, so I click over here for that. Now I close this I don’t need this anymore and here is the back end of the website, now you can edit all kinds of stuff and here’s the front end of our website. Everybody that recruits ferdyPro.com at this moment will see this over here so we are totally live. This is something that people will see. This is what we will see when we login. So let me tell you what we can do over here but first I want to clean things up. This message I just wanted to reject it, also this one, dismiss, close this and dismiss this. This is our dashboard overview. Here at the left, we can change all kinds of things. We can take a look for updates.We can add blog announces, we can add media pages. We can approve explains when we have them, we can change the regard a few of our website we can add plugins, add consumers. There’s a lot of trash and we will talk about it. The first thing I just wanted to do, I want to clean up my WordPress website. At this moment I think it is a mess and I like to have a clean-living province to work in, so the first thing I will do, I will go to plugins. There are a few plugins, I select all plugins and I click on build actions and I say deactivate and I click on apply. Now all plugins are deactivated I adopt them all again by tick here, Bulk Actions, delete I want to start with zero plugins. I click on apply OK, great now if I go to the website and I go to the blog post WordPress aids at SiteGround this is a blog post that comes with installation of WordPress. I click on it, what you will see Ferdypro.com/ you construe the date and then you hear the entitle I don’t like that, So I go to the backend to change it.I go to settings, permalinks and over here you hear the permalinks are set by date name so first you consider the date and then the reputation. I want to change that to the post name, I exclusively want to see the post mention. So I click on post appoint over here I scroll down and I click on save the changes. Now if I go to the website, I click on this big verses over here and I scroll down and I go to the link again. Now you realize Ferdypro.com/ wordpressresources at SiteGround I’ll Ike that, what I also see that the post is by Ferdy Korp, this is my login name, but over here I want to display my accomplish name.Also over here, what I can do? I can hover over here, revise my chart or I go to the backend do the same or I go to users, your chart. Over now, we can change the look of few of our backend, so you can change the colourings but I like the default one. I scroll down, I want to add my first name over here ferdy, my recent mention and then my exhibition refer publicity.I want it to be ferdy korpershoek so over here this change to ferdy korpershoek. I scroll down, I can generate a brand-new password if I just wanted to, I don’t need it I click on update profile and now if I refresh the page you examine ferdy korpershoek I like that. I go to the back end> to the dashboard and I interpret I have one post and one comment and I want to remove it. I click on the affix which is this one over here and I hover over it and I click on trash, then I go to the trash can over here and I can remove it permanently or I can evacuate the trash.If I have a lot of blog positions and I want to remove them all, I click on empty trash and everything over here will be deleted. Now I go to the dashboard and also the comment is gone. I crumble this and this and this and this and it gapes considerably better in my view. What I want to do now? I want to add a few sheets to this website, so I go to sheets and I hover over add new and I click on it. If you’re at the front end of the website you can also hover over here, brand-new and click on post media page. Now you can add a new page and this barroom is only seen by you when you are logged in so your tourist will not see this upper bar over here. I create a page and I announce this home, publish because we need a home page. What else do I want to show on my website. I want to say something about myself or about my corporation so I include a brand-new page and I announce this about or about me or about us, but I like about, publish then I want to show my business perhaps you’re a photographer, perhaps you’re a entanglement designer, perhaps you’re an accountant, you want to show your services what can you offer to someone else in exchange for money.In my bag it is photography, film and entanglement intend so I make a page services, where I showcase my assistances but I too want to have a page for every service I give so I add a brand-new sheet, photography, add a brand-new one videography and I lend a new one webdesign OK. I want to show what I can do? So I want to have a portfolio where I can showcase everything that I’ve made so far, so I contribute a brand-new sheet and I call this one portfolio publish. I include a new one and if it’s the blog sheet I want to show you some great things that you can do with Elementor Pro, publish and the most recent one if parties are reassured they want to get in contact with me so I create a contact page, publish.If I take a look at the website and I freshen it you don’t see the pages, so I go to the back end and I need to create a menu and employed all those sheets in the menu, in order to be allowed to to do that I go to appearance menus and over here we can create a menu name and nobody will see this only you will see this but I like prime underscore menu.Create the menu and over here we have the most recent sheets we’ve created, so I can select them all and I can add them to the menu and there they are. What we can do now? We can change the order, so I can sounds over here, hold to click and lag it on top. So we have home, about, services, contact is below, before that comes blog, before that comes portfolio and then we have those three service and what I can do now? I can add a presentation point over here at the top menu and if I would save this and I would refresh the sheet, you interpret the menu over here.If you go to apple.com and you go to mac and you want to go back to the home page, then need to click on this logo over here. They gave a lot of fund to optimize their website so I believe we should do the same. We don’t use the homepage but we use our emblem even though we don’t have a logo hitherto right now it’s this textbook over here, if you sounds over here you go back to the home page. So we have home now I want to remove that, so I go to the menu and I sounds over here. I click on remove so it starts with about. Below business I want to have a sub-menu with my three services. How can I do that? I grab it and I go to the right a bit and then you examine a invoice like that I secrete it and now this is a sub item of services.Same exits for videography or film and I can even take it a pace further I are also welcome to make this a sub item but I can also make this a sub item of videography, and if I save it and I freshen the website, you view works, you hover over it then you interpret photography, videography and if I flit over videography you insure webdesign, so in that way you can make a beautiful navigation to your menu. I fetching this one back and I save it and I refresh it like that. Now I certainly don’t like this website. We can make this much better. How can we do that? We can make use of a different theme. So if I go to the backend and I go to appearance, themes “were having” three pre-installed themes. Right now we have 2017 but we also have 2015 and if I would activate this topic and I refresh the sheet, then you still see all the same information, the title, the subtitle, the menu and the text but this time you see it in a totally different way. So the menu is at the left, the deed is at the left everything is different and if I would go to the themes and select 2016, refresh, it looks different again.So a topic is there to help you to display everything in a really nice way on your website and there are amazing themes that will do that for you. There are paid themes, there are free themes but in this tutorial, Elementor Pro is both the topic make and the sheet developer. So we don’t need a thing but we need Elementor and in order to get it let’s go to ferdyKorp.com, then we go to lessons, elementor pro seminar. I scroll down and here at the important links here is get Elementor pro. The great thing is if you have sign up through SiteGround, there is a discount for you, so I click on pricing and we can use it for one site, three sites or unlimited sites.You money $49 per year but the second largest time you will get some rebate, so for the first year $49. I click on buy now, I scroll down and if you have a discount code, you can click here to enter it and for the people that sign up with SiteGrounds, you can go to SiteGround, login, sign in, go to resources, there you will find the 20% ticket system, so I will use it unfortunately this is only for SiteGround useds so I type it in and I apply it and now, it’s only $39.20. I scroll down I want to use PayPal for this one, my company epithet, my VAT. I click on checkout and “if youre using” it for one site or three locates or unlimited you have you have all the pro features.I login and now I’m here at my accounting page and I can download the plug-in and there it is so I go back to the backend, I go to plugins, add new and we can upload the plug-in that first we need to have the free explanation of Elementor, so I researched for Elementor enter. I click on invest now you assure more than a million active installs, invest now. I initiate it now I click on add brand-new, upload plug-in choose a file and downloads I go for Elementor Pro. I open it and I click on invest now. I initiate the plug-in. I activate the permission and we need to fill in our license key, you can find it at my accounting over here, I duplicate it and I glue it and I initiate it. So we’ve lay Elementor Pro now let’s create an amazing website.Even though this overrides the theme defines I still want to use a topic which has some functions that we can use in combination with elemental Pro and that one is OceanWP. So I go one more time to Ferdykorp.com tutorials, Elementor pro tutorial. I scroll down I go to get the OceanWP theme. I can go for the free download and I say ferdy pro @ferdykorpershoek. com. I agree with everything that click on get it now. If you don’t want to do this, than you can also go to the backend to appearance themes and supplement brand-new and search for ocean WP, install. I click on trigger and then remove this over here 2015 delete, 2017 delete and 2016 delete.I like to keep it clean like that. I click on begin installing plugins and I set ocean demo import and ocean extra, that’s it. So I close this and I close this. Now if I go to the front-end I freshen it it looks like this. A entitle or menu, claim of the sheet or a recent blog post which we don’t have and our sidebar. So what I want to do now? I go to the back end. I go to settings reading and at this moment you see your home page this displays your latest pole, you see that over here ready to publish your first affix is starting here. If you would have a few blog affixes you will see them over here, but I want to change it to a static sheet which is the home page and the affix page is the blog page.I scroll down. I save the changes and now if I freshen the sheet you will see the home page. The next thing it is essential to do we need to customize the free topic ocean WP in order to get the best develops for Elementor pro. So I click here on customize and I will customize a few cases things. So firstly I want to go to the header. I want to go to logo now I just wanted to upload a symbol. If you want to follow along with the same images I use in this tutorial and go to FerdyKorp.com lessons Elementor pro tutorial, scroll down and click on download the personas I use in the tutorial.I click on it. I unzip them and I bring them to the desktop. I close this and I select a symbol, hand-picked files, emblems and I use Ferdy Corp in general. This is my logo. I open it. I adopt it I can crop it if I want to but I skip the cropping and there it is I also want to select a retina logo. Which are similar symbol I prefer it not become smaller and here I can change the height and thicknes that will do that for now. I go back go back the top forbid you see it over here, I don’t want that so I click on general and don’t any width, so now it is gone okay great. Then general alternatives page designation over here, I want to make it hidden so it is gone and the stuffing I want to say zero and zero.I can publish it. I go back I go to general regulates and layout I say no sidebar over here and also if I scroll down now no sidebar. If I go back I click on publish. Now we go to the blog page, I have a sidebar so I also go to the blog options over here blog introductions , no sidebar, single upright no sidebar. We can always creating it back but I think this is great. I go back, publish and I close it. So right now this is our website with our menu like that. Before we start working with elemental Pro I just wanted to do one more thing. I go to SiteGround and I want to make this secure. I close this, I login I go to my accountings go to cPanel and I search for make over here and it says let’s encrypt. I click on it and here it is ferdy pro let’s encrypt SSL Ferdie Pro.I click on install OK that’s it. I refresh the page OK , now it’s over here. I click over here I turn it on and I turn this one on ok, I think it’s active now. I go to the back end, I need to login again I go to permalinks and I save it twice, then I go to in general and I compute an S over here and an S over here. I save the changes. I login one more season. I go to the front end and now we have a secure web site where the domain name that was live immediately with web site that we are going to make beautiful employing Elementor pro.So now I want to show the influence of elemental pro by creating a header template but before we do that I’m going to edit the sheet and importation some pre-made content. So we can see how the header will behave. I click on edit page and I click on edit with Elementor. Now elemental reload and we can create a website using elementor. If your website Mood space that can happen then go back, then go to elementor provides advanced, switch writer loader procedure and enable it.I save the changes now I go to the home page, I click on edit with Elementor and now Elementor is loading. So this is the elementor page builder. We can add factors over here we can add parts we can add rows. I will talk about it later for now I simply want to import some demo material, so I sounds over here on this icon and since we use elementor Pro we have extra content that we can use. So I grab this one for example I click on insert but, I see that it’s not full diameter so I remove it all. I revise then I going to be home, depart to dashboard I scroll down and I say content layout 100% full diameter, update, edit with Elementor, again I click here and I put it and there it is full width, that saves a great deal of time.I click on update and it can be that you look a wide gap over here if that is the case, go over here exit to dashboard, scroll down and at margins disable it. So if I goal the page it looks like this. This is our header we have saw with ocean WP. If I scroll down the website looks like this. I like it. What I want to do now? I want to add our own custom header. How can we do that? I go to the backend dashboard, Elementor my templates and I compute a brand-new template over here.What kind of template do I wishes to? You can have a page template, a area, header, footer, single and archive. I want to go for a header, let’s give this is name and I say Heather general. I want to create more headers in this tutorial so I announce this one header general, appoint template and now we can choose from a few templates. We can start from scratch by clicking on the X over here or we can use one. If I click on the plus I can see two examples, so if you miss something like this with the top table, logo and the menu you click on insert. I want to use this one it’s really simple and I will show you what is possible.So over here I have my template. So a logo and a menu and I want to configure this, right mouse click delete over here I have a lot of different elements, Pro parts free parts I can use them all so I search for image and I can drag it over here and now I can add an epitome over here. So here I’ve material I sounds over here and I sought for my logo and I implant the media.
Make A WordPress Website Using Elementor Pro
So over here I have my template. So a logo and a menu and I want to configure this, right mouse click delete over here I have a lot of different elements, Pro components free constituents I can use them all so I search for image and I can drag it over here and now I can add an idol over here. So here I’ve material I sounds over here and I search for my logo and I insert the media. I can say, where I want to align it. So every element has content vogue and fonts and depending on what kind of element you use there are different settings. So over here we can choose an idol, we can change the width we can align it. I want to align it at the left and I want to link it to a tradition URL which is our home page command C or Ctrl C and glue. Then I go to style and I can change the thicknes and the great thing about Elementor pro or Elementor is that you have a lot of customization options.So this is not possible with everything but now we can select how much per sentence it should be of the total image or how much pixels, so I say 180 pixels and when you flit over it you can change a few things I don’t want to change anything so I’ll left open as this, and what I can do now? I can go over here to the menu I click here and I can edit in the piloting menu. I can select the menu over here. I can align it to the right or to the left or I can elongate it.If I would drag this to the left this area, you see it pulls with it. I don’t like that so I align it to the right and over here we have the indication. If we flit over it you see above a colour over here. I can make it on the line like this or some different options made like that. I want to wreaking it back to on the line and the living, we can make it fade or change like that. So there are a lot of things we can do. I go to style and the text pigment I want to be the same color as his symbol I use the color picker to check the hues begin of my logo.This one is 555 escape, so I go over here a verse dye and I say 555 that’s it. Then I go to typography I click over here and I want to change this to uppercase so I go to transform, uppercase voila there it is. I can change the width by lag. This is really big so maybe I say seventeen. The heavines I can make it very thin, very dense, daring I say four hundred or North three hundred mode I can make it italic if I want to but I don’t want it. We can do some emblem on the line but I don’t want that. So if I hover over it you accompany the color with the living and if I want to change that I go to hover over here at mode hover and I see this color and if I click on it you identify a few complexions over here that I can choose from.If I want to change those complexions I can do that, I go over here to the default shades and the primary color I can change it. So I go to logoes, shades and here’s the general color, I imitate it I paste it over here okay I have my secondary pigment and I go for my accent shade and I likewise change it to this one. Then I go back and I go to the color picker and here you find those eighth colours I was just talking about.So I grabbed the most recent four emblazons this one I target color one, the second largest one, hue two, the third one is this one and the latest one is this one. I click on apply. So if I want to change something over here I go to style hover and I want to change the indication dye. I have those four colors over here always that’s really handy and I adopt this one so now it’s same color as a emblem I like that. What I really like about Elementor is the possibility to optimize your websites for all maneuvers, so if I click on tablet it looks a lot like that. If I sounds over here it opens but I don’t like this. How can I sterilize that? I go to style I scroll down I can collapse this and I go to the drop down.This is a drop down. I click over here and I like this but I want it to be upper disputes so I click over here and again convert to upper lawsuit , now it’s upper contingency. I want to change the background when I flit over it so I click on the sound poise and I change it to this one, like that and that’s what I like? Then I go to the mobile version. I can make this Icon bigger so I go to the toggle button I can change the length as you find. I think it can be very big because you use your thumb to access it so like that and maybe this can be bigger on the mobile. So I go to the drop down again.I go to typography let’s say if I open it make it bigger so again here, you can change the line height, another spacing so if I close this. If I do something I don’t like, I can say command or limitation Z it goes back, like this and this over here what you see you don’t see that on your website.So what I can do? I contemplate I’m happy. I can click on publish and now it says where do you want to display your header? Well in this case I want to display everywhere in the website. So I click on contributed milieu and include the entire website. What I can do? I can add a new conditions and I can say exclude it on all the singular uprights for instance, we will talk about it later. This header I want to display everywhere. So I click on publish and I can have a gape and this is how our header gapes, we haven’t styled this yet but we can do that if you want to. If I sounds over here I go to the website and now I find our header like this, but if I scroll down it does not stick with us.If I just wanted to do that I go over here, I click on desktop explanation again. I sounds over here, situates of the section. I go to advanced, scrolling aftermath, sticky top so if I say update and I freshen the sheet, I scroll down you discover the menu fastens with us but there’s no background, so I need to add a background. So I go to style classic complexion background so here we have the backgrounds , ordinary backgrounds like that, modernize, refresh and now it looks like that. What we too can do, there are so much freedom with elemental Pro. You can click on the plus then I scroll up, we have a new country over here, so what I can do I can go for a simple text editor and there are some text over here and remove a little and I go over here to the section settleds, background make it off-color and then I go to the text over here, wording make it grey returning it to the center for instance and if I go to the section defines by sounding over here I go to advanced, moving effect.I’d say daze so if I revise it in the whole website this area where we contribute it to the header. So if I would refresh this sheet you see this, but if I scroll it does not stick with us why? Because we said over here it is not sticky. So that gives you a great deal of flexible to create beautiful websites have some information about how to contact you for instance or some social media icons and if they scroll down, then they don’t see that. So they were see it when they’re at the top of the website. Well I remove it, update and now I freshen it and when I make it smaller it looks like that.I like it really big because I’m assuming someone is on smartphone so you don’t want to have small-time icons, want to be big so they can click on the right thing. What I see if I go to the right, like this, like this there’s not much cavity over here peculiarly now I don’t like that.How can I specify that? I sounds over here, boosted I go to padding, uncheck it and at the left I increase it like that and I say 30 revise. I freshen it so now it is not totally at the left anymore. If I scroll down I still see it if I go to the about sheet. I still see this header and what I likewise like you watch the blue area so it’s indicating where you are in the website, because over here let’s style it active. We have nothing so it’s automatically taking this pigment. So if I would change this color to orange update and we freshen the sheet it is orange. So when you waver it is blue on your active on a sheet it is orange. So that’s it about the header.That’s how you can create beautiful things squandering templates. Let me imparting this back to the normal color, so I click over here I click on clear, update, refresh that looks like that. Let me go to some elementor general installs, so I go to the dashboard, Elementor, establisheds I go to style. Over now we can change the content with, if I would go to the website so I go to dashboard, go to the website. I click on customize I go to general alternatives, general puts you envision the width of the website is 1200. I think this can be a thousand, that’s great. So I imitate this. I publish it and I go over here and I changed it to thousand. So now our theme and our elementor page make are both thousand pixels in width. And why thousands? If I take a look at apple.com again they know what they’re doing and I evaluate it, is also a thousand. So I copy it from the best here we did it, here we did it so I click on Save Changes okay. So now if I freshen the website is a bit smaller and I think that is perfect, see it wires up really nice.This is the margin “weve created”, so I like that. What else if I go to the back end, Elementor, aims, style this is a tablet break point. So if I represent the site smaller, from which point should become a menu like this. If I would lower this to for instance 900 and this one to 500 and I save the changes and I refresh the sheet, then you ensure the same width but this time the menu is still like the normal menu, so we can change the breakpoint manually and you see it does glance really shitty. So I’ll left open as it is but you can change it if you want to you can also say make it a thousand and make it 700. If you make it empty you will have the standard sizes and if I take a look and I refresh, I think that looks great. So normally parties don’t do this, so if you’re on a smart telephone you see this. If you’re on a tablet you see this and if you’re on a desktop you see this and don’t accentuates it about the changes you insure over here like this.It also has to do with the upper barroom over here so everything is fine. It’s a great alternative of Elementor that you can create your own breakpoints. Image lightbox, If you click on the portrait do you want to have a lightbox? Yes, okay you can save the changes and talking about the lightbox if you go to edit with Elementor, you click over here. We can go to the global locations and then we have the lightbox alternatives over here. So you can change the background colour of the light container. You can change the user interface hues and when you levitate over it. So you can change all those. You can incapacitate the lightbox and if I go to style we can change the font and again the contents with which we just changed in the backend, so that then we have the default typefaces, primary headline.So you can change it over here, for the name I like a real way. What I have I like that, we can change the heavines, then we have the secondary headline too real nature. Now have the body text is over here, you can change it unless it’s already delegate over here that it should be a different typeface, but I like open smell also here open sense okay. Apply, go back dashboard settles, those are the arranges we just watched. So now at vogue we were then we can go to amalgamations. You can use reCAPTCHA and all those other things and we can go to advanced and it’s all fine. Then I go to implements. What I personally like to do, if I go to version control? I like to use better accounts because I want to see what’s new. So you can enable that and then you have the new explanation. So if I would click on save changes and I go to updates over here.I check it again you can install the new version of Elementor. I hint you do not do this on a live website, but I’m confident that Elementor is great. I already tested this better version and it’s great so I will use it. So at the time this video is online you can use the tools I show in this video. Let’s go back to Elementor implements, upkeep mode. You can any oath you say this website is coming soon and you can log in and you can choose a template, but we don’t have one so we should create one and I don’t use this.I save the changes. Now we are ready to create a page applying primal pro. I will not talk too much about it because I have a lot of separate tutorials as we’ll talk about all pro elements of elemental pro and of elemental free and I’ve terminated tutorials where I show you how it toils? But I time want to show you how it are working with areas, editorials and elements and after that we will work with templates and I goes to show you the big-hearted great beautiful strength of primal pro.So I close those two tabs. I computed the sheet with Elementor and I remove everything like that. I inform it and now I’m ready to show you how to work with elementor and elementor pro? So now we are now in the page developer of Elementor. Here at the left we have all the elements, free ingredients, pro constituents and since we use elementor pro we have access to all those constituents, general points with more site factors, single affix components, more wordpress referred aspects and the great thing is you can fold them if you want to. And if you search for something for instance text, everything that’s text referred will pop-up or likenes or a video. So in that way you can navigate actually readily through everything. I click on basic and what I can do? If I want to use an element I can just drag it over here and then I can use it.But before we do that let me talk about the structure of the elementor page builder. First we have sections. So if I click on the plus I can have a section for instance a segment with one column, a slouse with two lines, a part with three pieces and there are more methods possible. So if I click over here I have one area. A section is outlined with a blue-blooded way. You see it over here and when I waver over here I participate revise area. Within segments we can have pieces, so for instance over here this gray-headed thing shows that is a column. I can edit the row. I can repetition the row. I can remove it so there is towers within a area you are eligible to have pillars and within those lines you can have elements.So if I reproduction is one more time I have two lines now. Now I can sounds over here and now I can add a lead for example. When I have a leader this is a heading element. I can change the text over here either if I click over here again, I go to all the elements and below this heading element I can have something else, a button, I go back a video. So squandering a part, columns and parts you can create your website. If I liked this video but I want to place it somewhere else I can time drag it over here and that’s the great thing about elemental pro is just drag and descend that will show you how it can create beautiful sheets exercising elementor and elementor pro. I close it. I want to show you more. We are also welcome to click over here and “were starting to” now with the templates and since we use elementor pro we have access to all the pro templates and I can view this, and we can insert this as a template. If I do that it is in our website and too you ascertain over here this is a section, we have one column over here and in that we have one element.It’s the heading element and we scroll down we have a new division and assure the originality you have when you create a website with Elementor because over here, this image is kind of out of ratios it should be within this area, but with Elementor you can easily bring it out of the neighbourhood with the advanced margins over here. We will talk about that.I will show you how to create things like this. But this direction we can import with a few cases clicks and then we have a website and we can change the textbook over here maybe of a eatery website you can use this template. Change the text, match something like that maybe I want to change the background dye. I click over here, go to style and I alter the coloring to something else. So that’s what we can do. If I remove everything, I click here again we also can be utilized blocks and they can help you to create the frame of your website really quick and then change everything, so if I’m searching for a hero for example I search for a hero, I click on it and I check all the heroes.So I can put this , now over here it’s the first part that beings is displayed when you create a website and I speculate I like this. Okay what’s next? I sounds over here. I go to the blocks and now I want to have a call to action. So I search for call to action and I can be utilized a dark one or a lily-white one and I think you know what I will place this one. So now I have this area over here. Such areas perhaps I contemplate I want to have a ignited arena between, then I click on the plus over here, clink over here.I go to blocks and I scoured for the characteristics and I make love in a light room so I implant this one. So in a few seconds we created this over here and then maybe I’m going a bit fast but I will clarify last-minute. I can edit the section, go to style, here “were having” the background. I scroll down I go to background overlay and now I can create an overlay for instance in gradient. So the first colour is this one. The second colouring is this one, then I can change a few things I can change the inclination and convert the opacity. So that’s what you can do in Elementor in a nutshell, but we can also create things ourselves. So I been closed down this, close this, closes this.I’ll inform it and we can start from scratch. Well I have a few websites over here, if you take a look at Apple you ensure an image, you assure the title, the subtitle and two call to actions, learn more and buy. We have Airbnb call to action, if you scroll down a bit you witness more call to actions, knowledge, call to actions. If we go to Uber, call to actions, an image, text, subtext and a call to action also here in the menu. And here Tony Robbins a big header a subtitle and a call to action. So if we want to learn from the best we should say you need an idol, a good claim, subtitle and a call to action. So I go to elementor pro website of course. I click on the plus and I go for one column. It’s over here in order to see the height of the section I go to style and I impart it a color for now, pitch-black and now I go to the layout of the section.So I click on the section over here, then I assure the layout mode and advanced. Here at layout we can stretch the section that means that the section will be totally from the left to the right. So I say yes the content is boxed. So the content within this area is from here until now. So if I will attain my screen smaller and if I would say full width, the content starts over here I don’t want that. I want it to be boxed word zero. And what I want to do? I want to take a look at the meridian. I can say fit the screen so no matter how big-hearted the screen is it will fit to the height of the screen. So you’ll see nothing else or a minimum elevation for instance 600 pixels, for now I say 400 okay.Now I want to have a background and I can be demonstrated you free likeness for your backgrounds. So if we go to pixabay.com or we go to unsplash.com or we go to pexels.com we can find beautiful personas that we can use for free. Over now for example you appreciate high quality personas. Also here at unsplash and you can use those, now at pixabay.So let me investigate over here they serve their commodity. Now she a beautiful lieu where you can stay. You were of course on in the car. I want to talk about web design, photography, videography so maybe something with a computer, laptop. So perhaps this one yeah. I click on free download and there it leads it’s a really big precipitated. So what I will do? I will go to the back end. I click on revise. I click on this icon and I depart to the dashboard and if you take a look at the website right now, it looks like that.I go back, I go to media and before I uploaded I just wanted to rename it. So over here I go to the finder and I announce this ferdy Korp media because then I can be found on that term. I add new, select the record and here it is and what you see is over 1 megabyte. Which is really big and the resolution is also really big. I open this and I want to make it smallest and I want to change the characteristic rate. I’ll picture you how it is done. I click over here and I click on revise image.The first thing I “re saying” diameter of the epitome should be 1920, so I click on scale and now this is a new width, but I too want to make it the height of 1080. So I lag over here, totally to the left and to the right like that and I want to make an image crop and I say 16 by 9 and that will change the position fraction perhaps I should drag it up 9 yes. I can select an area I want to crop over here and I click over here and now it’s pasture. So I save it and now our idol is 10 goes as tiny 1920 by 1080 then I want to optimize it, so at designation I remove the dashes.I copy the verse and I glue it here at the alt text and that’s it okay. I go to the website, edit what Elementor. I click on the section, style and instead of a hue I select an likenes. So I select this file. It’s optimized already. I slip the media and there it is, but I don’t see that much of the image it’s too big. So I go to the position over here. I can focus on a certain area I leave it at default and at size I say cover and I want to say fixed.So if I would move the image you’ll stay in the background like that, but that’s not all. We can also contribute a gradient ancestry of an likenes or even a video in the background. So you can use it if you want to I use the portrait over here and then I downfall this and then we have the background overlay and we can do a lot over here. I can add a gradient, so I can choose the blue color and then second one also maybe blue or dark blue and I can change the direction, but I likewise can change the blend mode, multiply screen overlay and in that way you can figure out for yourself what the hell are you like? Here I can change the opacity. Now opacity will too deepen the mix procedure. How they’ll glance? This is a little bit extremely light-headed, too dark overlay you know what I do normal like that. I have a terminated tutorial about coalescing modes you can do so much crazy beautiful things with it.So I like this I reflect I go to the layout and I make it a little bit bigger 500 for instance OK, update and again if I take a look over here a name. So I go home and I drag a start over here and I can say ferdy Korp media but they will see it over here already. They can see it in the domain name previously they can see it on the claim already clicked on in order to go to my website, so maybe Ferdy korp Media isn’t enough. Over here it doesn’t say Apple. Over here it doesn’t say Airbnb. Over here it doesn’t say Uber. Over here it doesn’t say Tony Robbins. So I can better said today I want to say, which is photography, movie or network scheme or even better oh I’ll obstruct this. I bring to the center I can go to style, text hue realize the textbook white-hot. Now a typography I can make it actually thin I like that, make it bigger, make it bit thicker like that and then I can duplicate it and over here I can say we render a three-in-one solution and maybe this is too big once, because over here one word or two over here one convict, one sentence, one sentence and sub sentence.So perhaps I should just say three-in-one or exactly one convict like increase your business. Now I can make it smaller so the whole line or what I too like between that I like a separator, so here a divider I can drag it over here you interpret a line over here. I can change the force and every constituent has its own directs and if you go to YouTube to elementor, points you see here all Elementor elements interpreted all three components and now all the pro factors, you look two hours two and a half hours there’s four and a half hours of valuable content where I will show you all the elements one by one.So I most intimate you watch that, so I will not talk too much about all the settleds, but I will talk about right now to show you how Elementor cultivates. I can change the colour now. I can change the diameter two pixels. I can say it should be in the center so like that. I can change the crack but I want it to be really close to each other. If I just wanted to I sounds over here on these components, boosted I uncheck this so I can if I don’t do that and I say 10 over here. There will be 10 on all sides if I check that I can say what I want it to be everywhere, so this is zero over here I demand the button to be minus.
I can say it should be in the centre for human rights so like that. I can change the chink but I want it to be really close to each other. If I just wanted to I sounds over here on these components, advanced I uncheck this so I can if I don’t do that and I say 10 over here. There is likely to be 10 on all sides if I check that I can say what I want it to be everywhere, so this is zero over here I want the button to be minus.So I accompanied it closer to each other, minus 20 likewise over here, advanced uncheck. The top minus 20 or minus 15 maybe it’s a little too close, so over here like that update and if you want to see the research results I click on this eye over here. Boost your business photography, movie and web layout. I close this I don’t need it anymore, I contemplate the epitomes okay this can be bigger of course. So I sounds over here style typography make it a bit bigger like 70. Also over here I want to be aligned okay and I remove this and I remove this update and then will replace automatically like that. The background is fixed but I don’t like it more. So “whats being” I do? I make this wider and maybe I can make this one really big, so style, typography, weight, forceful something like that yes and maybe this one also let’s see how it ogles, bold. If I don’t like it I say word Z. If I do like it I say word switching Z or button alter C.I like it and constitute the text a little smaller this one likewise. And what else I don’t have to call to actions. So I go over here then I go for a line and I drag it now below. In that tower I can arrange more elements which gives you more flexibility to throw something on the website where you want it to be targeted. So I click on the button and draw it over here and I align it to the right and I can say portfolio. I can have an icon but I don’t want that and I modify the length to great and now at style I can do so much things I can change the background colour, to this one if you flit over it.I can give it a border solid to pixels like that. We can give the radius 10 or 20 we can give it a pall and so much that you can do. Too at the inside I don’t want to shadow so I making it back and then if I like it I just duplicate it and I drag it now to the right. I sounds over here I accompanied it to the left, modify the colour of the background to lettuce inform, that looks a lot like that. Improves your business photography, film, network scheme. I like the information but I genuinely don’t like to wording so I will define that really quickly, click over here and I think you know what I don’t want to have a border, so I say na, I don’t want to have a radius so I say 0. Now I like this form perhaps I can make it text a bit bigger and if I like it I can do right mouse click, follow and over here right mouse click, paste the vogue and now I paste it the complete form of these components over here.So I impart this to the left again. I call such contacts, contact and I can give it a relation of course. The connection should be forward slash contact over here forward slash portfolio. I convert the pigment, If I waver over it, it is desirable to off-color. So if I waver over here it becomes blue, if I render hover over here it becomes dark-green. Over now boosted generating it a bit closer, also here not too close, update and what I like to do personally bring some animation so I sounds over here, go to entrance animation and I say fading left like that.I can say gradual I can make this one come from the claim alright sluggish, over here I can say only fade in, sluggish but I can add an animation delay. So I say after one second it should appear. So I revise it. I take a look over here and it looks like that. Keep in thinker that if you do a great deal of animations that it can slow down your website. Most of those buttons, entrance from left, acces from freedom. But if we take a look at a poem all those other websites you don’t see that often, sometimes when you Scroll you see it but on the home page I has not been able to usage it, and I really want to show you what is possible.So beings come on a website boost your business, photography, film, web motif. Then people can go to our portfolio to see ok how does it appear? What you have to offer? People can get in contact with you. Before I prove you the next space how to create your page. I go to the backend over here to the dashboard and I gave Elementor settings.I go to advanced and editing controls I require then back. I click on show so you will see it’s changed a little bit. For instance here at the section you have a brand-new button and when I flit over the column you see this over here. First thing is do right mouse click, but I rather have this so if I repetition it it is not replica if I move it. It’s removed it’s nature easier in my opinion also here duplicate or remove so that’s that.. What else can you do in order to create your website? I like to build websites fast. So what I’ve form if you go to Ferdykorp.com and click on templates I made a lot of Elemental templates for free. You can fill in your first name and your email address and then say give me the package. I do not send you spam, you can unsubscribe whenever you want to. I consent to everything because I’m from Europe so I go to my Gmail as it says over here Gmail and what I do when I inform my library of Elemental templates I send you an email or when I have a brand-new elementor associated tutorial.So here it is Ferdy Korpershoek get your elementor template back I click on it and I sounds over here and I can download the template back or I can download a record that will import all the templates at once. So I click over here it’s downloading a small file. I open it and I can take a look at the images and if I see something I like, I can import it wait a few sounds, so let me ascertain I like this one. So I close it, it’s media business sheet explanation 3. So I go to Elementor I go to the backend, depart to the dashboard elementor, my templates and I click on import templates.I choose a folder that downloads I go to complete elementor template back to media business page version 3, simply five kilobytes I open it and I click on import now. Now it’s imported I go back to the website, edit with elementor. Now I scroll down I click on this icon. I go to my templates and there it is media business page version 3. I can preview it or I can implant it. Yes, I insert it and there it is examines a bit the same. I can collapse this one, Boost your business and then I go to vogue, I say upper instance I make it smaller like that updates.So now I have a ended page with a few clinks and maybe study why does it look so funny? Because I optimize this for a desktop and I optimize this for a smartphone and a tablet. So if you take a look at the result you simply view one video, like that but living over here, button living the simonia1: 15:00 and this is how I like to work. Just import stuff into my website until I like it and if I don’t like the background, I go to the back end, sound over here go to style and I can change the background and that’s how you can work with elementor pro really quickly. But I wanted to show you a general overview of what you can do? If you want to know how to make a website from scratch utilize Elementor and click on the tutorial over here, because there I will talk you through all the details how to make a website step by step.And in this video I want to show you how to make it yourself but I likewise want to show you how you can do it by employing templates. So improve your business, photography, cinema, web design to call to actions, photography, movie, web designing. About who “we ii”? What people say about us? Nice livings, the clients we work for you can exactly modification the personas over here really quickly, really readily. So I click over here I can change the order I can add things to this hall and then you can change it to your wishes.So that’s how it directs. The same exits for about, if I go to the about page, close this, close this, close this. I can create an about page over here myself or I can use a template and remained unchanged. So if I go to the Thank You page I can sounds over here on all elements and then I can search for complete pages. I can sought for pro factors, so a header for instance, a slider I click over here, download the slider. I go to the dashboard my templates, importation templates choice the file.I go to downloads slider edition 1. Open it, importation now I go to the website to about. I click on edit page I scroll down firstly let me see if everything is OK. I want to be 100% full thicknes, update, edit with elementor and then I can improve something myself or I can sounds over here. I can use pre-made templates from Elementor itself or I can build something exerting all the blocks or I can use the downloaded templates and in this case the slider for instance yes, there it is. I sounds over here boosted , no margin, update and there it is, you can change the verse over here. You can change the amount of term it makes if you’re before the second slide to rise in the third slide. So that’s what you can do and again I go back to complete sheets, maybe I’m like that. I like this one, visualize an example you can download it, go back Elementor, my templates, import template espouse a datum about Us page version one, open, importation click on edit with Elementor, close this sound over here, my templates, about Us page version one yes.And then you can change all things acquire the deed bigger, mimic this style, glue the form only then change the hue to white of course and that is how it is done.
Make A WordPress Website Using Elementor Pro
I inform it so making a website with Elementor you can do it a few different ways totally do-it-yourself from scratch or use pre-made templates or pre-made blocks or use template set some a lot of parties on the internet impelled. If you want to know more as I “ve said” about all the elements or creating ended website, I would say Ferdy elementor 2018. This tutorial goes to show you step by step how to make a beautiful website. How to constitute beautiful sheets? This one and this and this one presentations all the individual points, so if I click on it here in the description you can see all the elements see icon accordion, tabs, testimonial.So that’s how it drives? Now I want to show you things I’m really excited about and that is blog. So I close this and I go to the blog page and here you can create beautiful things exerting elemental pro. The blog post domain exercising templates is one of the greatest things I like about primal pro, but in order to create a beautiful block sheet layout or blog layouts we need to have a blog post. So in order to be allowed to to do that I hover over brand-new and I click on post. I will create a first blog positions and the entitle is the elementor pro site builder. This is the title this is very important because sure we are available on the entitle in Google. So I like to use primordial pro so that beings will find me on primordial pro. So that’s great I scroll down, when you have a blog post you can have categories.If you have a lot of blog posts and you have no lists it can become a mess. So you want to create some formation in your blog posts. So this one is about network layout because I’m going to talk about elementor pro. So I say add brand-new list and I say web intend. I supplement a new list I too can create subcategories for instance web design and a sub list can be themes. So I can make a sub list and the mother is network intend and I can say themes. Add a new category and now you see this over here. Okay I scroll down even further and I want to add a featured idol and I’m going to show you where you can find those, so I go to pixels.com and I search for computer, so something like this okay, free download. It’s downloading, it’s two megabyte which is too big so I close this I publish it right now and if we take a look at the website at blog we see it over here.If you don’t see this then go to the backend of your website, go to settings, reading and then now choice blog. I go to media computed new, select registers and I firstly want to rename it, so I say elementor Pro. I open it. I go back to the blog post, uprights, all berths. I click over here I scroll down boasted likenes and here it is okay. Now I can start writing a blog post over here. I click over here double toolbar so we have more options and I have a text you can find it in the downloads and blog, blog berth one. It’s a flat text with no styling so I target it over here. So what we have over here is a text. If I revise it and I go to the website to blog and first I encounter peculiarity epitome. I view the title the author and the year the two categories and the amount of commentaries. Now I insure the first course and I click on continue reading and this is the text but I don’t like it.We can design this, so how can we do that? So WordPress works with paragraphs all this over here are all paragraphs. This is a paragraph. This is a paragraph. This is one, one, one. If I want to split this clause into paragraphs, I can select it over here and if I would say, enroll you understand I bounce a line why is that if you press ENTER within the WordPress blog post editor you create a new paragraph. If I want to keep this one paragraph then I would say shift enter and what you’ll ensure I don’t hop-skip a line. So this is still one paragraph. So if you want to create a new clause for example you’re typing over here and you are done with this paragraph, then you can start a brand-new section by hitting Enter. This is a new paragraph. So we have paragraph here, here, here and now and the thing is if you change a clause to entitle for example or a header the whole paragraph will be changed. So this is one paragraph.If I would say I require this to be a header then the whole Alinea[ 1:25: 01] becomes a header. So consuming the open you can create a brand-new clause or brand-new headers. So I’ve now one thread, I selected over here and I remained unchanged to honcho two. The same I do over here manager two, heading two and you even have a shortcut which you can see over here. So if I adopt it and it is control option two on a Mac. So I select it govern option 2, command option 2. So in that way you can create clauses and you can create headers.And if you want to start a brand-new front without starting a new section then you say shift enter. So I update it and I can deem the upright over here and if I brace command or insure I go to a new invoice. I can see it so it gapes a little better once abusing designations. What else is impossible to do? We can highlight oaths so Elementor. I want to highlight it. I can say command B or I click over here on the B and here again I can make it italic, professional or sheet developer perhaps I want to highlight that. I can make it bold dominate B or I can give it a different colour over here. A red colour for example like that. I are also welcome to espouse a word in the Header and say hey there over here select it, cause it a colour like that.So that’s what you can do. I can create a link so I will talk about elementor pro. I can select it I can create a link over here let’s say ferdykorp.com/ get-elementor-pro something like that, enter and now I too edited it and I say open in a new tab. It’s not the real link by the way. So now we have a link what I too can do I can have a quote. This is an amazing quote about Elementor and I can select it. I can make a block paraphrase and every topic will show this a different way.I refresh it. It looks like this using ocean WP. What else is impossible to do? We can add images. Idols are important to give the website a professional look a few. So I go to the backend I click over here, supplemented media, upload enters, select enters I go to blogs and here are three personas I want to upload at once, open this one is selected I can optimize it by removing the smashes, that’s really important. Over here the same remove the rushes, copy it glue in the alt textbook and that lane you’ll be found better in the images on Google and other search engines. So I uncheck those two, I adopt this one I sound insert into the post.It looked like this but I can change it. I can remove it, add media adopt it and I can scroll down, I can say where I want to align it, left midst or right or none, link to media descended or something else or nothing and the width I want it to be full width. So if I say insert into the post it will be here on top of this area. What I also can do. I can align it to the left but because the width of the image is so big I need to make it smaller before I visualize text at the right hand. So like that and now you see it looks like that and I can bring it to the right so I like this, make it a bit smaller. So it’s important where you leave your cursor when you import idols. Again contributed media this one, I can say align it to the right I want to show the medium size like that and I think hey this is about templates.Here is also about templates I drag this over here and then in the end I think you know what participate at media one large-scale idol about all the pro factors and I want to display this in the center full immensity, insert like that. Update, fresh so we have an image over here, portrait over here, now and now. It looks okay but I want to style this using elementor pro. So we will use elementor pro for it but before I do that I will compute two different blog post really quickly and then I will talk about how it is possible to draw something beautiful out of this. So I hover our brand-new, pole let me go through this really quickly. As A Man Thinks in his feeling okay. I made a brand-new list brainchild. I need to feature image but first previously I have the verse so I go to the blog post two, copy it, glue it over here I publish it then I go to media, library.I go to pixels, worker smiling for example and as a follower remembers in the heart is hot that’s worse about, souls studying. What you can do? You can grab this image, download it and go to the media library supplemented new, hand-picked files, go to downloads, rename it as a worker mulls in his center, open and although this is a standing image you can change it. So I click on edit idol you see it’s really big I like that, revise portrait and again I “re saying” 1920 proportion. I want to make a selection, I say sixteen by nine now I can grab this area and I can say enter or I sounds over here and I say safe okay. I go to the blog posts, all affixes I click here provided boasted persona, this one okay and then I can style this again. Let me establish you rapidly ability two, limitation option two, ascendancy option two and then over here I want to start using a bulleted list.So I sounds over here then I adopt this over here, backspace, enroll, again below backspace participate backspace recruit, 5 points know how to get a better self image and good luck I wanted to be name or a lead. I ever do ability two because the title of your blog post is a heading 1 and you can use it only one time in your website and then we get a few personas, so we could get more if you want to.For speciman smiling beings perhaps, I can select a smaller one over here, small-time download, name life is good something like that, and then here how to be happy I lend an idol, upload enters there it is really small the file so that’s great, that saves you day, target it in at the freedom, a bit smaller like that and then one big-hearted smiling being maybe a woman smiling one[ Music ]. They’re all immense so great, download optimized. How to get a better life? Open full-size like that, update. Now if we take a look at the blog upright you see this one as a worker considers in his heart and I’m in pro site builder if I click over here and envision the idol, the entitlement, the author, the appointment in the category the amount of the remarks and the blog posts.I will create one more blog post and I’ll show you different path on how to make a blog post probably a better direction and the entitlement is 2018 is going to be amazing. So the brand-new list, personal I compute the new list. Featured image I’ll upload a few records from my computer. First this one, open optimize it, provided the peculiarity epitome. I publish it before I will be implemented by elementor so I’ve published it and I click on edit with Elementor. Because you can also create a blog post exploiting Elementor and then you have much more options. So over here I can do whatever I just wanted to do and don’t mind this. It’s a small hitch but you will not see this on the website. So you can use everything you miss. I can start with a video but because I will talk about this much more in a few minutes I will simply use the text editor.Now I will get a textbook blog upright 3, copy it, glue it and I’ll do the same, govern option two, dominate option two, self-control option 2 and for the purposes of the the tutorial I will precisely bounce the images and let’s go to the next important thing where I want to show you how to create a template for a blog affix. So I preview the changes it look like that’s great. If I go to my blog page, it looks like that and you know what I will firstly talk about creating the blog sheet exercising a template and then we will talk about creating a template for your blog post and what you can do it that you can do whatever you want to do.You get a lot of freedom to create the blog post you have in mind. You can make use of dynamic material I will talk about it later but first we’re going to configure the blog page. So how can we do that? I close this, I go to the back end. I go to elementor, my templates and I will create a new template just as we did with the header. I will too do that with the archive sheet or with the blog sheet. So I click on archive, add a brand-new archive sheet over here. Select the pole sort, positions and the mention and I announce this blog page general. I form the template for it and we can immediately choose a template. So if we take a look at the archive page you realize all the blog announces displayed here’s a featured persona, the title and a small text.So now you can see how you want to display things. Do you want to see all the blog announces below each other or two sequences, three rows or something like this, with a sidebar? You can do a lot of things well I like this one is really simple, you know what I like this one even more, so I position it and what the hell are you ascertain I see immediately blog posts over here. So it’s a night background with a white verse, the peculiarity portrait. This is the category and this is how it looks.Over now you ascertain some dynamic data if I sounds over here you verify the archive name. So what I will do firstly if I click on publish I can add maladies and I add a condition and that is that I want to show this on all archives. I can also say only from a certain author, so if I would have more authors me and someone else I can say, my archive page should look like this but someone else’s archive page should look different based on the template you use and how you adjust it, but at this time I “re saying” all archive sheets, publish and now if I would take a look preview. I go to the blog sheet, it looked like this. So now we can style this and it will be edited and it will change on all archive pages. So I think this is way too much opening that’s not utilized. So I don’t use this I remove it, people see when you go to the blog page that is a blog page. They don’t need a entitlement with blog. So over here, I can click over here you see that this is an archive upright element.So the skin you see its posters I can change it to classic and then it’ll look like that. I like placards and we can configure this or we can start from scratch. I will do that so right mouse click over here and delete or hover over it and close it. You know what I will close everything and I click on the plus one column and then I searched for the archive affix ingredient and I drag it over here. So I altered it to posters, you can have three pillars or two and then look like or five, we don’t have that much. I say, three I like that, indicate an image the peculiarity epitome if I say no, you don’t see it if I say yes, you do see it. We can have a masonry that means that if an idol is bigger it will take up more space. So if you have a lot of blog announces beneath one another it will get a masonry regard but I like it to be without masonry.The image size if I producing this up it will have a better quality. I like it and the image ratio you can play around with that and since I exercised sixteen by nine I can bring this down a bit, I like that. Do we want to show the title? Yes, so I have a tutorial about this I think this is a great. The excerpt portion this verse how long should it be you can make it longer fifty like that, spoke more textbook and if you’re from the Netherlands or somewhere else you can say lace mirror.
Make A WordPress Website Using Elementor Pro
I remove the whole column I can bring this to the center make it a little bit bigger. I can add 2018 and I revise it. I leave this page and there it is a logo some text, social media, the menu and some information with a rejection and a privacy programme. If I sounds over here and go to the top. So if I go to the blog page it looks like that, I recognize where I am and if I go to this one a different logo and stuff I still interpret the footer. So that’s how you can make a footer that this is really simple. Maybe a bit more simple but I exactly want to illustrate what is possible.Now let’s go to the portfolio. So in order to create a portfolio page we need to portfolio components. So I will download a plug-in that will enable that for us. I go to the backend. So I hover over plugins and I click on contributed new and I search over here for portfolio for Elementor. Let me see it is from WpPug. I click on Install Now and I initiate it.You hear there are a lot of plugins that will help you to add certain functions on your WordPress website. So over here we picture portfolio for Elementor. I can add a brand-new piece and I will do that and I have three categories, the first one is photography. I add a brand-new one the second one is film or a videography and the third one is web design. I unchecked film and I uncheck photography. I can add a featured image so I sounds over here and if “youve had” downloaded the documents I use in this tutorial you can go to that folder, the portfolio photography, DanielLia and I can upload them all by snap note or dominate a I select them all and I click on upload and there they go and then one by one I can optimize them removing the – copying the name and gluing it for the sake of this tutorial. I will hop-skip that for now. I click on let me see this one I like it.Set peculiarity image and entitlement wedding Daniel and Lia. I click on publish. I’ll depict you how I like to work with a portfolio. I click on a visual over here and I lend media and I select one image then I scroll down over here and I can change the alignment I like to change it to centre link to none and size huge. Then I click on insert into the post I click on it and I remove it immediately, then I click on add media.I select the first one then I harbour shift and I select the most recent one, except for this one because that’s the boasted portrait already. I click on insert into the post and now they all have the same decideds as I has been said. I click on revise and probably if you click on View item you will not see it. It says, sheet not found. Why is that? We need to go to settings, permalinks and save it twice and now if I go to portfolio for Elementor. I click on this one I view the item and this is how it inspects. Over now you visualize the sidebar but before we take a look into that I will supplement a few cases more blog affixes for instance video. I hover over new you investigate no portfolio component, so I go to the back end and I click on lent new component or here add brand-new component converge portfolio for Elementor. This time I want to add a video. I call this one Montana lisianthus okay. If this film set a featured image, upload folders, select enters. I go to film Montana the likenes, determined featured epitome and then I go to the Vimeo link which is over here.I copy the link. I go to Vimeo and then I just wanted to share this or embed it so I sounds over here share and then embed I can show a few options or change them autoplay for instance, evidence verse , no secured width or accept. I like responsive then I follow the system, bidding C or switch C. Now I go to the text over here. I situate it. I publish it and if I take a look here see image and here’s the video we can play it okay. Then another item, brand-new item intend a website.Let me ascertain what blueprint fits excellent so I can say fitsperfect.com I go to visual. I compute media, upload data, select enters, I go to film or web intend and then I go to fits excellent. I open it, you can optimize it I implant it into the post this time I want to add a relate, so I click over here. I go to insert link and I can say fitsperfect.com okay and then this entanglement motif. I need a featured image which will be the same, I said it, I click on publish. So we have three portfolio pieces I will lend six more and then I will be back with you. So I am back with nine portfolio parts. So if I go to the website I close this and I go to portfolio I still got nothing. I click on edit page and I click on edit with Elementor okay. Now I can search for portfolio and here it is.I can drag this over here and you assure three blog posts and we want to show portfolio entries. So how can we fix that over here at inquiry the resources is post and we can change it to portfolio for Elementor. There it is , now we envision six parts so I close this and I go back to layout start from the beginning. We can change the amount of articles, I can say I want to have two editorials like that or four pieces, but I like three. How many announces do I want to show per sheet? I would say something like 15 and by 15 because you can have 5 rows 5 sequences 15 over here we hear 9 because I simply have 9 portfolio pieces and the idol sizing, if you take a look the quality is okay but if I make this large, you attend the quality is sharper.Let me discover medium that’s also okay. I like character but it should not be too big in length otherwise website can slow down. So we can have a masonry, well I don’t like it because you envision those gaps over here so I’ve turned it off. If I poise over it you examine the entitlement. If it’s so long ago second line it looked like this. So the item ratio I can make it bigger or smaller you can play around with it like this. Do we want to show the entitlement? If I turn this off you don’t see that. I turn it on designation call I fantasize h2 is okay. So then we go to query again I can say I simply want to see portfolio entries of a certain author, but there’s only one ferdy in such cases for you or a certain category.So if I would say exclusively movie you only watch film lists. I’ll the was an indication all so I leave this empty. We can say them by date or by name numerous line-up or random. I like appointment the most recent one, first your at descending and we are able to offset so if I would say offset one we don’t see the most recent one, so one and that is gone. Why is that? Let me prove you if I click on the plus over here I can add a brand-new portfolio, portfolio like that and then I can say I only want to show one column, one pole large and of course it should be hey portfolio. So this one is the first one then we meet the second largest one and the rest. So we can use offset in order to create a special area for the most recent portfolio item. I don’t use it so I go back over here to query no offset.I can omit some avoid reproduces then “were having” the filter disallow I like that I turn it on and the taxonomy is categories, but you don’t see that so we need to have portfolio lists like that. So if I revise it and I go through website and I say I exclusively crave hear film, merely discover cinema, photography, network blueprint or all, I affection it. Now we can change the organization so first I can go over here to the section, like I say stretch it and I can say content with full extent, update then it will be totally from the left to the right. Maybe you like that maybe don’t. Why not? I like it. I go to this element over here portfolio style and then we can change the article chink. We can change a little bit of gap everywhere and if I would say 10 you are eligible to say 10 over here at the sequence divergence so you have a nice line between all the elements.I like it. We could have a radius like that maybe 30 pixels really small radius. I like it. The overlay right now it is blue but we can also make it off-color but translucent more. The period you don’t see the name does well. So maybe a little bit more or we do it like this a little bit darker that’s transparent.I like it to fit with this color. You can play around with that maybe something like that okay. The pigment of the textbook you can make it white, you can change the typeface make and large-scale I’ll make it big. I like it at default. The filter barroom over here the complexion you can make it certain pigment, active shade, blue-blooded typography maybe the bigger.I like it to be uppercase, so I go to transform uppercase like that in the opening between the text and the portfolio and since we’re expend this I want to make this Boulder because I think it’s too thin so how is impossible to do that over here. We watch the research results I really like it and if I click on it I go to the video. I go back to portfolio and I say revise header general. I click over style, topography I make it forceful. It’s too forceful ordinary. Let me determine 600 yeah 600 that’s it. That is what I’m searching for. So I close this then I go to blog and I open them all in a brand-new invoice and here I say revise header personal. Here I say revise header muse and here I say at that Heather web design. So I click here, go to style I say 600 revise, revise widget 600 and revise widget mode 600 and update, close, close, close freshen here it is bold if we take a look here at the different color it is also bold.So that examinations considerably better I should have done that before but we did it. I go to the portfolio page and this is how it inspections and I like it. So if I click on this one for instance I realize the images and we meet a sidebar. So how can we change this over here? If you waver over here you can go to widgets. If you are at the backend you can go to appearance widgets.Right now you encounter the default sidebar. This sidebar is shown on all pages that have a sidebar. So what do we want to see here. I don’t want to have a search bar. I don’t want to have recent remarks , no repositories , no lists and no meta. Over now you can see a lot of things that you can place here. For speciman a facebook like carton, locate it now on top. If I open this I can say like us on Facebook and this widget comes with the ocean WP theme, so I go to Facebook Ferdy Korpershoek, remove this, facsimile the link and glue my connect here.I don’t want to show faces, frontier. I save it and now if I go to a portfolio part I discover like us on Facebook. Below I participate recent posts and we have three blog berths. So we can decide over here what we want to show? I can change the order and then if I freshen it you look the recent post and like us on facebook. What else Instagram, social icons, social share people can share it.So there’s a lot we can add over here. A video but we too can add plugins “if were going to” a hall plug-in for instance that we can have here at the sidebar. So in that way you can create something beautiful at the sidebar over here. So that’s it about the portfolio. Let’s go to the contact page and we will talk about Elementor a bit more. How to revise things in Elementor? So I click on edit the page. I close this I edit through Elementor and what do I just wanted to do? I want to have a Google Maps area over here that the residual can be Los Angeles.You can change the zoom, zoom out or zoom in prevent scrolling I like that. So what can we do? I go to the section, stretch the requirements of this regulation full with advanced okay then I go to the column because I experience a small area over here that is white and I go to advanced and I say boundary: 0 and padding: 0 there are still extends then, I want to have an area over here one expanse I click on it. I extend this section and I say height fit to screen then I go to style, background kind now to add a background of la upload data, adopt data and I go to contact la background. I open it. I encountered that is something that at pixels insert into the media and attachment fixed-size cover okay. Then I go to backgrounds overlay gradient and now I want to show you something I click on update.I have a look I go to the home page I lent the home page with Elementor and I want to duplicate the whole style. So over here right mouse click copy and then over here right mouse click paste style. The only thing I need to do now is go back to the backgrounds and give this image. So that’s how easy this. Then I go to the background overlay and alter that opacity a bit so you look a bit more and then I want to add something over here which is a header, I say contact create it to the center change the colour to the blue one make a bigger upper case okay, then I want to edit text.I drag it over here and I say get in touch with us. I demand this text to be blue, so I locate this code and the rest you attend style draw it to the center, hue lily-white typography conversion the length, make it bold not that fearless ordinary that’s okay. I go to advanced boundary get in touch with us. So it’ll definitely sounds like that and what I can do now right mouse click navigator. I merely deepen those sections and check this one now below. So it was like that I close it, click here maybe it’s style shape divider, at the bottom I say none like that and then we can have a forum if we want to and I have not yet been background video hitherto, so I do YouTube. I can say la timelapse right mouse click copy link address. I click on the plus this area stretch it and say minimum summit 500 style and then the background character can be a video.I paste the link start time is just 0 at the beginning and age is nothing you know what I don’t like this, server start time can be 10 and the minimum stature should be something like that. I go over here to kinds, let me see it should be the one off Elementor which is this one I draw it now and then I can uncheck the labels okay there are still at the section I go to style and I want to have a background overlay of a colour like that and If you want to know more about the kind I have the safarus about it over here so you can watch it there. Update and that’s how we cause the contact sheet and If I see this I click on edit page, disable, deem it and there it is contact get in touch with us here we are you can fill out the model and get in contact with us so.If I take a look at the website. We procreated the homepage. I demonstrated you how to work with Elementor and how to import pre-made templates from elementalor from me. This one is from me. I testified you how to change things in the website. How to create a custom footer? Then at the about sheet we too use a premade template. Then of you go to the portfolio page, we created a beautiful portfolio use a free plugin and if you click on it, you hear the epitomes here at the left and now at the right you find a sidebar with the most recent post and like us on Facebook area then if we go to the blog page.I proved you how working in collaboration with dynamic material. We originated this ourselves and if you go to the personal category you get a different color in the menu and in the designation the same moves for inspirational list everything is greenish. We originated this ourselves and the third one themes there’s like this orange and that gives you a lot of impunity to create the page that you have in mind and if I want to change something for instance, the cushion over here is really easy I flit over it, I go to the blog post, entanglement layout, I scroll down I sounds over here and I say advanced, I want to add some perimeter. So I uncheck this top 20 pixels, here 20 pixels and in the other way you can do that really readily 40 inform. You was necessary to revise it at the other blog post.So that’s how you can create a beautiful website exercising Elementor Pro. And then “were having” the contact page great it’s really quick to show you what is possible and if you want to know everything about all the elements then I hint you go to youtube, you search for elementor all elements explained there are still I clarified all the elements one by one. One more thing I want to show you, if you made a website for a patron they can give the client access to the website, but perhaps you’re like I don’t want the customer to break the website so I give him a few limiteds. If you want to do that then go to the backend, go to users at new.I create a user name I call this one ferdy client, his email address first name ferdy buyers. I create a password for him, that one send it to him and I want them to be in editor. I add the brand-new consumer OK and now I log out. Now I want to log in as ferdy patron with my password I log in and if I go to the website.I click on edit with Elementor. I can ruin everything, so I don’t want my buyer to give the option to ruin everything. So what I will do I log out. Now I go to Elementor role manager and if I click on editor, I can say no access to the editor or access to edit content merely. So if I check this one the client cannot even open Elementor and if I adopt this one, he can open Elementor but not edit this vogue exclusively revise the content. So I say the changes. I log out, I log in as a purchaser I go to the website. I supplement it with Elementor and now if I want to remove this I cannot do this but what I can do I can click here and I can change the textbook. Here I can change the textbook. I can change the topic things but I cannot remove things. So in that way you can give access to your patients without presenting him a chance to ruin everything you have performed. So now you have a website you are ready to do websites for patrons, make one site for yourself.I want to thank you for watching this video. I hope that members can learn a ton of stuff and you are able to make a beautiful website. I wish you a big day. Feel free to like this video if you have not done so and subscribe for more upcoming videos and then you will see me the next time bye bye![ Music ]. https :// www.thecityeg.com/ what-is-branding/ Read More: What is Branding? A late dive with Marty Neumeier