in this episode of the 60 minute website challengewe are going to build this amazing gorgeous website that is ideal for any restaurant ithas menu features built into its you can display your menu on your website it's super easyto manage it's good to be very easy for you to put together and to working to do it in60 minutes while i take a little bit more than 60 minutes but you get the point it'sgoing to be fast and painless and so there is no reason why you can't have this beautifulwebsite to showcase your restaurant and your food in the best way possible so let's takea look at this website right now so when you first visit the website you see this gorgeouslarge header image now this image could be anything that you want in this example i'mshowing you a menu item however you could
show the entrance of your restaurant maybea picture of the inside the core or anything like that or maybe you if you have a graphicdesigner you can have a promotion that you might be having for that period of time oror something like that but for this website i've use this gorgeous submenu item and thenwhen you scroll down you have this section here where you can put some information aboutyour restaurant may be the type of food that you serve him or just something that is aboutyou about the restaurant in then when you scroll down i've got these three gorgeouspanels that you'll see when you move the mouse over it you get this beautiful hovering effectand he could take them directly to a section of your menu so in this example and this isonly the way that i've done it you can do
it however makes sense for your restaurantwhen you hover over i've done breakfast then lunch and then dinner just the three mainsections of the menu and then i put a little bit of information underneath it which isabout to you know the times that that meal was served you could have it be appetizersmean dessert or something like that whatever you want some initially how to change theseimages and honestly how to put whatever text that makes sense for your restaurant in thatsection and then when you scroll down a little bit we have this elegant section to have atestimonials or maybe some reviews of your restaurant and you see i only have two whenthey're there represented by these little dots and it it just elegantly transitionsbetween testimonial to testimonial when you
scroll down here got a contact section whereyou can have some quick contact information of us a brief menu list here where you canhave different pages on your site that have maybe more information of more things thatyou guys offer and then here's a section were someone can put their email address in andsign up for maybe a email newsletter that you have maybe at some discount club or somethinglike that that you have a lot of other restaurants doing is really smart to have an email listfor your restaurant scroll down we've got the footer section here and here's a littlebit of information again about the restaurants right here in that we have the hours and informationand then you can see really elegantly in the background there i have an image with thedark tent overlay so it just as a little bit
more pizzazz to your website and then we havethe footer and out here's the navigation you can click right here on menu and then it'sgood to show you the menu items now here's a little info that you can put about yourmenu and then right here is the breakfast now i have it looking different on purposethis is what a menu item would look like without an image if you didn't want to have an imageof the actual \'96 and i don't have a $in front of the eight and this is what it wouldlook like if you were using an image underneath it to go with the menu item if you wantedto show personally i kind of prefer the look without the image but i'll show you how todo both k and then here's what it looks like with the price with the $and only have twoitems here for breakfast and then we scroll
down about the two items here for lunch andthen i only have the one item listed for dinner but you can have as many menu items on thispage as you want and it is so easy to add them to put the information you want and tochange the order of the menominee cover all of that in this video here's a blog sectionright here where it says news you don't have to have that i show you how to change everythinghere on the menu but here's how a blog post would look got this gorgeous area for a largeimage and then here's the little knot excerpt of the blog post and someone can click onthe title of the blog post there and get all access to it we have the sidebar area herein this is actually a reservation widget that works with open table so if you take reservationsand you're on open table this will make it
really easy for your website visitors whenthey visit your site to go ahead and place a reservations and right here we have anothersection that shows the hours and the information and also a map if you wanted and then we'vegot some social sharing items right there and now we have this our reservations pagei've created now we can use this for one of two ways and after he created it for you soif you wanted to use the open table integration i left that here on the side or i built acustom form for your restaurant that someone can fill out it is very nice it's got thisout date picker here so once when someone clicks on this box it elegantly shows theoption to choose a date and then they can submit that and that will go straight overto your email inbox for processing go back
to the homepage you can have as many pagesof content as you want on this site this is what a typical page would look like him andto scroll down here it's a services and i created a catering page so let's click onthat it's can show another area where you can have this image be whatever you want andthen you've got the information here that you would have on the page now this websiteis going to look amazing on every single device it's going great on a desktop computer anykind of a tablet computer a mobile device and i wanted to show you what that would looklike right now so here's what is gonna look like on a desktop computer that has a whitescreen you can see it just looks perfect and then i can choose what it would look likeon an ipad pro so this is what it would look
like on an ipad pro we still have the menuseparated out like that on a side note if you didn't even want a big image there whenyou for when your visitor first comes to the site you don't have to him initially whatit looks like with both here's what it will look like on in iphone six so what happensis when you have the smaller device it's good to take the menu and kind of collapse it intoa drop-down right here were someone could tap on it and then access the menu and youcan see how when you scroll down it still maintains the elegant look to it for all thesections to be formatted perfectly here's an ipad mini at this with you can see themenu moves from the top right to just underneath the logo area and you can scroll down andsee how that looks so if you've got 60 minutes
you can have this website i'm going to showyou how to do it from step to step in i'm knocking a miss or skip anything that youmight need to build this website in 60 minutes for your restaurant now before we get startedi wanted to explain to you why i created the 60 minute website challenge and the firstreason in the most meaningful reason is because i want to improve lives through having a professionalweb presence so whether it be a personal website may be a resume or career website the personto boost your personal brand or whether it's a website for your business or website foryour nonprofit or for your church or whatever your community organization whatever it ismy main and primary goal is to improve lives and to improve your life through giving youthe information and the way in the method
in the past in order to have a professionalweb presence that normally would cost thousands and thousands of dollars in the outside ofthe reach of most people but i wanted to give this to you would be that catalyst for youthrough this process and select the most meaningful reason and the second thing is i wanted tomake it incredibly easy i seen other tutorials out there in the just not easy i wanted tomake it easy i wanted to hold your hand through the process make it fast and easy select anyonecould understand no matter who you are how non-technical you are how computer illiteratei don't like seeing that phrase but a lot of people say that of themselves however non-technicalsomeone is i want to make it super easy for you the third reason is i want to eliminateany excuses i know for me i make excuses sometimes
in life are certain things why i don't getit done and the reality is you just need to jump in and do it sometimes like with thisvideo jump in and in doing it for you and it may not be perfect but it will never bepreloaded on if i always wait for it to be perfect so i wanted to eliminate excuses foryou is why you don't have a website for your personal brand for your business for yournonprofit for your church i wanted to eliminate any excuses you might have and make it supereasy and superfast which brings me to the next next reason why i wanted to give peoplea chance to get massively better results when it comes to building a website for themselvesi've seen websites that people are trying to build themselves through other tutorialsand the tutorial and result looks like it's
going to be good but once it's actually theperson goes through this the steps and they try to do themselves it looks like a disasterand i've seen it all too many times and that's for several reasons but i want to make surethat you get massively better results so that at the end of the day when you look at yourwebsite that you created you can be incredibly proud of it in the work that you did okayso now let's take a look at my disclaimer right so, just go ahead and read this verbatimand explain what it means is that due to the nature of video i cannot change anything inthe video after it's published please visit my website for anything i may have left outnow i'm trying to be as thorough as possible but there is a chance that there might bea little step along the way that you could
use a little more elaboration on i could bea little more elaborate with or maybe there's a specific change that you would want to thesite you don't know how to do it and you you you're looking at me for an answer and i wantto be that person they get the answers to you but due to the nature of video i can changethe video i can't let go in and reedit the video or do anything like that therefore ihave a dedicated page on my website that you can visit and i will have all the informationthere so is your asking for some clarification on something or you're asking for somethingmaybe related to the sides changing the font size or something like that and you're askingme i want to get those interest you in your find them on the dedicated page on my websitefor this video and you'll see a link for that
down below in the notes if you're watchingthis on youtube or purity on my website you'll see how i have it set up down there just foryou because i want you to be successful and i want to do whatever it takes to help youto be successful so this process really inform false only for easy steps not 20 steps not$.30 for simple and easy steps now the first step that were to go through is working ordera domain name and website hosting a minority have a domain name you might arty have websitehosting but this video that's the first thing that i'm going to cover domain name is yourwebsite address and hosting is where all you where your websites can live in him and explainthat how that all works together in the next slide this thing reduced and install somethingcalled wordpress and i'll explain a little
bit more about what wordpress is right nowyou just need to know it powers over 26% of the websites on the internet is what everybodyuses some of the biggest most successful most highly visited and highly regarded websitesare all powered by wordpress in the third is working to restore this done for you templatenot the way i am able to help you build a website in 60 minutes is because i've alreadydone hours upon hours upon hours of work that you be able to just restore as if i did thatwork are ready for you so you can bypass all the tedious steps in all the difficult decisionsand all the tweaking and working things out i've made it easy so i spent hours and hoursof my time so that i can save you hours and hours of your time and the fourth thing isthe four step sorry is once the website live
all you have to do is change around some textand change around some images and your site will be done and complete so let's first talkabout how it works i want to give you just you know couple minutes of the just a coupleminutes of talking about how websites work so that you can have a better understandingin about this analogy that i've come up with so a website domain name is your website addressgive it in relations to ship to building a house in case of this whole analogies canbe about building a house and in that analogy your domain name your website address is likethe address of your house is what you would give to someone so that they can find younow that next step in this analogy is your web hosting account and this would be likethe foundation where you're going to build
your house okay so you buy you got your addressnow you need to lay a foundation your web hosting account account is good to be thatfoundation that everything gets built upon other third parties were present what thisis this is the actual house you build on that foundation the structure that's what wordpressis and then the fourth part of this analogy is my done for you template and that is goingto be the design and style of the house at the core of the houses can be what peoplesee it's what people in all over okay so that's kind of my little analogy of how this wholewebsite thing works you got your domain name which is your address you got a web hostingaccount that is the foundation that everything gets built on you got word press and that'sthe actual structure of the house and then
you have my template which is the design inthe style that you apply on that house okay and that actually accomplishes "themes andplug-ins but will get into that a little later in this video also next let's talk about themost crucial of these four items in that is to have a good foundation it is so crucialthat you choose the right web how web host it's it's it's about having a good foundationso france is when you're building a house you need to have a good foundation or thathouse is going to crumble anything could be thrown at that house in its it's just notin a stand and that's why a good foundation is absolutely critical so here's a few thingsthat will help you identify a good web host so you can have a good foundation on numberone speed it's very important to note speed
matters and that differentiator from one w.hosting provider to another is how fast your websites can load now when you go to websitein it might take 10 seconds told to just pull up are you gonna stick around you're not knowa lot of the low-cost providers out there they are slow and so sums going to go to yoursite is good to be slow and the other never emitted see your site because are going togo ahead and click off so speed is very crucial speed matters the second item here is securitymatters now some web hosts you know they they don't even monitor anything but then there'sothers that are proactively monitoring security of your site so that you don't have to nowit's a sad thing but at websites to get hacked into which is part of life and you don't wantthat to be you okay so the third item here
is support matters you want to go with theweb host that is going to provide timely support there to be available to you when you needthem or you have a problem support is probably one of the most horton items of having thisgood foundation with a good web hosting accounts now i recommend to you to go with in motionhosting is going to be the same cost to you as a lot of some of the other web hostingproviders you may have heard of but it is dramatically better than all of those whenyou factor in those three things that i just talked about which is speed security in supportthey are top-notch in all of those now to make this even a better deal for you withinmotion first of all it's only the cost a few dollars per month there all the cost a fewdollars for a month and they are to suck to
cost you any more or any really any less thensome of the other web hosts out there that you may be considering but i've contactedthem in and said hey can you give my viewers of the 60 minute website challenge at discountnave agreed to give you a 30% 38% discount now this might go up depending on how thingsgo in the future but right now they're giving a 30% discount that you can get right nownow there's can be a link below in the notes here on youtube that you would click throughto go ahead and sign up to get that discount k now to make it even better for you whenyou click on my link down below to sign up for the hosting i'm going to give you freeaccess to a course that i sell on my website is called the word press masters course andit's a comprehensive course that i currently
sell for hundred and $97 so you buy it forhundred and $97 if you want but is a much better deal to just go and sign up for newhosting account with in motion to get access to this course completely free to you andisn't essentially a video course is to cover every aspect of word press and having a webhosting account that you would need to have incredible success with your website and icover every base that you're going to want to know about search engine optimization growingin email list i cover all the administration aspects of having a wordpress website securitythings to consider speeding it up i've got the videos pretty much on anything that youwould want to know i have it there but the best part about this courses is constantlygrowing so as i get suggestions from people
that are in the course of what content theywould like to see added i go ahead and i add that content and there's no additional chargeto anyone that's purchased it but this is an offer for you to get all of that at nocost to you because you need a web hosting account anyway now you might say but adami really have a web hosting account so do i do i really need to get another one in ahotel you they make it in a emotional sending hosting makes it so easy for you to transferyour web from one web hosting account to them all you have to do is go and sign up contacttheir support in the just transfer you out of where you are because at the end of theday it's going to be a better option for you because this procedure moving from one ofthese low powered crummey web host to to to
step up so they'll assist you in transferringfrom the old web host to them and they do all that included in their packages so anywaysbut to take advantage of this discount to take advantage of this course and i'm goingto essentially be giving you for free on your web host is going to cost way of some 197is almost a no-brainer in order to get access all that you have to click on the link inthe show notes below or one of the links on my website now show you that here in a momenthow to do that but is crucial that you do it through there now we're going to redeemthis offer of the free course is after you order the hosting just send me a copy of yourreceipt and then now contact them to make sure you ordered it through my link and theni'll send you a voucher code to get access
to this course and i'm so happy to do thatfor you is i want you to just just have all the tools that you need to to be successfulin this process of building a website for yourself all right so let's get started andordered that web hosting service that will be the home of our website now if you watchingthis video on youtube though be a link below that you can click on that will take you overto in motion hosting if you are watching this on my blog will be an obvious button belowand a but you can always go to my website@wpcrafter.com and then click on the recommended menu itemright here and that's the page that i'm at now you're going to want to get to the hostingprovider through one of the links on my website that way they know it came from my websitein the really give you the discount that i
negotiated with them for you in order to justget up and get started with the least amount of money so when you click on this link it'sgonna take you right here and you'll see my logo right there which lets you know thatyou're at the right place and it also confirms the current discount that i've arranged foryou so here are the three plans you can click on any of these order now buttons it's goingto take you right over to the same page or you can choose the plan that you want so onthis page here i'll explain what the differences are between these plans there's three plansand you can order them in any intervals of time so for the lowest price plan is calledthe launch plan in you can order a 12 month or a 24 month package now the longer the packagethat you purchased a bigger discount you're
going to end up getting so now the differencebetween these three packages are how many websites that you can have on the accountso with the launch package you can actually have two separate websites with two separatewebsite names that probably cover most people now if you need more websites that you wanton the one account you can go with the power plan which is going to give you six separatewebsites and six separate domain names but if you are going to have more than that youcan get the pro plan which will give you essentially unlimited websites that you can host on thehosting package so i go ahead and choose the pro 12 month but if you're just starting outgo ahead and get the launch and you can even get the 12 month it's only an average outto $5.59 per month and on top of that it's
all these plans are going to include a domainname for you so if you haven't registered your website name it's good to be includednow typically that's an extra $15-$20 charge elsewhere but it's going to be included aswell so this is a really really good deal so i go ahead and choose the 12 month packageof the pro plan and then i'm in a click here on continue so it's going to take me to apage where i could say i want to order a new domain name the new website name or if i alreadyhave a website name i can use that for this account now not to get into the details ofhow to link a website name that you have registered like it go daddy your name cheap or somethinglike that with in motion however i will say these supported in motion is fantastic shecould just put the website name and their
go ahead and click on continue and you cancontact their support in they'll help you get everything linked together but that'snot what i'm gonna do here i'm going to go ahead and choose a brand new domain name soright here you can enter in whatever domain name that you think you want and i don't tellyou fits available or knots now i know which domain name i want is called show the demoshow the demo.com and then only click on continue arty know it's available because i alreadychecked so just give it a moment is checking to see if that domain name is available orsomeone else has it registered to them now right now saying the domain is available ifit wasn't it would tell me and then i would have to go and choose another domain nameuntil i found one that was available that
is what i would want so i was just confirmingmy domain name the plan that i want and what it's going to cost me to go ahead and clickon continue and it's gonna take me to the last that where under the new make a few choicesso the first choice is whether you want the website server on the east coast of the westcoast of the united states so the east coast is really good if you're in a have trafficfrom uk or different european countries, to go ahead and choose east coast are you couldjust choose not sure nowadays the internet is connected so fast that words and it isalways good to have the server closer to where your traffic's canopy but is not as importantas it was before in the past so then right here you gotta go ahead and fill out yourbilling information in a positive video in
a moment and do this but i want to scrolldown and show you these last few options so this one right here is domain privacy youcan pay $10 a year i'm not going to have that domain privacy is is whenever you wear registera website address a domain name someone could go into the domain name registry and see whoowns what domain it it requires that you have current information in there now if you wantto have privacy so that no one knows that you own a particular domain name you needto get done domain privacy if you like that privacy you don't want someone to go in therebe of the sea that you on that website address so you go either way with it, i'm not gonnaget it but if you want to pay $10 and get that that's that's totally fine now righthere it says this a content management system
auto installer now when you set up your accountthe in motion can automatically install some of these these applications for you like wordpressor joomla! were served bold grid okay now i'm going to suggest you just choose knowis i want to walk you through in the next step how to install because i want to installit a certain way so go ahead and just choose no on this and were going to go ahead andinstall everything manually okay now right here for payment information just honestlydrop your credit card information in there click the i agree button and then click onthe purchase account button right there not been a positive video and enter my informationin here and order my account right now alright i just completed filling out the order formi'm on this order confirmation page just let
me know that someone's going to give me acall to have kind of an onboard welcome process with emotions on about 30 minutes or lessi received a telephone call from the number that i put in when i ordered the hosting accountand so mcgowan posits video again until after that call takes place right i just got mycall from in motion i really why did they take that extra step for security and on boardingprocess to personally give me a call and welcome me to their hosting companies now i'm notsure if they do that for every count towards a random process but that's what happenedfor me right now so i am going to jump over to my inbox and show you the emails that ireceived from in motion okay here i am not got these three emails here now the reasoni got three instead of two if if you ordered
a new domain name your get three emails isone of those emails you actually have to click on a link to verify your email address andask for the dome on the new domain name registration that you ordered okay now if you didn't ordera new domain name with your emotion accounts you're probably not get that email you justto get a receipt and the welcome email to go ahead and set up your account psychiatryemail simon to go through each one of the first one here is from melbourne it that'swho they're getting their eat their domain names through so all you need to do is clickon this this link right here and let's see what happens okay yes it just given me someinformation that that the domain name is now registered and they wanted to verify my emailaddress so i go back to my emails i don't
need that anymore someone go back and theyjust sent me an email to verify that i just verify my email address okay this next emailis my billing email just to let me know what i paid and then here's the one that we needto get to from in motion hosting that's is welcome to in motion an ongoing and scrolldown and what you want to do is click on this big red button here this is to get startedset your password someone gliding click on that and it's just open a new tab in my browserand i am going to get the opportunity to set up a password right now so i will just skipahead right i just set my password and now it accepted my password and i can go aheadand click on this log in link which i'm in a do alright as you can see my count is allset up i'm logged in to the admin panel where
all the magic can happen next ra to installwordpress you first need to log into the account management panel with in motion you can seei'm logged in there right now and scroll down to write here words is cpanel so go aheadand click on cpanel now what to do is can open up in another tab and were going to bein the control panel that you can basically control everything related to your web hostingaccount in this one panel so we've already got ahead in its opened up now this is actuallya standard application called cpanel most web hosts have cpanel they might have changedthe way it looks so for in motion you can see's got the logo in the top left but justabout every web host uses the panel except some of the really high and customized solutionsother than that they're all pretty much using
cpanel so if you didn't opt to go forwardwith in motion you can still follow along now once were logged in the in motion scrolldown and working to see this option down here that says top applications and this is a toolcalled soft soft tactless i have a problem with pronouncing that wrong it's off tactlesslike miraculous but it's soft tactless amy makes installing these cause a content managementsystems super super easy so i do scroll down and click right here where it says a wordpress cane it's good to take us right here and go ahead and click on this big blue installbutton alright now here's some choices that we need to make for installing the word pressokay so the first one is the protocol and what that is is if you got your website domainname and that's if you wanted to be www.then
the domain name or just the strata domainname now for reasons i'm not to get into deep details on your want to change this to writehere words is www.okay so go ahead and choose that okay there's a lot of technical reasonswhy you want to do this but i'm not in it want to get into right now but just go aheadand choose that okay now if your web hosting account has more than one domain name on ityou can see a list of all those domain names right here now i only ordered the one domainand i have connected any other domain names when i go to this drop-down list i only havethe one domain name show the demo someone to choose that now this is in a directoryjust leave that blank database name you don't have to change this you can leave it as itis the little on the technical side or you
can give it a database name very technicali would just go ahead and skip it and the site settings were just going that defaultwill actually edit that once were inside of word press okay right here is his admin accountwe need to assign a username and a password and now with wordpress or want a strong passwordand you want to use a username that's not obvious like admin or user or wordpress orsomething like that so choose a username that is going to be a little more on the uniqueside now you feel that out in a moment i just want to go through the remainder of the settingsokay so right here you would put your email address because there are administrative emailsthat were processed the scent from time to time and you want to put your email addressin here that you know you'll get those emails
at okay you can choose your language for thewordpress admin menu there are that wordpress is amazing in supporting all different languageswrite to ian so well what users click on this little plus right here it says advanced optionsand it's going to reveal a set of options that you have available to you okay so thefirst one is disable update notifications it's good to leave that uncheck as you wantthose update notifications auto up and then the next three kind of go together auto upgradeauto upgrade wordpress plug-in's auto upgrade wordpress themes now i recommend checkingthese three boxes and came in to check it in him and explain why wordpress it's selfgets updated every few months they add his security improvements they had features theyjust make it all around better and they do
a really good job of making sure when theyrelease an update it doesn't break anything k that's number one and plug-ins and themesthose are updated regularly as well adding features and making your site more secureand faster in things that nature so what happens is sometimes people will set up their websiteand then i'll never log into it again and then it gets outdated and outdated and outdatedand who knows maybe in 12 months a security vulnerability might be discovered that wordpresspatches because you didn't install the updates your site is now vulnerable to have somethingmalicious happened to it not want that to happen to you and that's one of the best reasonsof going with in motion because they have soft tactless and we can enable it to automaticallymaintain your site for you there services
that charge of $50 a month just to make sureeverything's updated so are right here it's very easy to just have a soft calculus doit for you so go ahead and fill this out on the fill it out and then i am going to rejoinyou on this video okay i just filled it out and i realized they made one little mistakethat i wanted to update you if you filled out and hit submit this probably would ofhappens you there's little box we need to check right here this is overwrite files towhat this is is when you first set up your hosting account they put a they put a filein the directory that says the domain name it hasn't been set up yet and that is thebe wiped out before we can go ahead and put wordpress and she just got a check that littlebox sorry i left that little detail out now
scroll down and go ahead and click submitokay i just click the install button and you can see it's installing right now it justtakes maybe 20 seconds or less and then you're presented with these two links right herethere's a link to your website and then here's the link to log into your wordpress site sogo ahead and click on both so this is what your words side of your wordpress websitewill most likely look like it's just your default theme and here is the login page andi'm a go ahead and log in right now and i'm fully logged in now wordpress is completelyinstalled and you can see how fast and easy that was hey i wanted to quickly to show youhow to delete a wordpress install if you want to wipe it out and start back from the beginningand it's super easy so what back into your
cpanel and then scroll down and that we wantto get back into words is word press here such as going click on that and it takes ushere now in the prior step we clicked on the install button to install it but working todo that if you scroll all the way down it has a section here this is current installationsand it's really simple to edit some of the settings that we placed for this installationbut what we can do is go right here in click on the big x click on remove in order he saysremoves all the files the database user just leave all that checked click on remove installationnow is going to give you this warning he the warning that basically says everything you'redoing now is either reversible so go ahead and click on okay and walli in the one minuteyou've wiped out that installation and i can
go back in and install wordpress all overagain if you're in the learning process and you just want to start over wow congratulationsyou've already made it halfway through this process and i told you was good to be easyright and it only as can get easier from here now to get to the exciting part of takingthat website that done for you template to get it downloaded on your computer and thenrestored on your web hosting account in the beginning of the fun parts of customizingit to make it exactly how you want it so on youtube there is a section below the videowhere you can put were either video creator to put notes and the first link and that isgoing to take you over to my website and it's a page on my website that i set up specificallyfor this 60 minute website challenge now gonna
need you to click on that link go to my websiteto download the data for you template resources file you need to download that to your localmachine and that's the next step so that you go ahead and click on that link right nowokay so i'm on my site right now you should see something different than are similar tothis but obviously it's going to be this video is going to be right here in this large videoframe that you can actually watch this entire challenge right here on my website if youlike you see how the video is a bit larger so might be easier to see certain things butwhen you scroll down just underneath it others this form here this is download done for youtemplate resources so what i need you to do right now is to go here and put your nameand email address and click download in your
unit to be sent an email to the email addressyou give me an in that email is going to have some information for you and it's can havethe link to download all the resources file it's a really simple so i'm gonna do it rightnow just put my name with one of my emails and then on a click on this download buttonso you see this little spinning action with ask you to do is it's gonna take your emailto make sure it's a valid email and then it's going to send it off to you and then it'sgonna reload the page so let me pause this so is reload the page now don't there is aday message and it's a success it's on its way but if you check your inbox right nowthey will be an email from me to you how so let's go ahead and jump in my inbox rightnow and take a look at that email okay i'm
in my inbox right now and i'm using gmailnow if you got lots and lots of emails all you have to do a search or inbox for 60 minutewebsite challenge and will pull my email that i just sent you right here into here it ishere's your download for the 60 minute website challenge template resources know i have todo is go ahead and click into that email and there's going to be a link right there thatyou can click on and it's gonna download this file to your computer it's not a huge fileso it shouldn't take that long to download to your system now if you're on a mac computerwhich i'm on your web browser may automatically unzip this file this is a zipped file andit has several folders and files in it now if you're on a mac it might unzip for youif you're on a pc approaches download file
and then you're gonna need to unzip the filenow i'm sorry if you don't know how to unzip the file all you have to do is go on youtubein search how to unzip a file but most people know how to unzip a file and hopefully youdo so let me pull up the folder contents right now so here is the folder contents that you'regoing to see after you unzip it your tennessee in my i might add some stuff in here so thisis what's in it right now it might look a little different when you downloaded but isgonna look very similar so you have two folders once called restore file the other ones goingto be image resources like i said i might add some to it and then there's an instructionfile but if you go inside that restore file folder you double-click on it there's thislong filename in this file right here this
is good to be our restore file that work andthe need in this next step in order to get the site on on your web hosting account lookingexactly like the one i showed you in the beginning of this video so let's go ahead and startthat process right now so click back over into your wordpress installation and whatyou want to do first is go to wertz's plug-ins and then there's an option here to add newplease click on that our right and then right here on the right it's his search plug-inswere going to search for a plug and cold all in one migration so you have to do is typein all in one migration alright and it's showing up right here go ahead and install that forme just click on the install button and installs pretty quick and then click on activate plug-inso now we have this new option right here
this is all in one wp migration so going hereand click on the import option and then we have the section here we can drag and dropa file onto so what i want to do is that long file name right here we want to drag and dropit into this area right here someone to show you how i would do it going to drag and dropit right there and let go and if you done this right you need to drop it in the areawere theirs's dotted lines it's you should see what use what you see right now the thescreen should kind of gray a little bit in then you'll see this box and what it's doingthis is now uploading this file to your website it's essentially importing it now dependingon the speed of your internet it might take less than a minute maybe 30 seconds so forme it looks like spring and take about 30
seconds or so we'll just wait for the processto and now once this is done uploading working to go ahead and restore this file okay andthen we'll have a few cleanup steps after that also i'm at 50% right now and were gettingthere now it's important to note that this process is intended for a brand-new websiteso if you try to add this to an already existing wordpress site in this process what it doesis go wipe everything out in restore the whole site as i designed it for you so all thosehours and hours i put into designing it you're getting all that right now for free but anythingthat you've already done on the site is getting get wiped out so that's why i showed you inthe beginning me doing a fresh installation of wordpress and working to restore this inits gonna wipe everything out so there's can
be some warnings in this process so righthere is that first warning says the import process will overwrite your database mediaplug-ins and themes please ensure that you have a backup of your data before proceedingto the next step so just go ahead and click on continue and what this is going to do itliterally wiping everything out in putting that exact template in for you and this isgoing to save you a lot of time okay that's the only way i'm able to make this a 60 minutewebsite challenge versus a 10 hour website challenge because who has 10 hours i reallywanted you to be of the do this during a typical lunch break at work or something like thatam so once that import process is done we get this message cheers is your date's beenimported successfully you need to perform
two more steps don't worry about it were justa click the close button here in a minute number to walk you through those steps nowi wanted to share that if you didn't get new hosting with in motion hosting in your usingsome real low powered crummy web host you might have some issues in this restorationprocess and that's usually cause if your web host is a crummy web host okay so you mightwant to consider if you run into an error getting in motion through the link to 38%discount and the free course and giving you will the course and giving you for free nota free course so that if you get some weird errors it's usually because maybe you didn'tunzip the file that you downloaded from my website if you didn't unzip that you justdrag and drop it in your gonna get a an error
message here as well suggest keep those twothings in mind so now what am i to do is click on this close button and when you click onany of these links is go log you out of the site in case and that's because when we restoredit it's using the username and password that i created for my site so work enough to logus out we need to log back in in working to do some cleanup and change some things towatch this if you click on dashboard is can it take you here and you have to log backin now that username and password that you set up just a little bit earlier that's nowgone because everything from that is been wiped out so now you need to login with usernameand password i'm going to give you but initially how to change that to what you would wantit to be okay so the username is 60 minute
website challenge without spaces okay now the password is all lowercase dfwhy at wp crafter so that's the fy stance were done for you the@than wb crafter justlike that and then only click on login and i have all these password managers so letme just say no and not now so now i logged back in now i'm gonna show you that now yoursite looks identical to the one i showed you in the beginning of this video so if i gohere on the site title and this is visit seidelman open this up in a new tab and go to it. tosee it looks identical to your site all right here it is sorry it looks identical to thesite that i showed you the beginning so now everything's on your your your website hostingaccount but we need to do some tidying up i gotta show you how to change some emailaddresses in the in the system i can assure
you how to change the username so it's whatyou wanted to be so the first thing i need you to do is change an email address intolocations okay so fight go here to settings and then general right here's a section whereyou put the email address that wordpress is getting used to notify use of things likeif someone leaves a comment or there's an update available things like that is goingto go to this email address here that was under settings general i need you to changethat please and while you're at it if you want you can change the time zone to yourtime zone that's always kind of nice as well and then scroll down and then click on savechanges so that's the first place i want you to change your email address the second placei need you to change your email addresses
in the actual user account she would go towardshis users click on your profile right here are right now that's pulling organist scrolldown just a little bit and were to see it right here under contact information and thisis email i want you to go ahead and change that email to your email your email addressand then i want you scroll down again and i want you to click on this update profileso now all the notifications everything are you not to me i tell you this is importantthat people skip this step and they have a contact form on their website and all theircontact form submissions they come to me this is like leaves for them in money and all thati notified them and they still don't change it i don't know why siliceous make sure wedon't skip any of these crucial steps and
came so now let me look at my list we wantto change the username so if i click on users right here in that all users this is the usernamecake i want to change that as you might i want to login as 60 minute website challengefor the rest of your life you might wanted to be your name now) mentioned earlier youdon't want a username that admin or something like that you want like a good username afuture first and last name bunched together or something like that you want to use a goodusername so right now ministry how to change the username you just go here to plug-insand click on install plug-ins so now that you're here you can scroll down and i plugin but in activated it's called username change your own you activate this this is good tobe an easy way to change the username the
only other way of changing the username istoo little technical to go into the database and do it this is just a lot easier to goahead and click on activate okay the plug-ins now activated and let's see we can go to nowworks as users there's a new option that's his username changer so go ahead and clickon that every year we need to choose in this drop-down the username we want to change init's right here 60 minute website challenge no one it's showing you the username it showsthis bracket and then the email address and then another bracket that's just if you havea lot of usernames in this new installation that so you can kind of another way of identifyingthem i don't want you to click on this to change it and then type your new usernamelike this and then go bracket in type an email
that is going to cause problems i had someonedo that once don't do that all you're doing is putting a new username so this right hereis just for reference to just putting the new year's a name that's all so go ahead andenter your new username and then click on save changes now there's a chance that thismight log you out and then you'll have to log right back in actually here why not todo this how do with you send me my username wp crafter and then i click on save changeslet's see what happens okay and it's showing that the user name was changed to wp crafterright here yes click your log back in so when you make this change it boot you out and yetthe log back in some of the click that so now the wp crafter and then it's df y hadthe bp crafter and then here's my password
managers again okay so now i go back to usersand click on all users now simon is a 60 minute website challenge anymore is can a cwp crafternow what i want you to do is actually change the password for this user account so youdon't have to type d fy at the bp crafter anymore you can use your password please usea strong password use may be a character in it or something like that to make it evenstronger c just would go into all users your profile and then it's at the very bottom solet's scroll down there it's right here is his account management it's his new passwordand generate password when you click on that it's good to generate a password for you butyou don't have to use that password wordpress does that so he can try to nudge people towardshaving strong security in it has the security
meter here as well as password strength meterbut you can use whatever you want is a password so don't use this don't do password it wasbut if you did that you would happen then check this box is as conferring use of weakpassword and then you scroll down and click on update profile i think if i check thatyou then you can click that never use password is your password you one you something strongthat is not easily guessable in it's usually best to take a phrase and then take the spacesout so there's a phrase you like say i like 60 minute website challenge and you can makethat your password without spaces is it would be impossible for a hacker to hack into apassword and user account the password that that that so long like that and it will beeasy for you to remember so anyways go ahead
and set a new password all right so now whati need you to do is update something called permanent links you don't worry you don'thave to ever worry about the setting other than right now so you're in a hover over towertz's settings and then it's as permanent links click on that okay and is can it takeyou there and to have this in our radio box on post name you can scroll down and clicksave changes if you have my wordpress masters course there's a whole video on what the purplelinks are all you need to know is with the one we selected our our website links areto look like this versus something crazy like question p equals in a number know that that'sall you essentially really need to know about permanent links and you only do this onceall right so let me look at my list okay let's
go into plug-ins and work a new clean somethings out so the all-in-one migration you don't need this anymore you can go ahead anddeactivate that plug-in you can also delete it i need you to deactivate jet jet pack righthere it's his jet pack go ahead and click on the activate in the right here you canwe don't need to user name change or reuse that are ready you don't need it anymore'syou can deactivate that is well now these deleted plug-ins are not using you can deletethem some to click a checkbox on using changer do not delete check back we don't need itthis this comes by default when you install wordpress we don't need the migration anymorewe don't need ask met so now that i have those multiple once checked i can go to write yourit's as bold actions and then click on delete
and then apply and that is just wants me toconfirm some nice click on yes okay and now my plug-ins my install plug-ins aired thendown and cleaned out so now i want you to go ahead in now activate jet pack again, explainwhich a pack is so don't worry about that so when you activate jet pack you should havethis green bar here now jet pack is a plug-in for your website to that add some featuresto your website and specifically for this one is can add the contact form integrationunits can add the ability to have those testimonials on the homepage that's another thing thatit's can add for you and there's a few other goodies that i'm gonna show you now oh andone of those things is kinda big it kinda gives you sites that so you can see how muchtraffic on your website if they're getting
there from google what are they typing inurine to see some really neat bits of information into back at a lot of different features mostof which were not to use but we do need it for these few now jet pack needs to connectinto a wordpress.com account don't worry it's all free up but i need you right now to clickon this green button and go and set up a wordpress.com account in case all you have to do is clickon this button and it doesn't open up in a new tab is just good in the same temperaturein its gonna take you over there so were just a click on connect to wordpress.com in hiscan a jump is over there already now what assuming you don't already have a wordpress.comaccount that's totally fine go ahead and click right here it says please log into wordpress.comaccount but then there's his questions as
needed account so you have an account youcan see this area here to fill in an account the credentials or you can click on need anaccount so just click on that it opens up in a new tab in your web browser and thisjust a little bit of information it wants and wants an email address from you put agood email address and could you need to is an email where you click on it in and verifiesyour email account then choose a username and then choose a password and then clickon create account now i'm not can it create account rate and account right now just followthese steps you get an email click on the link in the email to verify your new accountwith wordpress.com there's no cost for so do that and then login and case are now workingto go back in the browser and really click
on that big green button again and then thistime your gnu you have an option to link your wordpress installation to your newly createdwordpress.com accounts on just a new go back right here in him and a go back right herein my web browser and then go ahead and click on connect to wordpress again and this timei'm just gonna log in click on approve and just give it a moment and it's going to linkthe wordpress site to the accounts and then it's going to take you back into wordpressand then this can bring you to this screen so this is where we can enable or disablethe certain modules that jet pack has to offer now jet pack on its own is full of featuresbut we don't need all of them for this site we only need a few so what you do is whenyou get here to scroll down and it says see
other 28 jet pack features these are theirmain features but i just find it easier to click right here it's a c 20 the other 20hr pack features might have a higher number for you because they're adding features everynow and then so i click on that button and this is where we can enable or disable someof these features she can see as i hover over it as activates or if it's already in bluewhen i hover over it says the activate so the main ones we want to make sure activeis the contact form the custom content types right here and let's see there was also asecurity one i want for you monitor this is really cool if your website ever goes downthis will actually make it so you'll get an email notification and then if it when itcomes back up to get another email notification
seeking can keep track of your web host andhow good they're doing race here this is what i wanted protects i wanted that for you that'scan add some security functions and then to the think that was the main ones that i wantedlet me just give it a quick scan backup yet that's what i wanted so just make sure i'msure when you activate its majority and have what i wanted it to have active by defaultand so you should see this testimonials option here and that's what we wanted to make surethat we had so alright let's get to customizing the site so go to here and let's view thefront end of this item going to open this in a new tab so i can tab a back-and-forthrates are now were on the front end of the website and as you can see so much of thework is already done for you that's the beauty
of this challenge is that instead of you spending4080 hours to build this you just are can spend an hour hour and a half so most of itis already done all you need to do now is change images change text to be what you wantedto be it couldn't be easier than that one of the best things about this website designis that you can really control the look and feel of the site based on images so this iselse can work on the show you how to change the different sections of the site a minuteshow you on the front and in them and to show you on the back and how to change it so thatyou know where to change anything that you would want to change on this site in yourto see how easy it is to manage the menu to change the images and even change the sizeof images to add testimonials it's dropdead
simple and you can always come back to thisvideo so first i'm going to show you how to change this large image here on the homepageand personally actually don't even need to use this image i'll show you what it lookslike without it in a sack and the section right here where we have a title and we havesome text okay this is on was called the page so i'm in a pull up that page right now i'mjust jumped into the back end of the site up and go to words is pages and working tosee a list of our pages right here okay so it's this one here this is welcome to canopyand you can see it's the same the text right there so i'm a go ahead and click on it andlet's go ahead and start making some changes so welcome to instead of this let's just putmy restaurant actually i want it all in caps
okay here's a little bit of text that's underneathit and you can easily change that now on each of these pages if you scroll down just a littlebit you're in a c-section right here on the right this is featured imaging as you cansee it's the same image that is on the front and right there so first of all click wordsis removed to feature remove featured image and punish us save my changes by clickingthis update button and then what i want to do something to refresh the site on the frontend so you can see what it looks like without a large featured image there summary clickon a refresh in to see the featured images gone and that little bit of text that i changedjust went into effect now i personally think it looks better with a large image there someonegoing at it right back soma scroll down again
in right here it is said featured image ofa click on that and here are the images that i have in the library if you wanted to uploada different image you would click here words is upload files in drag and drop a differentimage in and that's pretty much it solicits actually change it to this actually i don'tlike this image for the homepage actually know it let's do this i actually you shouldplease remove this image i actually took this image from marie know mimi's caf\'e9 it'sup big restaurant chain here in california and this was their header image someone toclick on that just to show you what it could look like on campus at the featured imagegive it a second shows it on the click update now this image is a custom-designed imagethere's elements of text in it and it's promoting
like a sunday brunch or something like thatnow is not made for the site design and i'll show you what i mean some go to the frontand click on refresh here's the image it's just so set on the left left ear some mimosasand then you have some text here so if you wanted what are showing is all you can reallycontrol the look and feel of this site based upon this big header image so if this wassomething that you wanted to do obviously when your graphic designer when want to pushthese up so when this is intro section here is overlaying the images not blocking anythingthat's important i just wanted to show you how you could really control the look andfeel of the site based upon this image now i'm actually going to remove that and pleasedelete it this i you delete an image on any
of these images here you can click on it andthen click on delete permanently soma to go ahead and delete that permanently and i'mgoing to send it back to the one that i had in that i'm in a click on update okay so that'show you change the image here is a change this bit of text here and this bit of texthere i'm just do a quick refresh to get back on their right sonoma to scroll down now isthese grids right here for the menus now what but it is as these images need to be a certainsize on the show you how to edit the size of your image so it fits perfectly in thisgrade here of the three images side-by-side, to show you how to change the little texthere as well so first let's get into the image so in i'm back in the bakken of wordpressyou can click right here it says media and
that's were the home is on your website forall of your images and so let's take a look at this image right here so when i click onits showing me it's in the original way that it was right here you can see it's his dimensionsthree 45 x 4 82 now we need to remember that i'm in a copyedit in my clipboard and putit in my notes because that is the size that the image needs to be to perfectly fit thisspace okay so let's change this image when i just close this little white box and i goto website right here it's called pixels pex els and it's a place that has free stock photographyand you don't have to give attribution links or anything it's all free and aborted on asearch for the word food so let's find something different in its place you can see some familiarphotos anyways how about this image rights
right here why not so many click on the imageand then there's a but this is free download and there's a drop down to go ahead and choosethis size right here it actually doesn't really matter but i'm a choose this smaller sizeright here click on download and now it's on my computer so go back into the media libraryclick on add new and i'm been a drag-and-drop that image right now so here's the image ofa drag and drop it and you can see it's uploading and when that picture starts to show you knowit's done okay perfect so now i want to do is click on the image one of the nice thingsabout wordpress's it has some basic image editing functions so i want to go ahead andclick on add edit image but you can see the dimensions are 12 80 x 8 53 but we need tohave it be three 45 x 4 82 and it's super
easy to do some go ahead and click on editimage it's good to take us through this image editor right here so the first thing thati might do is i'm going to change the height right here to that height that we needed whichis 482 and it's an enemy click on this button that says scale so what this is good to dois it's going to get the height to exactly how we need now what were in a dues were goingto crop off the ends the sides and then choose exactly what we want the width part of thisimage to be so what you want to do is on the image here start it doesn't actually matterhow big you make it you could just go like that because go right here is a selectionon the rights and were put in those exact dimensions that we needed which was three45 x 4 82 okay 482 so it has the selection
now you can see this is the selection thisarea that's on the graze on the left and the right that's not gonna be part of it and thenyou can actually click and move the selection to exactly what you want so that's what iwanted i don't know why it want that i could do that or am ago right here in the middlei think i like that perfectly and then i'm going to go ahead and click this button sneerthis is the crop button so scan it chop off those ends and i just click right there andwere not can have those ends in a moment so there you go it's a perfectly set and theni'm going to click save so what you would want to do is do this click this x you wouldwant to do this for the three images that you want right here k so now what i'm in ado is i'm in a go ahead and show you how to
change the image it's in something that wordpresshas called the customizer now there's a lot of things you could do in customizer and iwould be going back and forth into the customizer throughout this video the way you get thereas you go to appearance and then customize since customized but is just known as thecustomizer okay so what it's going to do is going to pull up this little option panelhere on the left and then ask you to pull up the website here on the right some scrolldown a little bit so i could see those images now where you are going to find where to changethis is good to be under theme options and then words is a front page click on that andyou can see right here it shows the menu selection so this is the first section 2nd selectionand i'll scroll down and this is the third
section and this is the menu right this'lldrop down this the menu that is a link to two so i haven't shown you the menu yet butthis is how you would change what it links to so right here i'm going to click on changeimages we want to show that different image and this was it right here and then i'm aclick on choose image in your to see it dynamically change it does that sometimes don't actuallyworry about that i want to go ahead and click on save and publish and then if we go to thefront end and click refresh we should see our new image in their perfectly formattedsee there is a perfectly formatted the exact size that we chose he saw how easy that wasso that's how you would change this this section right here if i just clicked on refresh itwould get back in sync at sea okay it's not
coming back in sync but that's okay we don'tdo it too much in the customizer someone to get out of the customizer and now i've shownyou how to change these images not show you how to change these next to give your fullwalk-through of the menu system k that be a good next step and then will hit the testimonialsection so were in the back end again here and there's a section this is food menus goahead and click on food menus and you can see the items that have already put in placewe got our breakfast then are two breakfast items our luncheon are to lunch items in ourdinner and our one dinner item now if you click right here it's his menu selection thisis where i set up those different sections breakfast lunch and dinner and the littlebit of text that went with it so right here
it says breakfast breakfast is served in till11 am if you click on words is breakfast you can change some of the settings with it soi can change the name that shows the slog in the that something that i'm not to getinto in this video and you could change the little text on the hover so say i wanted tochange this to brunch brunch and i would change this to brunch all lowercase and right herei will change this to brunch and then i'll scroll all the way down on and click thisupdate button right here so go ahead and update that and then i can go to the front and ican click on refresh and i can scroll down and you see it actually isn't showing it that'sbecause in the customizer we link to the image to the section will the section just changeso i need to re-enable that section really
quick when we go back into customize and i'mto go back into theme options and then front page and i'm in a re-link that image up tothe proper food section that we have right now so it might have been best to show youall the rest of the menu functions but that's okay theme options front page and you cansee we got rid of breakfast that was linked to breakfast but now is not linked any thinkas we don't have a breakfast option we have a brunch option now so the change to brunchclick save and publish memory get out of this customizer go to the front of the websiteand then do another refresh and you'll see announces brunch and that little bit of informationselect how we create these menu sections we can control the name of it and the informationthat gets on this bit of a hover here case
let me go back so here it was brunch so thatyour menu sections and you can have as many as you want of course and you can change thetext to be what ever it makes sense now this little description actually also ends up inthe menu so if i went into the menu and i scroll down now doesn't say breakfast is brunchis because you only have to change in one place and it changes everywhere and then here'sa little bit of text the brunches served until 11 a okay so now let's look at the menu itemsso under food menus you can click on menu items now you can see change there as welland here's our menu items now you can click in any menu item to added at some go aheadand click on the smoked salmon one now remember this is the menu item that had the image withit so you can see i've got the name of my
menu item right here and i've got the descriptionof the menu item right there and also you can click on add media to add an image i'llshow you how to do that and then right here is his menu selection right here on the rightthis is how when you create a menu item you link it to a section of the menu and so righthere we link it up to the brunch okay and that's pretty much how this is a determinedbut all yeah we can't forget we also have the price right here this is where you setthe price so i didn't want that image i would click on the image and then i would clickon the leads let me move this text up to go backspace and then i'm in a click on updateso now when i look at the menu here if i click on refresher to see this this image is nowgone click on refresh now it's gone i preferred
without the image personally but it's up toyou on what you want on your website so you can see right here i didn't put the $in frontof the eight let's go do that now sets the potato cake right here and to change the priceand just add my $you could add whatever sign for whatever currency that you have clickon updates and as you can see on the front and when i click on refresh there you haveit with the $okay and if i wanted to change it from the brunch menu to the lunch menui can just check box lunch instead of brunch and then i can click on update and it's goodto its little updates now when i click on refresher the seed move from here down tohear i write so now you can see once she has the three items it's got this moved down thereokay slits actually move that back to brunch
because it's just a better brunch item clickon update, to show you how to add a new item so you can click right here resources addone item and let's call this a ham sandwich about that sandwich right there and i'm goingto make this nine dollars order to go to $i like it with $it's up to you though and himand to make that on the lunch menu of course and then i'm going to give a little descriptionright now my click on publish now you can come up with a much better description netfor your for your meal items i would just make mention that when you're adding descriptionsyou can probably try to want them to all be similar in length so you can see how thisdoesn't look good next to this this is a three item 3 line description need to see this descriptionsgetting down into five lines he cut up for
the aesthetics of it you probably do wantthem to look have a similar length of descriptions when i click on refresh right now juergenis see right here just doesn't fit right so that's one thing that i would suggest is tomake sure your descriptions are similar in length okay so say i'm on the lunch menu anda ham sandwich actually be the first item you can go back here and click on menu itemsand when i scroll down a little but here's her lunch now you can see when i'm hoveringover her role you can see highlighted because this kind of pops up but you see this kindof a directional + with the aeros that's because i can click and i can drag and drop it upto the top so you saw him sandwich was on the bottom i just moved it to the top letme say that again on this grill this a grilled
cheese sandwich him to move it into the middlei'll wait let's get that there there we go now it's in the middle ham sandwich grilledcheese and roasted turkey and so that happens dynamically now what i need to do is clickon save new order whenever you change the order you got the order of the items you needto click on save new order soma click refresh and to see a ham sandwich you're gonna seethe grilled cheese sandwich and then the roasted turkey is going to be here on the bottom that'show it should look let's see okay so we got a little out of order a minute have to fixthat in a moment so we got our ham sandwich are grilled cheese sandwich and that and thatright there this is exactly how we wanted it look i must've accidentally got these outof order so you can actually change this section
the order of the sections right here it'sis up down so i want my lunch in the middle whoops i collected too many times let me movethe lunch down know when you click it you just got to give it a second and it will makethe move and then refresh the page summary click on save new order because i just neededto fix that and were back to brunch lunch and dinner let me do a refresh here brunchlunch and dinner so there you have it now you can have as many menu sections and menuitems as you want on the homepage are limited to linking to only three so those could besome of your your main menu sections are something like that that you want to do about when someoneclicks on menu is good to show them everything compiled together but when you're on the pageyou'll see if you click on one of these it's
just to show that section of the many yousee how just a lunch but then there's links down here to the other sections of the menuso that's how the menu section works is pretty simple and straightforward moving on downwe got this testimonial section this is super easy let's go back into the backend and youhave this section right here that says testimonials and will click on that and i have the twotestimonials here let's click into one of them right here you see is the name and thatgets used right here with the hyphen and then the name and then just the testimonial rightthere it's a super easy to do that and then click updates so you wanted to add a new testimonialit's very easy all you have to do is click on add new give the mob testimonial and namehere and this would be the like i showed you
the name that shows underneath it and thenpaste your testimonial text here click on publish and it's can immediately go out thereand instead of showing two testimonials it will show three or reviews and you don't necessarilyhave to use that section for testimonials i noticed the says testimonials right hereyou can use it for any kind of information that you would want to have slide across rightthere it's a totally up to you okay now this section here is broken into these three columnsand these are what's known as a widgets case on a show you the widget area and how to changethat someone go back here in underneath appearance there's a section that says widgets and hereare the widget areas listed on the right on the left are the different available widgetsfor it so we are going to look at right here
the first front-page widget area the secondand the third know when i click this little arrow here on the right is gonna reveal thewidget and then i can click the little section on the right of that and i can see where ican change out the text to be whatever i want that was the contact widget and this one righthere let me do a drop-down this is actually was called a custom menu and i want to showyou the menus in a moment how to change what items are in a menu and what they link toand then on the third one there is a special widget that will connect's allow someone tosubmit their email and have it shoot over to you and so let me out collapsed those outsso that's how urinate use the section like you said you don't even need to have thiswidget or if you don't want it it's up to
you and you can put whatever widgets you wantin there so right here if i wanted a different widget in there like sarah wanted to put animage i can drag-and-drop this over him if i wanted that open table the open table integrationright there i can go right here drop my open table that should say reservations like that'si would enter the restaurant name in the open table id for your restaurant to to link itup click on save in the let me just remove this contact right here by clicking on theleads so now that first section i have the open table widget and when a reversible seednow the only thing to keep in mind these widgets as you can want them to be similar heightfor the aesthetics of the site to look right so five refresh and scroll down on the pagehere you will see the reservation widget and
someone can just enter in a reservation rightthere on my have been cool and i should've done this for use may be to integrate thiswith histogram have an answer graham widget here there's actually several free insta grammarwidgets that you can get now this is the footer area and you really only have these 24 sectionsright here this one in this one right here so let me go back up to appearance and thenwidgets and that's the force for first footer in the second footer okay this is in the widgeti'll show you how to change that in a moment also let's expand these as you can see theabout is really just a bunch of text and the second footer is this, the specially formattedcontact info widgets on expand that in years i you change your hours the address you prywould want to show map it would make their
be too much height phone number and you canput your hours here and then click on save and that's cyanide change that there thiswhich is also used on the sidebar for the blog also you that right here the main sidebarthis is on the blog pages so far as the scroll all the way up and click on news this is essentiallyblogs you can see it right here with got the reservation in the hours and info you seeright here years the reservation widget again and here is the hours and info now just imentioned it a moment ago for this open table widget to work properly you have to configureit for your restaurants open table page okay so right here you need to put your restaurantname and then your open table restaurant id now you can click right here and it will tellyou how to get this id you just gotta put
that in there and you'll be fine now thisis a free open table integration but the developer also has a paid version of this that has morefeatures for multiple occasions and stuff like that it's up to you if you want to purchasethat but you get some more display options and content options if you have their paidversion of this plug-in but if you just one location i'm sure the free ones can work perfectlyfine for you if you do end up up purchasing that please click onto my website and clickon the recommended page and i'll have a link there that will take you over to their siteto purchase it that way they can know it came from me celeste is a sidebar area here sonow what i need to show you a jump back to the homepage of the show you how to changethis and put either some text for your restaurant
or put a logo in its whatever you want andthen i'll show you this menu section here how to change the menu and also there is thismenu area right here i'll show you how to do that as well slim go back and then i amgoing to click on that the dominant the students in the customizer actually because you canmake that change in the customers of his multiples with wordpress there's places where you canchange something so the traditional way is you scroll down the settings and you clickon general okay and you can see here's the site title which is what shows here in thelocal area and then here's a bit of text this long bit of text right here is actually whatpulled all the way down here so that so you can should decide what you want there it'sgood to be your site title in your tagline
so right here let's call it pizza the bestpizza around him scroll down click on save changes and then i'm going to do my refreshand you could say see right here change to pizza place and when i scroll down to changethe pizza place and the best pizza around you do that right here in the settings andthen gen. melissa to go ahead and jump into the customizer now were back in the customizerwe were in here maybe 10 minutes ago the first option your site title tagline and logo asyou can see this is a second-place right can change the same thing was ice about doingin the customizer is usually it will refresh when it's working properly and you can seein real time so if i change it to tacos there you go so you can have your site title bewhatever you want now you can choose to also
i have there be a logo and you would simplyclick on add logo and then you can drag-and-drop your logo image across it would need to bethe same proper size ago in a header which is i think 100 pixels in height and you wantto make sure it's good to look good on top of a dark colored background k so like france'srachel's like just clicked on one of these images which is probably not a good idea you'llsee the dimensions are right and if i clicks as set as logo it's just not gonna look toogood i can get rid of this text if i just wanted to show logo by doing that so you seehow it doesn't look good so you want to put something in there that's can it be the rightsize for your business and it will look good on this a black background so i'm not canhave a logo woman or just click on remove
the death of your to put your logo in hereand you probably want to remove the text there if you are doing that let's make this so whatwas for the remainder of this tutorial, click on save and publish now while i'm in the customizerlet's take a look at some of the other options now you can also manipulate these these menuitems here in the customizer and i'll probably show you how to do that here we could havedone the widgets here and static front page note we don't need to do anything there testimonialsoh this is actually kind of important when you scroll down sorry about that on the testimonialsi showed you to change the testimonials but not this little bit of text on top of it that'sright here words is testimonial page title and i can have a little line of somethingunderneath me that by putting something right
here but i'm not to do that let's see so let'slook the menus and the scroll back up to the top this is going to be was called our primarymenu and right here can click on primary and you can see i've got these for menu itemscan change the order if i wanted so if i wanted reservation page to be the second menu itemi can just drag and drop it up there you can see it just changed for us so we put it backi can add menu items right here by clicking add items in its asking me what do i wantto add to so say i wanted to add a page i would click your words is pages and they wantedto add that these are pages that have already created say wanted to add that catering pagei can just click on the plus and then it adds it right there casey how simple that was andthen i can on the select this add items the
panel goes away and we've got our cateringand i can move that around all that i want but i don't actually want to catering theirpsyche click this drop-down off to the rights and click on remove this is also where youwould change what it said for the label i can enter something in new but actually clickon remove as i don't really want that there that's this primary menu now let me go backand click on the services menu and let me scroll down that's this menu right here andwe can see we've got catering your reservations is the same thing i can click on add itemsand i can safe i wanted to add the menu there as well click on the plus and then i got themenu there as well and you can see it it's might be faintest kind of hard to see butyou can see it was added and you can do the
same thing you can reorder and you can changethe click on it to change the text that shows for the label or just remove it all togetherand there you have it that's how you're going to manipulate these menus is pretty simplein the customizer just click on menus right there and we could have manipulated the widgetshere maybe that's an easier way we've got her to footer widgets we've got are threewidget areas in the that were down here and it's all right here so i wanted to changesomething around i can click on this lets change the footer one and that was us aboutwhen here i can click there and click on the will down arrow and start changing the textall that i want same goes for the footer area right here sites this right here if i didn'twanted to be serve say services i can say
add to its services for you and your you seethat change to services for you and that's i you change that i didn't want to show theservices many but the same menu at the top i would change this drop-down two primarycassettes the primary menu and you'll see it changed immediately to exactly what wehave here and you saw us change just a moment ago and so you can manipulate the widgetshere as well we went through theme options one thing i forgot to show if it wasn't tochange this image here in the background of the footer i really like that mhc would clickon three theme options and then footer and you can see it's our right here so i can removeand change it if i want i can click on remove and then i can click on select image and ican change it to something else so sarah wanted
that same dish item click on choose imagedeceased now it's that same item from the top and you can see it has a dark layer andthen it's a little see-through which is called opacity i can adjust that if i want to seea little more i would just go down to 60 and you'll see now you can see it a little bitmore but it it's kind of hard to see the text on top of it so if you had a dark image maybeone of up to 60 or 40% get a light image you want to go to a higher higher number herelike the 80% and i guess i actually didn't see it this section right here can be removedwere pulls that site name and the site description let's see what happens when i uncheck thisand it just makes it go away so i think it looks better to have it there so i'm goingto go ahead and leave that oh here's something
i guess some if you don't want to show thetestimonial section i guess i can click on that in the testimonial section just goesaway although i like the testimonials there but it's up to you let's see what looks likea click on save and publish in the let's do a refresh i like the testimonial area so itwould just go from there little info to the menu to the widgets but you really need thattestimonial area to kind of break the sections up so i'm a go ahead and put that back innarrates and they let me do my save and publish when you're making changes in the customizernothing gets committed click the save and publish button in order for it to go liveso go back and that covers pretty much all the changes that you would want to use thecustomizer for next at the customizer click
on this acts the scroll up so the menu pageis dynamically generated based upon the how we we went over everything in the menu it'sdynamically generated to show you how to change this little bit of text here there's a pageessentially for the menu and that's working to do that someone go to ages and then i wantto go ahead and click on menu and you can see the menus really only going to have thisone line of text and you see it right there and that's the same line of text here at thetop of the menu alright so let's go to news now news is it then dynamically crude generatedpage based on something called posts in this right here is a post the call the blog postso go back and then click on posts and you can see we have the one poster right thereand that's what we see right here you can
easily add a new post now you wouldn't useposts for some current information may be a special promotion and maybe adding a newmenu item or maybe if you host a special event or some of the great things you do in thecommunity that would be for your posts and it's real simple you just go ahead and clickto add a new post you just click on add new or you can click on add new right here andall you have to do is give your post the title put some information in your pulse are littlegood if you have what's called the featured image you really do want to do that so okaylet's just say our new fence you can register not today and then you can catheter creekcategories for your posts so right now i only have food if i wanted to create a new onei would click this little plus\'85 add new
category and i would say events for this oneand then click the button that says add new category can add it here and is can be checkedand if you continue to scroll down here's where we can set a feature image so ago andclick on that and i'll just go ahead and use this once the only other really large imagei have and i'm a click onset featured image and so now that's there and if i scroll upand click on publish that's pretty much all i need to do to create a new blog post inyour receipts automatically good and up in the news section so all i have to do is clickon a refresh here and here is here's the image see how to beautiful the blog looks on thesite here's the title and here is the information we obviously didn't have a lot of informationbut if you have a lot you someone could just
click on the image or click on the title herethat would actually take them inside the blog post where there's the sharing options andthere is a section where they could leave a comment for you so that is the blog sectionnow i think it's great to have a blog section i would like to encourage you to have a blogsection but you can remove this link and not have a blog section if you don't want it butif you do have a blog section make sure you actually use it and post on it so all is leftis this reservations tab and this is a page on the website to let me go and show you togo back to pages and then i'm a click on reservations now some of the things with the reservationsright here is we've got this section here and then we have that same sidebar that showson the blog okay so here is the little bit
of text above the form personal short codefor the form no ministry how to manipulate that form in a moment okay but right hereit says templates in its his page was sidebar so if you see this is called the page withthe sidebar you have the info here in the sidebar here but i wanted to not have thatsidebar you can go here and change this from page was sidebar to default template and nowit's not to have that sidebar anymore now one of the negatives of the free version ofthe open table is the only way you can show this is if it's in a sidebar or a widget areaso there's no way to show this just in the page content unless you buy the paid versionnow not not a knock on the developers of their very generous even doing this it's free there'sno cost so if you need that functionality
you don't want to show the sidebar you canjust going by the plug and don't think it's that much money sykes 30 or 40 bucks or somethinglike that so anyways you see on the reservations page about this form that i created for youso actually let me update this and that'll update the moment if i refresh that reservationspager to see this a sidebar is no longer there in your to see the width of these fields gothe full width of the page and there it is seeking just have it be like this this meansyou wanted to process these forms yourself are these reservation requests so i createdthat form in a plug-in called ninja forms it's very useful form building tool and youcan built some advanced forms with its let's go take a look at that right now is righthere with his forms some to click on that
and you just see the form that i created andi named it reservations it's right here when you default install the plug-in it's goingto create this contact form for you and here's a short code member i said though here's ashort code for the form this for the short code comes from dominic look into this a formright here by clicking on the title in your to see how i have it formatted so here onthe right column you have all those form fields name email party size i can expand these toreveal different options for it so for instance name i can expanded you see right here justthe text box i can change the name the label of the field right there and hear some moreoptions so restriction settings i can do a drop down there and if i wanted this to bea required field i would just click on the
box here that says required in now it's arequired field let me pull that off and then you could just save your changes so that'spretty much what i did there the other one was this party size and that's this the drop-downshow you how to change that camel to go into here and in a click on party size and it'sa list of and click on the drop-down to show my options and you can see right here is myoptions that i put now i can reorder these by clicking and dragging right here on theright of an item so i wanted six people to be at the top there you go if i wanted toadd a new item i would just click add new and it should add a blank one right here andi can put my label and i can keep adding as many as i want now what's important with anykind of a form builder is you need to tell
it where the heck to email this informationand in ninja form to do right here it's his email and actions let's go ahead and clickon email and actions this is the morning as i made a change and then save it, and i'llleave it to lose those just too little changes i made now we need to create an email actionand that's essentially where this forms going to go some click on add new and what we needto do here is we can give it a name we just call it email that's fine and then right herewe need to say what this action is and it's just an email but you can also when someonesubmits the form send him to a different page that's called a redirect on you can also seta success message that means and someone submits the form it'll say some information back tothem like thank you for submitting this form
summary click on email and right here youwould say so this is you receiving this email from the person that submitted it so i mightwant the email that i received to show the person's name that they listed someone toput that there actually let me delete both and then put name so now when some submissiveform of and receive an email in it's going to show me their name and then the email addressit shows that it came from so i want this to show that it came from the email addressthat the person put in here's the most important one where does this this self form informationgo and this is where you're going to want to put your info there and the text that youwant to see is the subject line reservation request maybe reservation request and thenright here is where we would say what we want
in the email that we receive now you're gonnawant right here all the fields is what i would assume it's the easiest summer click on insertall fields and what this is been a dues now when you receive the email it's good to showthe name of it came from the name of the person that submitted the forms to show came fromtheir email is can have a subject line this is reservation request when and the contentsof the email are going to be all the information that they filled out in the form some to scrolldown and click on save and that's pretty much it now we've configured what happens whereof where this email goes back to list this to take me back to the emails and actionsi'm i want to add another action that says thank you for submitting this contact formor something like that so it's a success message
success message and this is gonna be a successmessage and right here for your requests we you will get in touch with you shortly thenclick on say you have say whatever you want you can actually do some tricked out stuffyou could say thank you and then put the name field that they submitted they cue john orwhatever they put in their you know we just will he contact you later today at this emailaddress you can have it be whatever you want by inserting specific fields actually herei can show you a quick so it said thank you for your request, to put a space and i'm goingto