Σ Sigma Hosting is mainly a video tutorial website

Σ Sigma Hosting is mainly a video tutorial website that make it easier for you to search within the transcript of videos for solutions of problems you might face during your journey in dealing with different webhosting companies. So, we are very sorry if the text is not well organized and we may work on it in the future but for now we hope you get the benefit mainly from the video then you may need to have a look on the transcript. Thanks for your understanding 🙂

hello guys how are you guys let's go out for another class here from our free element template mode and in this class we’re going to create from scratch the top of our website we will start a new phase of our course and this time we will create a page from scratch in the canvas element template we've already created some pages here if you didn't follow the previous classes I recommend that I watch because now we’re going to advance a little bit there content including installing additional plugins free plugins ok too so let's go or create a new page here add page new because we are going to create our page from scratch now put model 2 as i said each session in which we do is going to be a new model to facilitate the organization and now let's put here the canvas element model and then just publish we will then edit with elements and like i said in this we will create a header with area for the title of the site and also a menu with a very inventive line and very interesting and some tips that I'm going to give you there so you don't lose time that we will be discovering how to use the tool ends up wasting a lot of time so I'm going to act ahead for you some problems that you will go through in the development of header in this way that i'm going to teach here is the following guys i will explain something for you very interesting unprecedented here in our course so far we have some elements here we already use some others not yet but how are we going to develop our page from scratch we're going to start with the header and to make that header there is a more practical way it is more a way more used among the developers who to use an additional plugin so here we have the native elements right from the plugin elements and ends here but some others from today press we will install here a set of additional plugins is a plug in free too that has additional elements to create new ones there features in our template we will not leave here exists and we will go in plugins add new and then we're going to search for nine menu element and then install now afterwards i will also make this available free template for you if you want to download and install there on your website so you can get used to using the template there I develop from piratuba tamente ok then let's activate here nine menu and now it's important that you have your menu created right there on your website the text in which the appearance – here in the classes of the course where definitive term already I taught you how to work with less so it’s essential that you have a menu created and preferably cited to be the main menu you already have to have this structure ok i will add here in my menu my model two then view all model 2 pages and add to facilitate the visualization line and I will pull here once again I affirm that all this has already been taught if you have any questions leave it in the comment that I indicate which are the classes for you to learn this save menu which is the menu we are going to put at the top in the header of our website we already have our menu we already have the our installed club so let's get down to it let's go on pages every page and now i'm going to edit model 2 which is a page that I created with the canvas element template ok it's important that be like this because we are going to create our own header so edit with elements in the meantime I invite you to like the video if you are liking it and if you are not registered also subscribe because there will be much more content here I have this support from you I stay more excited to publish higher and higher so subscribe to the channel share these classes on social networks and leave the cell that right so let's go add new session if you add template you can already add the template that is available on platform I will leave the link in the description for you go to our library page holds place that i will do there for free for you are right for now let's go on add session let's use two columns here I already have my two columns so I'm going to make it a little bit narrower because here we are going to put the website title or a new one and here will be our menu so come on guys first and i'll teach you the easiest way however is not more efficient is right i will pass a form that i think more interesting but for the first contact with this new technique almost everyone will do it this way you will put a header here you can put a header here write the name of your site so far no news and here you can pull your minute let's add a boy here so let's go back to the elements look how interesting now down here new and new floors have appeared options because we installed this additional plugin ok you can put here let's pull this element here this fire module new menu put here and look what happens folks he already brings here ô ô ô ô space you just need you click right and here you will select your menu as i already said you have to have created a menu in your world press is something that has nothing to do with the element or the theme you uses what is the normal menu you create on your site wordpress so I'm going to choose that main menu if you don't create the boy nothing appears here and here will start that problems i talked about guys i'm going to do is what i'm going to do here is a hand on the wheel for you right instead of you breaking it look just like what are these templates like that the element brings us the boy doesn't really it’s nice so instead of you just hanging out there let this cute boy I'll give you several tips here so here we go and if from here the fire configuration there that came to my theme clicking here we have the entire editing area here and then we can change the style change the color which is what we're going to do in a little while but first I want pass another tip for you guys let's go back here where we put this header and let's delete this widget look just cool here have other options also in addition to the phono nine minutes on average this search icon has other options what we're going to use here is this freebie let's click and drag and look this is that branding that is native to the own wordpress we cannot increase the font here to check better view so I'm going to click here on my brand tom and the blind let's change some things we can put the alignment to what is the title of the site and the description in that famous wordpress formatting you can leave the left you can center or you can leave the right here i will leave it centered so let's go in style and look here above is the style of the toast is that the title and down here is the options in description which is what comes below so let's go here on the big deal i'm going leave this even the summer I will not change and here I will change in typography I will make it a little bigger wordpress I will reduce here and in the description I will intipor spelling I will also make it a little bigger like this right here so we already have a new format here i can put this brange i will give an update here we will see how it is getting Iraq on my model 2 that the page I just created and it was right way so here is already great even with link your click I went to the homepage of my website I didn't have to do any other with the figuration of ok but as I said to you look this boy was really bad efe is not very beautiful and we are going to change this now let's go back now yes let's click on the menu and let's go to the area edition of the fool ship menu first thing you will be there trying understand which is a more interesting color right so come on style before that you can use the alignment it's on the left you can center it and you can also place it on the right however look what happens when you put the right one and it gets this defect will update here show you update the page it stayed here with this defect that I don't think is cool and I also couldn't find a way to fix it, it's possible to do this with the css only that there is something that requires a little more planning mainly thinking about responsive mode ok so let's not do that for now so look just started a little problem that probably you would spend some time trying to correct and if you correct leave a comment there because i honestly don't figure out how to fix this so i'm going to leave centralized or left for now right it got less ugly that way so let's go in style here you can changing the background color also notice that it now has the color background of the item you will have to select the things you think more interesting I'll leave this one here you can change the second background you can leave it red make the configuration you want here you can change the color of the link is white if you want to put you put another color there even though it was only in the over here he stayed in the revolver because he woke up link is who so I'm going to make it blue here so look, you can change the color of the link and woke up link i will see that is when you put your mouse on top you can also put a background here let's see it's the background rover when you put the mouse will change the color is right i'm leaving a carnival here ok because then like i said i'm going to do something much simpler and in my much more beautiful opinion than to be breaking your head here with these colors so I'm going back here you can put tackles only that this ball is from each element so you can put 20 pixels and look at how it will look it was much more ridiculous right then you can go making the ugly your very cool menu I will leave 0 here here you can change other things on your menu also including submarine options which is when you see the options down here so if you want to make it a little uglier you can change its color here also put a green one and look just you will change is right good people here i think there is no secret is very calm is just a question of applying and seeing what was the change what was the change so there's nothing too much okay go to the most important thing is to leave our beautiful site here you have some options of the icon on mobile so for those who still don't know just click here and you can see how your site is staying on the tablet so look this black sign is here this black button that that famous menu button on mobile you can also change the color of that cool botton so as i said here is quite intuitive quite simple and here you can see how it looks on your cell phone centered because the button is also centered back to the desktop but like i said i don't like this format in the element this plugin free does not give you many options like this to do something different so let's do something more minimalist than the one I like the most so let's go back here on our nine boats let's put the white background here the link will be black and gray here right the black totally black is not cool let's leave this gray here the background here will also be white the link will be the same color will not have difference despite that here we can leave a little bit clearer so let's do this make it a little clearer ok the background here will also be white we don't need a board and here the edge also didn't let it close here and now yes let's do the update and look at how our menu looks much cooler and the active page will be black however we will take this green here we go back to the 9 bar we go to submenu where it is green we will also leave the ticket blank and now yes however the submenu link was missing so let's go submenu links will also be that darker color here to be all the same color pilates once again we will now see our menu and now it's already better and now i can play right because i don't have that color anymore background and will not be with that defect anymore so let's go back 9 bar aquino alignment content section right alignment ready it was that way the president is cooler and then update the page it was that cool now there’s something that I don’t like very much next is this good if you go up less here we can also align to the right not to stay on this ladder that comes back we will go in content and here also in alignment of the item we will put on the right and now yes it is aligned if you didn’t realize it was centralized and just look at the stairs model 20 and model 20 so that it is aligned with the so I put it on the right and now it is aligned it is much more nice right aesthetics come on pt let update here now my boy was on the left and everything is aligned however i think that is very distant one item from the other I want it to be closer as this plugin said it give us a lot of formatting freedom so we're going improve that margin with our good old css so let's get out of here let's go back to the wordpress panel let's go in appearance customize remembering that regardless of the theme that you use you will have this option of additional css the chat coming back then additional sss and here we will put a css code to improve that menu spacing remembering also that on the platform definitive wordpress dot com has an ahb html css course if you don't understand any of this okay we anyway just copy what i'm going to put here and also what I'm going to put there on the wordpress platform definitive in our template library that the link I'm going to leave in description there i will put this css code for making your legal life easier was worth the video subscription so right guys let's put our css code i'm going to open here the page to view model 2 and here i will put the class from my menu regret that we missed assigning a class to the menu I forgot so I will put not here in fact let's go back now so as not to confuse you guys let's go back there our page on the page that we're doing and dictate the element this information is essential to do what i want teach you guys i'll click here in my menu and here in advanced in the css class you will put main dash menu right don't need by point don't need to put anything just main dash menu is important that you put this name in case you want to copy the css code that I'll make it available in our template library so the fish notice it's the css class of our menu right click here on top of our menu will appear here this screen you come advanced and puts that the class s put me on the main dash let's go out there and now yeah let's go in appearance customize additional css i will open here our page for view the change in real time let's go in additional css and now yes let's type in our dot class the menu brings up the main keys shelter the one already automatically closes it all in itself say nothing in html classes css squeeze in to have and I will put here 2 point margin 0 pixel comma dot up here missing the following will not put half a menu point brings up the main menu point brings u have and then let's visualize look just now it's closer together right if you don't realized the difference just take the m here as i said in css everything has to come out has to be spelled correctly i I will take off look at the distance that is an item of another model 1 of model 2 and stop now I will put the honey again look how it gets closer together right without the margin the pope without margin looks like this with margin is closer together so there are small details that will make the difference at the end of our menu and now I will publish we will see here how it was and ready it is already done and now simpler beauty now let's do a new configuration to give more charm to our menu we will leave from here and return to the edit screen of our element template I'm going faster now guys because like I said you already have to to be following the course then this is already the seventh class so there is no more reason to be very slow paok the pace is now faster now we will make a configuration there that I think is cool to give a charm for the menu it is like this look how it is pay attention and you will see the difference is that it will stay we will come back here look we will click here edith session right and we will try to put a bottom border on our section so let's go in edge style or disable here and i'll just put the bottom edge i will put here is good five pixels to test right let's do a coup of you view here how it was and did not appear here in our menu let's see the reason so the solid am solid edge type and then put here is just put again disables and just at the bottom I'm going to put five pixels so the president can see it now difference has gotten a little cooler it is at least in my opinion only it is very strong this edge we will make it softer let's go back instead of 5 let's put only three and let's come here in boxing shadow is not that the shadow and food and here's the look look let's do the next not vertical we're going to put a border of three just three and we're also going to put this burrow of let's leave 5 and then the pnate and now update and ready look it got smoother because of the shading but it is still very strong let's do the following back here in shannon here we will put just two pixels and here they see let's go back and put it on the donkey let's put just three i'll explain better what is what means this configuration the president come on ready now it got more interesting we will decrease even more did not stay with 5 ac here we will leave 0 that rounding does not need and here at the sheraton let's do the following in the blur let's just leave two and upright also just two so the president let a little more thin our rope and now it’s better got a little weaker let's do the following here in color let's make it lighter let's make it lighter gray looking for perfection there and now yes perfect now it got smoother so look at the difference that has already given a charm there however there was a lack of alignment here in our section let's go back click here or in editing session we go to the layout and here where is the opposition of the content, we will put a medium and then the plate and we will update and now yes our top is ready there I honestly think it is much more beautiful so much smoother much more minimalist than the fux shape that the plugin there from 9 – it brings a lot calmer and a lot smoother and when continue to create our page here you will see how it will be well interesting is right one more configuration I hope you don't be tired because I want to make a really nice stump here another configuration looks if you put the mouse on top the sub-item is covering our border this is not very nice so we're going to put one more spacing so that these subitems are below the edge of our menu right and this is also done with css so let's go back one more time let's go out and let's go to the appearance customize and let's put a property and css here to fix this so I'm going to open my model page 2 additional css here and this time we let's put here menu point brings the main ollule let's put here asks for a dash top two points 20 pixels and comma point I will not explain all this because as I said it is part of the html course css for wordpress right but just copy what i'm doing that too will work for you but to help you even more just access here the definitive wordpress platform dot com.br come to the element template section and as far as I'm going to make this own spice template didn't come down from this top and here I will also put this css code that we’re writing to make your life easier, cool and then it’s worth subscribing to the channel, so we’re not going to proceed I put my top 20 pixels here look what happened oops it didn't work let's see what happened here let's put 30 pixels 40 pixels and now so then you need to put 40 pad pixels and look just now no longer take a tape over the edge right again for you to see the difference without spacing with the ok 40 pixel spacing is on top of the right fashion without spacing with spacing without spacing with spacing difference too big is not to publish and now yes let's go updating our final phase website and then our top was here in the our first has a playground undone by the final wordpress and now yes look there how was our boy was very bad interesting ok good people I found this class to be faster but how do I said that doing something here well explained and also helping you to impossible problems that can occur when you are developing a menu to create there or your page with the element ok people just finished another class I hope that you have enjoyed this content see you there in the next class element templates for wordpress a big hug for you and even more .

