In this video I show you how you can create a wonderful wordpress website my name is samira and i will show you in twelve easy steps how to find a cheap and create a professional website yourself you just need to do everything I do do you can pause the video or switch it slower using the youtube function and if you then insert your own texts and pictures and adapt everything individually I will give you will then give you tips on this then at the end of this video you will have your own website in front of you on the have a screen and if you have any questions in between, please write to below in the comments or write an e mail to samira at website made easy dot de i will be mine do my best to answer all questions the website i am going to design today is not one classic homepage website but you can also easily navigate through further pages I will also show you how to add an imprint page and privacy notices and how you can optimize the site for the mobile version so that it doesn't just look good on the desktop but also on the mobile phone and tablet and i want to now But don't talk for a long time here either, just get started and invite yourself now To go on this little journey with me to build our website we will do the following three steps go and I'll go through them briefly and show you what your site will cost first of all we need domain and hosting the domain is the address of his website via the you can then call up your website, for example the domain of google is www.google.de the domain my website is www.weg.de and yours will be depending on which name you want bw.de de sein and instead of de there are also other endings depending on the hosting tariff you want that you then have access to other endings or not hosting the computer, so to speak where your website is stored you could also have your website on your own computer but if you want to have it online then you have to stop for it ensure that a computer is running 24 hours that the computing power is state enough that yours The internet connection is always strong enough so that all visitors are always open can access your website and yes that would be as good as anyone as a private person and That is why there are hosting providers who offer this as a service that you can have your own website with which can save on their computers and that is called hosting and that costs for one simple homepage website around five to ten euros a month and those are the only ones for now costs are incurred because wordpress itself is an open source project that means it is free and we will then install this with our hosting provider and design the website is yes Also for free because we don't hire a designer but do the work ourselves, that's exactly what I mean if you want to hire a photographer, of course, is to take special pictures or premium plugins for special functions like somehow demanding scheduling or yes what I want to buy it can also cost depending on what you intend to do to come but basically the page costs five to ten euros a month and if you already a hosting and a domain then you can simply skip the first step and go directly to install wordpress and if you have already installed wordpress then you can of course go straight to step 3 otherwise I would say I'll go to point One thing is to book a domain and a hosting with the hosting provider web.de not used today, the domain is already included so we only need the hosting book and it will be included and where is my favorite hosting provider but you You can of course freely choose the hosting provider and do your own research there if you want, i always recommend webgo because they work 100 percent with green electricity and Here in Germany they are based in Hamburg, but also mainly because some of them have excellent customer support if i have a problem then they have me Helped so quickly and above all in such a friendly manner that I'm just sure of that feel safe but you can inform yourself there if you want and that The most important thing is simply that you make sure that the tariff you want, no matter which one hosting provider has an ssl certificate included because you definitely need that and Otherwise I have to buy it later and that it will probably be a bit more expensive than the tariff I have I recommend the veb co pro tariff for a homepage for five euros or if you have another want to have a little more power power the cms pro tariff for seven euros there is one ssl certificate included and also a free domain and I think they have a good price performance ratio and if you want to create several websites directly or think that you are in future guaranteed want to create a website again or for friends or something then would I recommend the professional tariff for ten euros because you have six domains with you and you can also have other endings stadt.de endings I'll write you the links in addition in the infobox and if you order over it I get a small commission with which you me I can support you in my work and I also write the voucher code I have made the website easy if you can use it when you place an order you ten euro discount I want to say briefly that I go away and not recommend because I get one get a commission because i think i would get a commission from almost every hosting provider they all got the program but because I am very satisfied with the web and that company would also like to support ok and if you have decided on web.de and on one the left in the description click then you come to the tariff page of web.de and you can there if you want to read through everything again or, like me, just click on next and now I have the opportunity to test whether my domain is still free or whether it is already someone else has and if you still can't decide which domain you want want to have or yes you just want to choose later then you can also simply here click on next without domain the same applies even if you already have a domain otherwise you can simply enter a domain here, such as super duper domain and then click on select this domain and click on next to enter data here you can get this offer on the vice you can do without that too Later still perceive and made a lot more sense when the page is already finished because of that I click here on forego offer and then you can now enter your data here your name password password repeat an email address and click on continue and now I am asked to activate my webhosting package.
I go to activate now then i enter my personal details like my address and so on and because I made a voucher code easy for my website because I can do it down here too enter and then click on next the last data entry is then my bank details and When I have given that one I go to the summary and then I see all of them again contract details and can check everything and then go to order for a fee and when I then confirm the order with the confirmation link in the e-mail I have another e-mail with the access data for my user account at web.de and with this data i then go to web.de on the website and click above right to login and then log in with it so now we have arrived at the customer portal of web.de and before we do anything else we should change that first password simply for security reasons we go here to user account password change and then enter our old and new passwords click change password and you're done here on the left you can see your contract up here the domain overview if you click here then you can you can see which domains you have and can add new ones if you log in, for example on At the beginning you haven't decided yet, you can now add your domain here if you have any questions about hosting to the domains or anything related to a wordpress installation or whatever I can tell you Highly recommend to contact the live chat support they are so friendly and have always been able to help me competently and that's exactly where you can be happy if you have a problem and before we install wordpress I would like to briefly activate our ssl certificate so that our site is securely encrypted from the start and At the top of the browser, instead of unsecure connection, secure connection is displayed, I click on the orange field webspace admin go to package management and then to ssl then go to Create ssl and select the domain of the page for which I want to activate the ssl certificate click on create and then you wait for the message ssl certificate successful for created this domain and now if I take a look at our overview then there is a little reason to celebrate because we have the first item on our list now we have a domain and our hosting organized and we can go on to install wordpress now to install wordpress we click again on package management a click into the valley and then at the top right for installation then we choose ourselves our domain output the name of our website to our e-mail address and a password of it without umlauts without marriage – and that should somehow cause problems sometimes and here you can see your provisional access data for wordpress that we would change later to install and after a few seconds or minutes the installation is complete and you you can register under the following link and depending on whether you are currently ordering a new domain have or whether you work with an old one, you can either register immediately, namely if you already have an older domain or unfortunately have to wait a few hours it usually takes that way one to three hours until the domain is really activated to be able to register and it can take up to 24 hours, so there it is have a little patience and I'll just take a moment and then we'll do it right away the settings at wordpress keep it up for me it actually only has ten minutes I hope it went quickly with you and if we have logged in now then we come here on our wordpress the sport that is, so to speak, our command center of from which we make all changes to our website that is always a little bit at the beginning confusing therefore minimized all here first before I do anything else I really want to change the password and for this I go to the bottom left under user Update your profile and scroll all the way down and create a new password and start now We're going to build our website and start with the foundation, so to speak, there are some to change basic settings and plugins and a team to install and there I'll be you now carry out step by step first let's go to settings on the website and change the url from http to https here because this is the only way our ssl certificate is really active and me change the subtitle of the website at the same time because our website is not just any other wordpress website but can also have a very specific website we set the language of the website on this page when we are in germany then is automatically given in German if we are accessing from Switzerland or Austria then it is here German in brackets Switzerland or Austria and then elementor becomes the plug-in that we are about to use still install installed in English so it is important to have German written here otherwise Let's go to save now and it says settings saved here as a second we will change the permanent links for this we also go here under settings on permalink and select the post name here.
This means that the url is not here there are any strange numbers and signs but, for example, if you are now on the imprint page goes from your homepage to your domain / imprint and not somehow nor yes then how date or something, I go back to save changes and then I take a quick look up here dashboard and update after what it all needs for updates and in particular if wordpress itself needs an update then it is good to make these updates before you the website design because sometimes none when you make updates to come that it is small There are changes on the page or something no longer fits properly, it is also recommended Make a backup before every major update so that you are on the safe side but if we update it immediately then we don't need to worry about ours the page is not there yet i click on update now ok great now i have it current version of wordpress I am neglecting the update of the plugins for now because I'll delete all the plugins anyway and then install new ones first i want to install a target and for that i go to design and themes and here there is a a few standards such as the twentyseven team can be selected for a live preview 1 7, so to speak, determines the appearance of your website, the fonts and the layout the color scheme and a lot more i'll go to the iks here and go to a new seven I would like to add that you have motion wp wordpress has a lot of free teams and there are also some that you can buy and some that are available as a freemium, that is that you get a limited version for free and pay for the full version I use it in the outside vip because it has a lot of design options and it's easy a very popular goal is what works well and is well compatible with additional plugins and I just click on install and activate directly and install next we then the plugins plugins are like apps on the cell phone we can install around more To have functions on our website, the ocean extra plug-in is already suggested here and before I install it here by clique directly on it, I'll go under plugins, click on installed plugins and have a look at something for everything Depending on which hosting provider you have, another 7 are preinstalled here and I would recommend you just delete everything first and go to deactivate to be able to delete that at all, take exactly multiple selection and delete these are not bad plugins per se, but I would like to use others with them which I have already had particularly good experiences in general, I have to say that you it is best to try to install as few plugins as possible, so only those that are really necessary are because a large number of plugins can possibly slow down the loading of the page and yes if we some plugins are not compatible with each other and if you forget Updating it regularly can also pose a security risk because of this installing it We now only install the plugins that are really important for us for that very purpose now for the first time here the proposed ocean extra plugin I just click here up and down right on install now and on installation of the plugin states and go then down here on activate and again on plugins installed plugins there I see now the ocean extra plugin that was installed and when I install it up here click then I can search for more plugins and install the second one elementor wants to install it this is the page images that allows us to build the website without that we have to learn some programming language I'll go to install now there is also a pro version of which makes it even easier and we have even more additional functions get but i'm building my site today with the free version and overlooked the fact that you also have it the free version can go a long way and if you decide for the pro version then I would be really happy if you order the link via my lot of money I will go now on activate and go back to plug ins and install and install one contact form because unfortunately the free version of elementor does not include a contact form so if you buy the pro version of elementor and you don't need this plugin now still to be installed and not everyone wants to have a contact form at all So if you say it is enough if you write your e-mail address and you don't have any If you want to have a contact form, you can of course skip this step The contact form is called contact form seven and you have to install these fuji ridges on now and activate and as the last plague I want to install a security plugin for that I go click install again and the plugin you got will fans will fans go to install now and activate it can take a few minutes and then enter your e-mail address here to whom the safety notices should be sent select the newsletter here or from me go to 0 tick the terms and conditions and continue me I only want to use the free version first, so I go to no thanks and then I would like to have a few settings for the wordpress plugin that we have just installed I can do this at the bottom left on word fans der sport so that I come up the word fans of sport, which at first looks quite confusing, but then you climb too at some point by getting here first just click on next garitz and will be up here with this notice Click on us enable auto update so that the plugin is automatically updated and always on the The latest version is so that there is no security gap.
I also want to go down here under options I go on it and set e mail alert preferences when the plugin sends me e mails should because here is preinstalled irwin sommer us administration ministry of science in the means then I always get an email when I log in myself and that annoys at some point namely out and I do this in here for new so if I know from someone else Register laptop and down here I tick the ryanair checkmark in the admin users loks science in that if someone is not admin so someone logs in then something is weird that's exactly where save changes is about and under options we find the category brute force protection and firewall options I go up and here you can give how many attempts you have to log in to the wordpress web page before you first I will be locked out I leave the number now at the preset 20 but you can increase or decrease the number depending on how well you remember your own passwords if you scroll to the top then there is this yellow marked message and here it is about configuring the firewall because you go best times here on click here to configure and then just click on download htx save it file and then you go to continue you can close the window and you will come directly to the firewall options page and here I would like to show you one more thing, namely that there is a standard learning mode a week and you can activate and deactivate it here and it's always good if you have one make major changes at your side that you activate the learning mode again so that plugin doesn't think that the changes you are making are some kind of external attack but that the website was okay, I'm doing the changes myself because otherwise I could there are obstacles that the plugin then disturbs you in your work because it thinks that you are an attack from the outside and exactly when you think that you need your website longer do it as a week then you can also enter a date here until when the learning mode should be active and the learning mode should not be on permanently because during the learning mode are you just not as optimally protected as when the learning mode is off then exactly me now just go back to plug ins and installed plugins and there we see them four plugins that we have just installed and that’s all that I’ll install would like to take this opportunity and if you have come this far then I would like to give you a warm welcome Congratulate your perseverance and say that from now on it's always easier and above all it will be more interesting because next we will actually create our website than We have now also installed and set up wordpress and thus the second stage and three website journey completed and from now on it comes, in my opinion, the most beautiful section now we can really start designing the page and then after each work step too really then to see the direct result directly on our website and I'm looking forward to it to create our site now i go to pages and all the pages are now there two example pages i will just look at the two times and go and do multiple actions move to the recycle bin and then want to move it directly to the recycle bin and delete them because we just want to start all over again with the new page to create I can now go to the left on adjust or up here that does not matter me just click the tutorial here and enter the title of our website here because it's easy mal home that's the standard and then scroll down and under layout I choose 100 percent full that means that the page is completely from left to right across the entire screen over goes subtitles I choose disable because I don't want the page title to be displayed will and then I'll just go to publish you can also first of all only visible as private or you can have them directly visible as public or you could also have it password-protected for now, I'll just publish it times go directly to publish and I can look at the page that is how the page looks now straight ahead there is not much to see but we will design it now, so I'll go again go back here to the left on the wordpress symbol to get this bar again and create it on the next page below that is our imprint and data protection page here I choose again 100 percent fit title disable and go to publish publish sometimes you have to click twice on it okay I'll go back to the dashboard here and under settings and reading I can set which one as the start page home should be shown so that the internet knows that the imprint is not the first to be displayed should be displayed but the homepage should be displayed as a homepage then I go again to save changes and if I now go to his all pages then this is around my two pages and of course you can add a lot more pages here, but we do now make a homepage first i go to home and now want to include the page edit elementor for this I go up here with edit elementor now it's going to be exciting this is the page as it looks right now and the one on the left is the elementor page images here we have a lot of elements that we can pull from left to right onto our side if you click on these new small boxes on this small box here then you can you can get all sorts of things here, for example a map, there are some that are only available in the pro version which can be switched off here with this toggle there is progress here with and everything possible and about me up here if you click on the section on it and then that ixs clicks above then you can delete that again and first of all I want the cover picture add to our website what in my opinion is the most important thing about the site because that is the picture that visitors see first when they come to the site and what shapes the whole mood and what should represent your company as much as possible or your project is ready and what you would like to present at all is on this page so that the visitor feels right here just have a good first impression and decide take a look around your site that's why i always edit the cover picture first and then build the rest of the page around it so that the general color scheme fits the picture too of the other pictures that I choose, that's exactly how I do it now, not everyone from us wants and can now perhaps afford a photographer and that's why i want you briefly a two-page show where you can get really good photos in high resolution for free the first page I can recommend to you is pixels because you can search for motifs related to the plans fit optimally, of course, if they are already in landscape format, I mean portrait format pictures can also be cut because they have such a large resolution here that would mean no loss of quality.
Another page is at splash and there is also some pictures and they are all free and you can use them how and what you want and you can also decide for yourself whether you want to support the artist by yourself Mentioned it on your site or not so I am here for this turtle decided and go down here on the arrow and on save and press ok and if then i go to my download folder then i see the picture and i also see the information to the picture among other things I see that the size is 9504 times 6336 that is quite large and could possibly affect the speed of my website, so i'm downscaling the picture and recommend a size of about 1800 x 1200 pixels that is about the size of which the picture is just as razor-sharp and at the same time so little storage space take away pictures as possible, you can reduce the size with a lot of common programs but if you don't know exactly how to reduce the size of images, I'll show you the img to go page Simply move the picture here and when it is 100 percent uploaded then you can you enter 1800 below and click on start and then the picture will be downloaded automatically Now when I apply for it then I see here it has the largest 1800 x 1200 as well how I want that and if I want to add it to my website now I go back to our website and then click here on the plus for one to add a new section i then select this simple section at the top left and then here in the top left under style a background image for this section of the here just selected is select i do it by typing classic here on the background go and under picture I can click on the plus and then upload a file then go to insert media at the bottom right and have that as a background for my section and because the size of the section has not yet been defined, you can see the turtle here not at all for that we now have to add a petting either, that is, a distance within the property if I enter 20 percent here, for example, then come we are closer to the matter or maybe even 100 then we have a lot more turtles here the other way i want to go now is that i am a direct elementor in this section move in here for this I go up here on this box with the new boxes and pull myself here a heading in which I then give a petting up here under expanded go now times here on percent clique that closed your way then I can single up 20% enter and maybe go down and go back to content around the heading to center in the middle and under style I can change the text color which is simply white and since we can't see the turtle in the background, I'll go up here again on the section to edit the section background now this is text elements chosen so that we can edit the text and if I now edit the section again then I have to select the section up here then I can use the background image again edit and here under the picture we now have different options, first of all I want to when entering size cover I get the whole picture on the screen and under position I can choose the position of the picture so that the turtle, for example, over the text I can write also select individual under position and then determine more precisely where the heading should go should if you have the problem that your image is repeated here you can give rapid 1 and you can always hide this toolbox here by clicking on Click on this little paper and then you want to see how the whole thing looks in large size next I edit the heading for this I just click here again on the text and can under edit style and typography, for example, i can choose which ones here Font I would like to have how big the text should be, of course you can write the text at all change by double-clicking on the font you can edit the font style that means you you can make the writing very thin or you can make it very thick, you can convert it to waves in capital letters and a few other functions you can simply look through what is all for yourself for options i read the rest now and add a directly under heading one that I center again in the middle and change the color under style and then also here the style can change again 40 pixels and the thinner pen font now cut I take it here at the top heading that Beijing down again out with it They really are among each other, the two headings and the flights directly to the button one that I would like to make down here that I also align in the middle and then add enter the distance from the button down and now I choose padding the difference between beijing and margin is that with some the distance is increased to the outside and with piding the section within this column is enlarged this is a bit complicated at the beginning to understand i also shot a video that means petting and marvin simply explains it you can find it here in the infobox, I know that's a little more interested, and there a little by going up I now just give a petting of 20 percent down and in here also a little upwards so that the distance to the lower heading is a little larger it will always be a little bit of trial and error I would now like to take everything a little further downwards, that's why I make the distance even bigger up here and then go I also go back to the preview every now and then and see if I like it so much because you need it sometimes a little patience until everything is as you like it a rule of thumb for For the writer, it is best if you have two headings on top of each other In other words, it brings in contrast that, for example, you have something big and something small and something thick and something thin look better than if it has the same font as the one above it's just not that interesting to look at and it's even harder to read what I am could also do is that the lower fattener and the upper make that thin always looks better than when both are the same, but now I would like the upper one got and the other do and edit next the button for it I just click the button go here on content I would like to have it a bit bigger on the one hand the here size times to medium other here the text above and can then change the color under style and with buttons it is always good to set a hair color, that is, a color the occurs when I then move the mouse over the button so you can see that that element is clickable and here I could, for example, simply demonstrate that set so red-brown that is of course not so great from a really great tool is website zero co2 155 on this page you can enter the number of the color you want have for your button, I'll copy that and feel that and then we'll be the ones here nuance in this color displayed in lighter and darker colors I would always recommend three to go four five steps up or down I'll take the four not to click on it then it copies it automatically and then I'll go to hoffer and the background color and then I can enter the color in the field down here, then the color changes here and then it is very clear that this is a clickable element and that is what I can do down here with the regulator make the color more transparent and I just have the button complete can be transparent, however, I would like to have a frame around it and I will show you there briefly how that works for that I go down here on frame type on solid city on no and then I can decide here with the width how wide the frame should be, whether it is whole now should be thick for me it should only be a pixel and I would like the frame to be only visible if not with the mouse over it, that's why I'm going to go back to normal and do it then here the frame color on our original pink color and the hofer and frame color then put the frame on white and so i like it very much when i am now, for example I would like to have a frame around my headline I just click on it then I can here Go to extended and frame and then enter the frame type solid and the width the frame and on it you can also show how pudding and martin work had entered the petting here and expanded it and that's why you can now see this 32% size petting upwards and so I don't want the frame around my writing to do that change these 32 and take them out when petting and give them up instead some and I already have the space and the frame around my writing up here and if i want to move the frame away from the edge of the screen then i can also to the right and enter a martin on the left exactly the same applies even if I eg now have a background color for my headline would like that it is sometimes interesting when you see a particularly colorful picture in the I have a background and one has and cannot read the writing really well here then select a color on color that I would like to have in the background and may also be able to Making it transparent and now, for example, taking the frame out again is one thing possibility to make writing still legible i take that out again and would like you briefly show that you also make a background overlay for the entire section you can by wanting the section here and then overlaying on the background under style gest there you can now either simply consider a second picture here intransparency and thereby create any cool effects or simply under color here for the example make the whole thing darker then the writing comes into play even more option here is the dividing line shape always comes with that, there are so cool effects here For example, what are now called mountains here or a slope or waves and they can I have up here and down there as well, there are different options that you can then also do can still change that can be useful in certain cases year i won't do any for now and another way to make the writing legible can also be by using the write again to wehle and go to style here you can insert a text shadow here now for example insert a black day shadow that not whether you can see that you are not just that made away and I can change the blur here and also change the position leave that out for now and would like to change the heading here, it's good and simple to create clarity there is the principle better clear than clever so not just any puzzles write down you are often so boldly creative, sometimes it is just important that your visitor knows that he or she is right at this point and maybe you even want to no picture but a video as a background you can use the section again select and under background type click on these cameras and then enter a video link here for example i have kills paradise video here and because i don't want that with this behind begins with this font I can also specify a start time for it here for example 20 and also an end time and of course you have to make sure that you are the right one for the video that you have to say here is that the video is only on the desktop version is displayed on mobile version then a picture is displayed that you have to do here below enter and the background fallback if I would actually take this video now then I would now insert the turtle as the background image here again, but I don't want one now video but a background image so I take the link out again and go here back to classic and I encourage poets to take real time with you and your cover photo to try out different pictures until it really feels right for you i have myself now I decided for this desert picture because I think it looks very powerful and whenever you do you decide somewhere in the process there is a great option at the bottom left under to go back steps if I now say, for example, oh I'd rather have that video or the other turtle then I can go back and forth in time, so to speak okay i'm really happy with my cover design and want you now show how the button works i click the button when you click on content here then you can enter the link here where you can link the button so either to extend to an online shop or to your newsletter or whatever you want want to do or how I would like to do it here on the homepage for the sections that are further down on the page but of course I have to do that first create the sections at all what I might show you briefly on the button can is that you can round off the corners namely under style and corners radios I can now to for example, enter 50 or even 100 and I can make the corners with it can also change the pairing of the font to the edge of the button if I want that just undo it and show you video under insert extended motion effects namely, you can do very funny things here, such as a zoomin or a at We should of course be careful with things like that because otherwise the page will work then weird what I actually want to do is a field in and that has been delayed is so to speak not immediately threading in but with a bit of delay and I want that with the heading also do i take the cases under heading maybe 1000 milliseconds and the main heading maybe 300 or so and if you're down here on this eye If you click, a preview will open in a new window and then the individual ones will appear elements one after the other and now I just feel the next section for this I go back to the plus to add a new section I choose again the simple section and insert two text elements for me a hill here the quote i can Either paste this here or go to steel on the left to center the text with me and then under typography I can change the size and everything again and I want that letters stand a bit further apart that can be done here undersign spacing and that this text color is a bit darker and I give a bit of space to the top take percent here and not pixels so that the distance decreases and increases when the window gets bigger or smaller and when people have a smaller screen that then the distance adapts to pixels, it is if I had four pixels here then if there were there will always be four pixels, no matter how big the screen is, but if I enter percent then it adjusts the whole of the screen and if I now write down here in the same style would like to have like the one above then I can copy with a right click on it and then go here at the bottom right-click on insert style and then we have the same style that may be save a lot of time, but I don't want to do it like that the text color is now completely black and also smaller and the spacing is also small you can change the height of the lines under lines height so that you can also create gaps and font cut I'll make it a bit thicker here I have the contrast, so to speak created that the lower part is darker and thicker and the upper part lighter and thinner here and I would like to have the two of them much closer together now here is like one, so to speak gap between the two and that's because we're not going down on the section here layout and boxes a column width is given as a default and if there is no gap here click then the two come closer to each other or I can also click on the column at the top left click and enter widget distance 0 1 so that looks better that is it which is sometimes confusing that you don't know exactly where the distance comes from because it is there are different levels on which the distances can be created once by giving up here, so to speak Click on the upper font widget or on the lower font or on the column It becomes a bit clearer if you duplicate it now, for example, so these are here, so to speak the columns that are within the section I want to get out now because we need them yes only one and on the fabric of the column level settings can be made and At the section level that is also great because it gives you a lot of design options but at the same time it is confusing because you often think where they come from apart from that, you just have to try it out a bit and what I still want is here I click here to go to the widgets trainer widget that means you put a small line here under insert typical small ones and in the middle after the bottom a bit thick and would like to have it in the same color as the button and if I don't know which ones drive mine beard again hat I can just click on it and briefly go to the color under style and then Copy the number here and then put the trainer back on and then paste it here, it's good if you you choose a main color for your page and keep it or two main colors and otherwise So using neutral colors is easy black, gray and white in different shades so that the site looks tidier and visitors can find their way around better and exactly is just looks more professional if you are interested in these tips you can also go to my website website made easy punkt.de and then to be and here i write something about the fonts about the size of the font the colors and the picture sizes so you are welcome to drop by and there are also a really cool site called colosseo lrs point c and if you click on generate here and let's go and the tutorial grows and here all these things that can pop up here you enter the color here so I can enter the color of my bodden and can put the lock in here and if I press the space bar then we will have displayed that go well with this color and if you like a certain color then you can you put in the lock and lock and then more colors are displayed which then go well with it and so you can put together a palette that you like the target group in sight, for example, nine percent of all men have a red green poor eyesight and 0 8 percent of women so if you had a male target group then you would I might advise against red and green as the main color, otherwise you can just go online research which colors actually go best with the project and you can use the mostly also intuitively already know so then i will now add the next section and I choose this double structure here and that is my first section in terms of content and the rhine should come here what is most important for your site that your visitors immediately see what you can get here, that you present your most important product here or that you Introducing yourself as a person or even presenting a welcome video here is something what the visitor should definitely see i have here on this page i really am a product that i sell besides this website so here was just a little one about me part they put a headline in and indeed it is not the headline of the big website but a sub-heading actually the third heading, so to speak that's why I'm h3 henning 3 here and that's very important for search engine optimization so that the internet knows what is actually what so that should have h2 under content html tag and the top one should have h1 this one is still h2 like this and now I'll be heading this just edit the size as we have already edited the other headings and font cut and then drag a text underneath and do another neat one here paragraph a rule of thumb is that you shouldn't have more than four lines on top of each other I think five are okay too, otherwise it makes it really difficult for your visitors to read then on the left picture purely I have again to upload file select the insert from media and here you can change the size the way you want it and set the width under style and here these two columns are now the same size if you want to have a column size now is than the other then you can click here, for example, on this left column and then under column width and percentage you can enter how big the column should be and now the text on the right is too long for me and that's why I want to be there enter a petting or Martin as you put the columns in the right position can bring is where you select the section, the upper section and the content width processed, for example, you can enter 600 here if you want and then the in hot width stop here 600 pixels wide or you can enter 1247 if you like and then it is it is so wide it is worthwhile to look into the preview from time to time as it is simply looks up here, of course, there is still a gap missing because I give a little I put a few percent martin in and I would like to show you briefly how you can put it into the text insert a link, for example, I would like to link to my about me page on my other homepage you go to content and want the words on deem you can click on which you can then go to somewhere else you can also open it share link in your website or wherever you want to go then you go here on top of this link to this chain symbol insert or change and here you can then enter the link I'll give, for example, a Punkt made easy punkt.de about me and how you can change the color of the link i can show you later you can too change it directly by marking it again and then clicking on this toolbar symbol at the bottom right click then you get even more options and there you can also enter the text change the color directly i could now, for example, change my color individually, just like him enter and click ok types, by the way, the same applies as for the colors in my opinion afterwards it really makes sense to limit yourself to one or two fonts so the page simply looks clean and tidy and you can bring in so many variations by working with the font or with the style and line spacing in the sign distance and the important thing is that when you have made up your mind that a element has a certain font that you then stick with it, so now all others h3 headings that i will do will all look exactly the same okay the next section I do that I don't want to have it with a white background because now I do again a contrast is needed so that the eye can relax a little and the side too just looks a bit more interesting, I will now create a structure of three and choose now under style at the background type classic but no picture like we did this here but a color and a shade of gray so that now I am not looking for a lot but it brings me a contrast, especially if I add more elements here then you will seeing what is usually useful in this section is just a little more ins detail to go depending on what you have presented up here now, whether it is a product or something is about you or whatever if the person has a little scroll down thanks then it is It's good that you then get more specific information.
I will now have such an icon here box which I insert into a heading and a text which center each there is this own box already prefabricated if you have to scroll down here but this not that easy to make mobile friendly, so for tablet and mobile phone and that's why i prefer to need them myself because then i can perfect the individual elements can be set as I want here in this box, they are so connected to each other together that you can't make some settings correctly that's why I will take them out and put all the spacing and fonts here as I want them to be it is I do it a little bit distance towards the top and with the layout full width and just forgot that I actually still have a section about it up here where I wanted to add a heading, also in this gray, I just create it now again in a new section and do it with the same background and then I can do it just pull up here on this day so I can move all my sections and give her the distance accordingly now and take them out of here because I have the I already have the heading, I can just copy and paste it here in the middle and since it is now called service, I can change the icons here depending on the situation which style suits my site best i can also have it displayed in a square instead of in a circle and when I go to a library here then I can actually choose which one let's take this laptop and change the color under style and of course the size and if I want to insert a link here so that if I can now here on I click then come to another page or to another set up then I would definitely enter a hair color on this page so that one then knows that this is clickable and the link to it could then be entered here for me it should now not be clickable i just let you change the heading h4 outside and inside the color and maybe the lines height and the same with the bottom text and I want the text to be a bit more compact that's why I give I petting in here, to the right and left, just five percent And the great thing is that I don't do all of this now, that I don't do all of this work now I have to do it three times but that I can just go to this column and open it duplicate then I can actually delete the other times because you can see that too I see that again there you can also see that it is here at the beginning when you click on each plus It is really not that important whether you click on the right one here or not because I can then delete everything again or add new ones and then I change here just add the icons and the texts, then I'll make a little more distance up here and down here also as padding so that there is a gray distance and no white it just always looks better if there is enough space around writing if there is enough white space is called enough white enough empty space if the elements can breathe ok then I'll go straight to the next section so next I'll show you how you do create a picture gallery in between it is always useful to save it here just click so that no work is lost if the computer crashes or what I and for this we draw a gallery widget purely basic gallery that means and there you can then select pictures right here above, I now choose pictures from which I will still upload and that makes sense if they are all the same size then i go to the new gallery here I can now use drag & drop to sort the images and insert a gallery select three columns here and go to medium large and would like a space between the I have pictures for that I go in style and for distances I give hmm 20 1 you can insert space here if you want and you can also insert a narrow radius if you want want the pictures in the corners from below that is sometimes very cool effect i said that now here and when I look at it then I would like to have a petting to the right and left that is just a bit smaller and of course again Here is a heading that I forgot to insert, so I can find it here now just one and you the up the distance even a bit bigger and now it's me But that's also why I put it up here on the section and select under layout I'm full width yes that looks better and still gives a distance down exactly this is our gallery and if you click on a picture here it will open in his beautiful lightbox and then you can click through the gallery here and if you have a photographer up to or simply more demands on a picture gallery so have this base gallery then I can recommend plugins to you there are different ones such as the nexgen plug-in gallery there are also tutorials online so you can use it to provide further information and next i want to insert a big video with this cool cinema effect at that there is also this background overlay with the hofer I'll just show you how it works I add a new section and this time pull a video in here under the link I then the link from the video what I have that is now with me a vimeo video and me would like it to be played automatically, but not loudly and from the front even without a sound there was i don't want it to play from the beginning but also from the second 56 onwards I would like to take here that all the information is hidden, just the video is being played and I took a screenshot of the video so that I could use a background image can have from this video to insert I go to the section and can then under style background type class then upload the picture and see it a little better now I'll go to this column here and give a little petting 1 1 percent maybe times four maybe too many i would rather two for the cinema effect i chose the section and enter a background overlay under background type I choose the color here the color is just a bit black but please stay the whole way not with normal but with I would like that background type color as well and also a transition period is set down here, which I can either increase or for or downsize depending on how quickly it should change and I find it so quite well or maybe I'll do a little darkening in normal as well I would like to add a bit of petting up and down still look like that in the preview looks and I like that quite well okay and after this colorful section I want to I now have a white section again, so we add a new section again on break, the first time I copy the heading and paste it here and then add another section with a three-way structure that I use with customer voices abundance and I would like to briefly show you the template option because there are if you are not knows exactly which sections you want to do or you can then simply need inspiration you also click on this folder instead of the plus and then you will get templates from elementor displayed you can also look at them beforehand by simply clicking on it and if I go to blocks here, I can sort them by category finding elements, for example, i'm now looking for testimonials that means something like customers' votes and I would like to design something like this here and everywhere where pro next you can only have it with the pro version, but what I always think is you can have it yes, just look at it and then build it, but for example this one is now also free and in order to add that now, I first have to create a user account with elementor take the first steps here and then I can create an account here by Enter an e-mail address and a password here.
Another alternative to the templates is Of course, just look around on websites that are particularly popular with websites the same category and then I pick out the elements that I like best I build the testimonials for the first time by drawing a picture here and each of the texts that I can move around and then look for a picture the size can determine the width and on corners radios I can also put the picture around do just give me a text that I then center and I'll do that first in a fast run because you already know this function about the distance between the to reduce the font in the picture, I take the 20 out of here, just write in and the distance between the picture and is still too big for me the text above and for that I can simply paint in go the minus area by clique the case down here these are now simply customer votes that I made up and let's see how that looks great next i want to go to the section with the contact form add for this I add a new section 1 and a text element and in this text element we will now insert the abbreviation for the contact form for this we first save what we have worked out here and go back to dashboard for this I go to the top left and leave elementor and here on the wordpress weh and under plugins installed plugins I go then on contact from 7 settings go here on the contact form 1 and this what you in the blue box is the abbreviation that we are now copying and pasting on the page here in the text form, we go to text city visual and add that here a speaker that times and see how it looks in the preview, this is how it looks now is such a simple contact form and we will do that a little more now For example, I do not want to configure the mandatory field here, but rather i just want this to be an asterisk and later i will also change the color of the button change I would also like to have a colored background here so that there is a contrasts with the previous section and it just looks even more chic I think I'll start with that, I just feel a background image 1 for it I type classic style on the background and then again the picture and I have myself then again picked out a turtle that will hopefully bring me refreshing contacts First of all, I'll give a little penning and with that I will the turtle too I can see very well, I go back to style and go to size cover and just to be on the safe side ever pete and as a position simply with the middle and i don't want the form so completely wide across the whole screen, that's why I'm giving it to the right and left to marion a like to change the font directly to white and up here still the pull in the heading I get that and now I want the turtle behind the form, so to speak, that appears that is an effect that i'll just show you sometimes so difficult to explain but I select the section and the background image and go then on attachment fixed that gives me this effect and i had completely forgotten that i wanted to up here actually also do fixed with the cityscape and this effect is only on the screen visible and not in the mobile versions to further edit the contact form I save it briefly and go back to the dashboard in the settings of the e-mail plugin and can now make changes here, for example, I am doing a very mandatory field now just add an asterisk here and it is also important to go to e-mail up here and then enter the e-mail address to which the e-mails should be sent from this contact form and you can then also under messages that the texts change, for example, thank you very much for your message it was sent then you can somehow write something else if they don't use the formulation I like it now for the first time and go to save here and go to the page to change the color of the banks here i go to the researcher opens in a new page and then choose the customizer up here that is another toolbox and to change this button now i go to all my options and general style and can then change the primary color here, which I add here and also the hofer color and when you are done with it then you can click on publish and close and then edit the page again with elements and if you don't have any If you want to have a contact form, you can simply enter an email address I'll show you briefly how it works, don't you give that as a title duplicate some fold times those who have not come here and then enter your e-mail address as a text or you just write your e mail address and then give mail to colon mrt as a link and then your e-mail address and if you click on it I'll show you right away then the e-mail program of the person who clicks on it opens automatically and can then write an e-mail to you but i'm really happy about the contact form and delete it now and add the next section which should be a map for this I go to the widgets here and add the google maps here, this distance is here now on the outside around it is I get away by keeping the section on and widthing the content full width select column spacing no gap and when I click on the map clique or here at the top right on this little pen then I can enter the place here that have not been shown I just wanted to have a map that looks nice to me that's why the dolphin I picked out an island and now I have already arrived on the seabed on my side and want to now down here just create a lining that means this lower part of a website where often again a navigation or some social media button are when you click on the templates go up again then you can see different examples of what you can do as a feed me would like to make mine as simple as possible and now just add a 3d structure here I then give a copyright as text, then put the square brackets on motion wp Underline and date and the square brackets to then the current year is always displayed on the netbook you make the square brackets by pressing old and five and six and on the windows i have to look that i then fade in on the screen and then i say here – my name in the preview i see that it doesn't go all the way to the left i want I like to have that on the edge, so I'll go back to the entire section and choose here instead of full width boxes with content width then it is all the way to the left but I don't want to on the far left the font is sure to have another petting 1 and also enlarges the font a little on the right side I would like to have the link to the imprint and data protection declaration so i just duplicate this text so that i have the same font size others only that beijing is now not on the left but on the right i am setting up the text in the first place times to the right and as content I enter the imprint and privacy policy around the link now close I select the word and go back to the chain and then just add times the word imprint and then the page is shown to me here go to take over and the same for the data protection declaration here imprint and data protection and here I go now all the way to the right I can do that either with the arrow to the right the keyboard or with the mouse and I give a hashtag data protection data protection I will then give you later, when we make the privacy policy, show why I'm doing this and go to take over ok great and in the middle I would like to briefly show you how to do a simple one create menu I could just publish this again and you can use this now we could just enter all the sections that we have already had about milk service gallery contact i will align that in the middle and under typography i will put the Reduce the height of the lines a little and even enter a little petting towards the top And then I can just as well as here with the imprint in the privacy policy insert link by simply selecting this and then inserting a link with it but I can link to certain places on the page, there is a widget that is called menu anchor and you can pull that anywhere you want to fall then thank you is for example here and then enter a word, for example, I enter here without an anchor service a finished gallery and so on and if you have inserted the anchors then you can now for example mark the one about me and here home or simply the url your page and then hashtag about or how Whatever you called the anchor, take it over and do the same for the others take over the respective anchor and I'll go to the preview and see if it clicks here now on the about me and I come to the about me when I clique on the imprint I come to the imprint what we have not yet designed that we will do right now before that, I will briefly insert the link here with the words that I have I haven't even added it yet because I'll just enter the hashtag via spokesman that times and if I clique here now then I will just be directed a little further down All right before I finish the page for the imprint with you, I still want to again revise the feed a bit because I don't want to have this menu like that and after that I will also show you up here how you can remove this bar and how you can add a logo here and possibly also a menu if you want 1 So I'll show you the case how it's done and we such a one page website is optional as first to the feed I am now deleting this menu overview created times out because I I want to insert social media button here now.
Social network icons are called which I draw just go in here and here on the left you can choose which one you have I have for example no twitter i go to a library and choose interest and instead would like to have the circle as a representation there are so many different possibilities you you can then click on the respective icons below you can recycle the pint and then enter the link to your pinterits page here and click facebook and here your click on the facebook link and you can change the color here by going of custom and here the color and hoffer color changes for all button 1 or you go to style and can then change the color for everyone at the same time that's what i do now i want to the primary color is gray and the hoffer is a somewhat darker herb and that is the inner color which should simply stay white with mouse pointer contact is called the hofer why too always and I like that and here you can also change the size of the old ones and that petting and also the distances between the icon okay that's now the food here Incidentally, this little arrow I don't know if this has already been noticed when you click on it then you always come to the other side of the city and now I want to show you how we are up here edit the header an onpage website is meant to scroll and that's why there is a menu Optionally, I would then investigate how long your page is, so how much there is to scroll The longer it is, the more useful a menu will be.
I think I would for my side now by I don't add a menu at all, but if you have a longer website before then that's definitely for everyone if it makes sense and to add the mini, go back to the dashboard and I click for it just here in the upper left corner of the sport and then go to the menu under design I agree with the name of the menu just enter here, go to general and then to mini create and to add the menu items to the mini, I go to individual on the left left and here I give it exactly the same left one that I just entered in the menu eg orf tax service and with linktext you enter the word which should then be displayed in your menu done add it to the menu and you can simply move the menu items with drag & drop to sort them and you could even create under the menu item with a homepage website I really don't think is necessary and doesn't make sense when you're done then go simply save on the menu in the preview, the whole thing then looks really cool find to work on that even further and always get this bar away from the top bahr I don't know if you can see this is a gray line and above it is a soft one bar let's go to customizer first.
We go to these top patients here on bar at the top on general and incidentally, activate the checkmark at the top, you could of course do that too leave the tick in it and add content or even a menu up there, but I'll leave that now just get away and to revise the title up here I'll go back and back again and then on website information and can edit the title here for example if i just want to have the title of the homepage and what to do at this point can is to select the website icon that is the icon that is visible in the browser or in the bookmark bar if you click on it you can simply upload a file I have here once designed such a small logo that I also know again that you can see here now of course not what I upload should of course be square select and insert it to cut further here if I want and then it looks like this up here when I have a logo I would like to insert I go back and negotiator logo I can select my logo here and if you I don't have a logo yet and don't want to get one of them, then I would simply recommend it to you Search online for create a logo and click through tightly there are many different ones Programs such as this free logo design, for example, all have a similar structure Here you can enter the name and the category and then the various designs are created then you can also edit you can also start from scratch here I also like that page logo michael dot com where you just have a white area and can start straight away and you can start building the logo yourself by choosing symbols and fonts and if you have then created a logo and want to download it then it is the case with the free version the resolution is often not perfect and sometimes you have to name the company on the my own website mention any credit i usually do this on the page on the I also have the masthead and if you hate a logo and ready to introduce it then you can you upload that here in the customizer and go to select and cut the logo and now I have my logo here which I can adjust in size under maximum width and height and around To adjust the menu bar in general, you can go back to here and then under general adapting the style is now here on minimal here there are a lot of different possibilities designing the menu I like the transparent thing best and this line the one you can take it out of here because mr frame is down when you click on the lighter whole width then no distance to the edges of the screen and you can adjust them individually below in order to adjust the color of the font, I now go back and go to the menu reason here can you then enter the color of the font i want mine to be white now and as a hobby I would like to have the pink but not so very pink but a little less pink as you choose I now choose the shade that I want from my pink, I'll take it the plus four and can then enter it here to change the font size now I go back here on the fall and go to typography then go to the main menu and can Then enter the size below, I'll enter 18 and you can probably use this magnifying glass icon change the search by scrolling down on the left to search you can here again the Change color or deactivate it completely now on this homepage I think there is not so much to look for so thickly I deactivate that and if you are satisfied you can times go to publish and you get the page in the preview I like it that way Alright, I just want to have a little more distance to the right here, I will just change it and so it goes back and forth a bit until it fits at some point I would like to briefly show you how you can still change the lining here here is this bar at the bottom that I would like to have gone for it I go back to the customizer and can do that under the footer at the bottom remove the tick then the support footer is gone and I also go to feed widgets and remove the checkmark so that I just mean completely so have my own simple fodder my footer in german and now i think work here, there should be a little more space around it I also publish it and close it and edit the page again with elementor and just go for a bit of margin here, which is exactly what I find really nice and simple And of course, and if you have a very long side now then it might come in handy to take the menu with me so that it doesn't disappear when I go down, so to speak scroll but that it comes with that is called a sticky menu or sticky dealer and that is a function that was unfortunately not included in the free version of elementor then either you have to buy the pro version of elementor or you can get one install the appropriate plugin necessary for the pro version of elementorscheidest then of course I am happy if you order the link via my lost link and me with it otherwise I will show you the installation of a plugin there different plugins with which you can make the menu sticky so you can and Klimt do my research myself which one I like best as with all plugins it is It is important to make sure that it is updated regularly, so when it says last updated a year ago or even several years or months ago then i would rather advise against the plugin because then I can pose a security risk now want to go to the menu of the floating notification bar celona title I go from to install now you can see that in the picture when you put a plaster of paris in the menu and go to activate then skip and then you can choose the sticky menu here, I'll just show you what it looks like so if I have a transparent menu here then I have the problem that you can on white then can no longer read that's why there is this great either the color of the text to change or add a background, I'll just change the text color and when the fade is set to 0 then the whole thing looks like this and around this white background which can always be seen for a short time.
To do away with the transparent menu i have the background color set to the same color as the text color you can also display it at how many pixels the menu should then be displayed again so that one that one, so to speak, first scrolls I have now given 150 here that is only after I scrolled down 150 pixels the mint comes the menu comes again and here you can also set a duration like long the transition should be, for example i have now entered ten and then it takes ten seconds until it slowly suffers, you can also enter here from how many pixels the mini is should not be shown because, for example, the menu on the mobile phone or on the tablet could interfere with the scroll but I give 180 1 and then I save it and it looks like this off i have activated it on 700 pixels so the menu comes exactly when the content it starts i like it very much i have finished designing this page and now go I want to finish the imprint page, I just click on it and I have been able to do it since do not work with elementor here at all because I have myself since I have myself at the beginning like this Broken your head a bit and you have to go briefly to the dashboard and then to all of the sub-pages pages select the imprint then click here on edit with elementor for the imprint on this page I will now insert a cover picture as the first time, just like we did on that have made our home page and us steel background type classic and picture since i'm loading times another turtle book media insert and can then in another window mine call up the start page from which I now simply copy the title and then on this page insert then I change the position of the picture or here on cover with the middle and other margin this is now a moment when a background for the writing seems to me to be very useful on the background color and velemir a black tone out here but I don't like it that much i'm taking that out again and i'm going to choose the font under the turtle for it I go to the section again and just position the turtle higher and what you can also make a background overlay that has a course I do now go here on a course and I'll just take a black one and now they are upper transparent and then I can change the position here and create a transition and here I will just bring in a bit of this black tone from below and the Set the font a little further down with this turtle because the imprint and data protection is a serious matter and the coop between serious okay, I was that time and around Now you need to insert that in the press and the data protection declarations, depending on the situation what kind of project you have on your side what kind of business it is and you even know you represent everything for content on your side you have to stop a different privacy policy have and another imprint I'm not a lawyer or something so you can either get professional help or do a detailed google search or one of the many online tools use, for example, data protection generator here you can download an imprint free of charge and create a data protection declaration for this you go up here on generators and imprint and just answer the questions that are given here and there are always still explanations with which you can then decide whether an entry is necessary for you is or not and there is exactly the same for the data protection declaration for target all questions from, for example, which country you are in and whether you have to take certain security measures want to point out and all sorts of things and when you're done and then scrolled all the way down do you want the free version trixi below the address from your side eg with me now www.vol.at website punkt.de and click here to create the document and then there Here you have the possibility to copy the document as text or in html format and paste I take the html format click here on copy html code to the intermediate storage and then I can insert a new section down here and drag a text document into it and then here instead of visually clicking on text delete the here and insert the data protection declaration and this is what it looks like and of course add the same with the imprint for it I have a new section here because I can just go to the plus and give it again a text in which I then write the imprint and I would now like to be here I still have headings that I copy from my home page and copy onto and insert if the right place and then I duplicate that directly that you below give a bit of a stomach up and down too and now I also want to add an anchor to the data protection declaration that is what i call data protection i speak the times and the We had already put anchors down here in our feed with the data protection declaration if I clique up there now, then I come directly to the page and to the privacy policy and finally I would like to add the food for it at the bottom of this page I just copy the entire section here and introduce it down here and if you want to give credit for something like for example for the logo if it is with the logo maker or for pictures or whatever you want to use where you then the artist would like to support then you can also insert this here as a section and can then just insert another link in the feed so that you can do that too I can then reach it from either side for the time being, or give it to me again a bit of margin and now show you how you can edit the mobile versions because the website looks really nice now, so for my imagination it is now finished, however, it looks a little different on the mobile versions and me now showed how to do it, just edit the page again with elementor and who is then at the bottom left of this screen from responsive mode there you have the choice between tablet mobile and desktop now i go to the tablet version and there you can see how Your side on the tray looks like the city I like pretty much and I have now here among other things the possibility to hide certain elements not this section For example, I don't want to have it on the tablet at all then I want the section and can then go to expanded and responsive to hide it on the tablet or hide it on the smartphone it is not displayed on the smartphone at all if you hide the toolbox here you will see also how it will be displayed on the tray if you are now on the tray for example this picture below the text then you can duplicate this section at the top part now select this section here because select this column and click responsive hide on tablet and for smartphone i do the same and then on the lower one section of the whole thing with the text and if I learned that then look at me then it is me The column is too narrow, of course, so I'm going to go to the column here and because this is the tablet what is displayed means that no matter what value I now enter here that it is only the tablet will concern so there you need not be afraid that you are a painstakingly worked out design shoots you just have to pay attention to whether this tablet is displayed there also settings where the tablet is not displayed that simply cannot be edited individually so now I have entered 100 percent and that looks great or I would write this text now like to center it in the middle how do i select the text and align it in the middle and ask me why it is still shifted a bit to the left exactly I have it now I have set everything to zero here with the text, you have this lock taken out and now it is correct that I look at the preview that I think is great or I would actually prefer that the second half of the text is under the picture because of that I'll just split it up again, so I'll just publish it just as important again the only thing is that with the columns, of course, I then hide clique with responsive on the computer otherwise I have it twice on the computer that I change now in that I take out the smartphone here and maybe even go a bit into the minus area and this is what the beginning looks like here on the tray and when I switch back again on the desktop then I have the desktop version up here and the tablet version down here and when I look at it in screen mode everything is completely normal and when I go back to it now Tray change then I have the version that I have created and of course you can also change the fonts and the sizes here, for example, the font is too much for me small and go there in style and here you can already see the text color I can't now change for the tablet individual the the will then be the same in all versions because here I can't see the tablet symbol 3 but if I just go to typography now I see here with the size the tablet symbol and there I can now simply make the font larger and copy that and paste the style here and because I don't like it that I see the pictures here at different heights, I now just do two sections here from it by simply duplicating it and deleting the texts and adjusting the pairing and so that they are then also on the same level, I can select the columns and then If you select vertical alignment at the bottom then everything will be aligned downwards because it is more important to me that the images are on one level than the texts could alternatively you do it the same way as above you could just duplicate the whole section here and one of both just hide on the tray and then hide the other on the computer and then I would duplicate it again here and delete the texts from one and the other from the one pictures and then here the car values from format take him out by locking on this one If you click then I'll do something to give the value as you want it to be and then you can edit these two elements independently of each other, for example We now also select the middle of the text without this having any effect on the images You can also go into the minus area upwards if you then have the view then it looks like this is also quite nice and then I'll go on the mobile version and look at what it looks like in the mobile version, the title often has to be a be changed a bit because it is often too big I leave it that way and want a little more enter martin make sure that the mobile mobile sign can be seen so down and take a look at what it looks like, I'll also take the quote out that is automatically placed one below the other, I would like to delete the video because that works now rather not so cool here on the mobile phone and here I would like to share the experiences and the pictures are directly below each other that's what i'll do now, first i choose this one section and understands the one on the cell phone as well with this one here and thus the pictures alternately I just want to show the version that we created for the desktop and hide it the only ones on the tray because I sometimes get confused myself so now the whole thing pulls so from the button i would like to hide a lot i can just select the button i think you get the idea and so you just go through a complete page and see that everything is displayed optimally here, for example me now that martin rauhs the feed I would like to place them on top of each other so now I choose the alignment in the middle and then do the same for the imprint page and then at some point I'll finish designing the site and before I finish with this video, I would like to give you one last thing namely show how you install a cuban and thus your site do something legally compliant As far as data protection is concerned, you can find out whether your site stores cookies at all by clicking triggers you on wordpress and then right-click on examine element on your page worth there you can see under web storage whether and which cookies are saved and if so there are none then you do not need to install a cookie banner but that is more likely unlikely i am now installing the kuki banner plugin from kubot simply because which is a free cookie plugin and i want to show you how to have a cuban too if you have a tight budget, the free version is unfortunately the design Hardly customizable, but up to 100 pages are free if you also use the cookie banner do not want to do without good design is I recommend the ballacks plugin for it I am also a boulder at the bottom of the description and with the ball off you are on all levels professional side and can make it almost exactly the way you want it and simply super recommendable you can do a little research yourself and see which cookie you almost want to have a plugin there are some on the market and they installing these plugins is mostly pretty simple and self-explanatory and there is also online instructions i will show you the installation of koki bot you can install the plugin install by going to www.google.de for prices and for free test here You then create your keyboard account by entering your email address and a password accept the terms of use and click on continue then you will receive a registration The key will be sent to the e-mail address that you have given and you can enter it here and click on send the registration is complete then you go to configure cookie bot and First of all, there is your domain directly for which you want to install doku bot then right here on this small symbol to enter the domain and then get on top of the tab dialog box there we can now set how you want your banner to be displayed above on the right there is a little mini preview so that you can imagine something like that banner will look like and on the left in the blue menu bar there is also the possibility of yourself a larger preview to display exactly the rest of the settings you can actually leave it like that or just go through it and you can also use these settings in the come back anytime, so if you can decide now then you can change later under content you can adapt the texts displayed in the koki banner if you want and under your scripts you will find the domain group id which you copied around you then insert it into the kuki banner plugin and to do that we have to first have ski banners install plugin so i go to my dashboard and then go to plugins click install and search for coke i-pod and will install and activate it now and when i'm here with the whole province i'm going to activate all the files x automatic update then it is important that they are always on the latest status so that there is no security gap and then down here on cocoa board on settings go to the keyboard setting page to add the koki bottai that I used I just copied and that's it and we have arrived at the end of our journey now you've made it, now you've watched the video all the way to the end and learned how to hate you can design your own website with wordpress and if your website is not yet 100 percent is there but you still have one or the other thing to do then you want to I encourage you to stick with it because I know that it is sometimes tough and my husband so small annoying problems that one then pushes in front of you but I think that you on you will reach your goal in every case if you just always solve the smallest next problem take the smallest next step and I wish you all well if you have concrete if you have any questions because you stall somewhere then you must write them in the comments or to me via email i will do my best to reply as soon as possible sometimes needs a bit but I try to answer all comments and mails and if so if you have already finished your website then i'm very curious maybe you like the link for me send it by mail or in the comments i that is always really encouraging for me when i see what and where my videos are actually good so that i also contributed if such a great new website and great new projects grow that gives me that a feeling of being part of it, of having achieved a little something together when we did this video has given a lot of added value i would also be happy if you would like my work I could support a small donation in the video description below of my paypal inscribed link so if you want send me some money i'm happy and I am motivated and only able to continue shooting these videos.
I am also happy of course, if you recommend my videos to friends and acquaintances and whoever else everyone who wants to make a website themselves and of course invite you to use a channel subscribe to the bell and so if you are regularly notified of my videos I haven't posted that regularly so far, but I already plan to now some helpful videos to turn and sit down and say i'm doing now i take my microphone here and try the light to be reasonably good and dre my video accuracy of the topic from actually i just want you all the best for your project we wish everything that goes with your website that you have a lot of success and enjoy working and say all the best for the next time in the next video