Video Discription

CURSO WORDPRESS DEFINITIVO PRO 2020 (atualizado 2020)

Aprenda nessa aula como criar um cabeçalho no elementor do zero! Criar um cabeçalho com o page builder elementor pode ser mais fácil do que você imagina, após assistir nossa aula passo a passo, claro!

Link para download do template para cabeçalho no elementor

OUTRAS AULAS

Como criar um site com WordPress e Elementor
Aula 1:
Aula 2:

Como criar uma página de captura de email | Aula 1

Como fazer email marketing gratis | Aula 1

OUTROS CURSOS NO YOUTUBE

Como criar um site com WordPress e Elementor (todas as aulas)

Como criar uma página de captura de email (todas as aulas)

Como fazer email marketing gratis (todas as aulas)

Como configurar o Contact Form 7

Como criar um site profissional 2018 – Tema OnePress

Curso WordPress 2017 – Completo

Como criar uma loja virtual com o tema StoreFront

Como criar uma loja virtual com o tema StoreVilla

Curso de SEO para WordPress

Como alterar a aparência do formulário de contato Contact Form 7

Como criar um blog com tema grátis no WordPress

Curso de hospedagem de sites e cPanel

Dicas para hospedagem de sites

Curso de HTML e CSS para WordPress

Segurança para WordPress

Como deixar o WordPress mais rápido

Curso de WordPress Multisite

Como criar um site com o tema Shapely

Portal de notícias com o tema MH Tech Magazine

Curso do Plugin Jetpack

Melhores plugins para WordPress

 

Leave a Reply