How-to Create A WordPress Business Website

Overview

First off, let me say that you can do this! Have confidence in yourself and make sure you enjoy this process. 

There is nothing more empowering then having the ability to create an impactful web presence for yourself or your business. Right now you have the chance to create something amazing, for the world to see. I believe in you!

If you stick with the instructions in my video, and follow my recommendations, you can have your website up in under 60 minutes. Of course you will need some additional time to put your written content together, but that shouldn't take that much additional time. 

Download Resource Files

CLICK HERE to download the resource files for this challenge.

Prerequisite

Having a website requires that you have a web hosting account. The cost of a website hosting account can vary, but I have pre negotiated a discount with InMotion Hosting for you. When you visit InMotion Hosting through any of the links on this website, you will see the discount.

Even if you already have a website hosting account, please consider changing to InMotion Hosting or getting a new hosting account with them, for several reasons. 

  • ​The 3 S's of website hosting: Speed, Security, & Support
  • You will receive a access to my WordPress Masters Course which currently sells for $197 per year
  • You will receive an instant 38% discount for being a WPCrafter.com subscriber
  • And most importantly, it would help me keep the lights on around here, and keep providing valuable content

Whats Included:

38% Exclusive Discount

WordPress Masters Course $197​ Value

56 COMMENTS

    • Yea I should add something there huh?

      Well the video goes through the ENTIRE setup. You are not installing a theme as you see in the video, you are restoring an entirely done for you website. Just follow the video and you will be fine!!

    • It will need to be done with a small snippet of CSS. You need to add this custom CSS:
      .site-branding .site-logo-link img {
      height: 100px;
      }

      Where it lists the height, increase that number. So you can start out with 150.

      Glad you like the template BTW.

  1. Wow, the theme looks awesome, i wanted to know if i can erase or take off the stroke box that has the titles inside in each section, thanks!

        • Do you know how to add custom CSS? I think I need to make a specific video on it, but have talked about it in many videos. If so this is what you need to add:

          .pique-panel-content h2::before, .pique-panel-content h2::after { border-bottom: 0px !important; }
          .pique-panel-content h2 { border-width: 0px !important; }

          Go to Appearance > Editor > Click on style.css over on the right > then add that at the bottom

          • it will be a great idea to make that video, i copied the text on the style.css but nothing happened, the stroke boxes are still there, did I make something wrong? Thanks again.

          • Well I don’t know what you did. Can’t tell you if you did something wrong without know what you did. 🙂

            I’ll gladly help you, just tell me exactly what you did. Also make sure you add it to the bottom of the css file.

        • it will be a great idea to make that video, i copied the text on the style.css but nothing happened, the stroke boxes are still there, did I make something wrong? Thanks again.

  2. i put the code on the pique theme style.css and it worked, but when i went to the child theme it didn’t worked, thanks for everything!

    • So you put it in the child theme and it didn’t work, then you put it in the parent theme and it worked?

  3. bro, i put the code on the edit css and it worked, you are the best, thanks a lot for everything, love the theme, the tutorial, everything, quick question, how can i get the free course? thanks again Adam!

  4. Hey Adam, wanted to ask you how can i erase or take out one of the panels, i only need 6 of them, thanks for everything!

    • It’s in the customizer, I think under theme options. Its where you choose your panels, just use how many that you need.

    • Ok so this is going to require adding some custom CSS to your website. I have a video on exactly how to do that. There are 2 buttons and each button has a normal state, and a hovered state. You will need to know the color code of the colors you want. I have a video on that as well, how to get the color codes. So just copy / paste everything below this line, then edit it:

      /* Primary Button */
      button, .archive .read-more a, .blog .read-more a, .search-results .read-more a, .button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
      background-color: #83b6cc;
      color: #eff6f9;
      }

      /* Primary When Hovered */
      button:hover, .archive .read-more a:hover, .blog .read-more a:hover, .search-results .read-more a:hover, .button:hover, input[type=”button”]:hover, input[type=”reset”]:hover, input[type=”submit”]:hover {
      background-color: transparent;
      border-color: #83b6cc;
      color: #83b6cc;
      }

      /* Secondary Button */
      button.minimal, .archive .read-more a.minimal, .blog .read-more a.minimal, .search-results .read-more a.minimal, .button.minimal, input.minimal[type=”button”], input.minimal[type=”reset”], input.minimal[type=”submit”] {
      background-color: #eff6f9;
      color: #83b6cc;
      }

      /* Secondary When Hovered */
      button.minimal:active, .archive .read-more a.minimal:active, .blog .read-more a.minimal:active, .search-results .read-more a.minimal:active, button.minimal:focus, .archive .read-more a.minimal:focus, .blog .read-more a.minimal:focus, .search-results .read-more a.minimal:focus, button.minimal:hover, .archive .read-more a.minimal:hover, .blog .read-more a.minimal:hover, .search-results .read-more a.minimal:hover, .button.minimal:active, .button.minimal:focus, .button.minimal:hover, input.minimal[type=”button”]:active, input.minimal[type=”button”]:focus, input.minimal[type=”button”]:hover, input.minimal[type=”reset”]:active, input.minimal[type=”reset”]:focus, input.minimal[type=”reset”]:hover, input.minimal[type=”submit”]:active, input.minimal[type=”submit”]:focus, input.minimal[type=”submit”]:hover {
      background-color: transparent;
      border-color: #eff6f9;
      color: #eff6f9;
      }

  5. Hello Adam,

    Thank you for the tutorial; the site looks great! I’d appreciate if you could let me know how to modify the footer in order to include my company’s copyright info.

  6. hi,please could you write me a password becouse i am not from usa and i dont undertend spelling,and now i can not come in to my site.Thnx

  7. Hello Sir…

    I love your template and use it for my wordpress website but i got 3 main problem:
    1) How can i change the background or menu item from ‘blue’ to ‘green’ color coz my product theme is green.
    2) How can i add ‘order form ‘ into this theme?
    3) How can i change background color for blog page coz it so white bright to me… If can change into more dark color, i really approciate.

    How your can reply as soon as possible coz i really need your help sir. Tq

    • 1. You would do this with CSS. I have a video on customizing your site with custom CSS.
      2. You can add woo commerce to the theme, its a free plugin.
      3. That setting is in the customizer.

      Hope that helps 🙂

  8. Hi Adam
    The site is great, Thank You. I have a problem though. When i send an email through the contact form it sends them to the email sent page but the email never arrives. I’ve looked to see if I’ve put the correct email in. Have you any ideas?
    Thanks
    David

  9. Hi Adam

    First let me say THANK YOU….This was the very 1st tutorial i watched and got it right the first time…. This is awesome. I do have one question. Is is possible to add a donate button (go fund me) to my site since I am non-profit? Thanks in advance

    • You mean add a link on your website to a go fund me crowd funding campaign? If you, yes you can create links on your website to any website you choose.

      • Thank you Adam! I think I asked it the wrong way. How can I add a donate button to link to paypal. I am not sure how to do this. Thanks for your help you rock!

      • Thanks! I think I asked the wrong question. How can I add a donate button and link my merchant account to it? I m not sure how to add that to this template. Also is it possible to add social icons to the footer ?Thanks so much

  10. Hi Adam,

    I camo to this page via YT and I tried downloading the project files, but a very annoying popup showed up asking me if I would like to have the files send to me. It seems that I need to exchange my email address for the files, but that feels rather weird when I want to download files, just like it says on the description. Downloading is downloading and sending is sending, let’s not get confused here.

    Maybe you could change the text to “Have the project files send to you”, so it is clear what this is, a list building thingy. We all know that nothing is free on the internet and we have to get used to exchanging our personal “information” to receive “free” information, but please don’t be the person that willingly misleads people. It makes you look like a secondhand car salesman. Just my 2 cents.

    Good luck with your site and list building.

    Mark

    • Hi Mark. I think you are quite out of line here and completely wrong in your impressions. To be direct, I don’t think my website, my videos, and the effort I deliver for 100% free, is for you.

  11. Hi Adam

    First off brilliant effort with the website template. I watched a few of your videos and they’ve been nothing but help, really appreciate it.

    I seem to be stuck at the step where you connect to Jetpack. The error reads as follows:
    Your website needs to be publicly accessible to use Jetpack: site_inaccessible
    Error Details: The Jetpack server was unable to communicate with your site … [IXR -32300: transport error: http_request_failed Too many redirects.]

    Any help would be appreciated.

  12. Hi Adam, Wp migration isn’t accepting restore file.

    It’s saying Unable to import.

    Version 2.1.1 of All in One WP Migration introduces new compression algorithm. It makes exporting and importing 10 times faster.
    Unfortunately, the new format is not back compatible with backups made with earlier versions of the plugin.
    You can either create a new backup with the latest version of the plugin, or convert the archive to the new format using our tools here.

    Is there anyway to update the restore file. BTW thank you for all your efforts

    TIA

    • I think you may have emailed me. The problem is you are going to fast and missing important steps 🙂

      You need to unzip the download before you try to restore it.

    • Wow, completely shocked at the negativity you are bringing to my website here. Am I charging any money for this, umm no. Have I asked you for any money, umm no. Do I get anything money related at all from this, not at all.

  13. Adam,
    First, thanks for the great template. Second, I have figured out a way to mess it up almost immediately!
    I wanted to make the logo on the home page larger. Saw your css script in the comments to do so. Pasted it in the CSS Style Sheet and shut down my site. (I obviously have no clue what i am doing.) Is there a way to fix this? I can FTP to my site but am not thinking I should just charge in there until I have a little bit of instruction.
    Thanks for any help you offer.
    Karen

    • Contact me via live chat. I also have a video on what to do when you screw up your website, 🙂

  14. I got the following error when trying to install this theme:

    Installing Theme from uploaded file: 60-Minute-Website-Challenge-EP001.zip
    Unpacking the package…

    Installing the theme…

    The package could not be installed. The theme is missing the style.css stylesheet.

    Theme install failed.

    • 2 Things:

      1. If have issues like this, please visit the help section. The link in in the top right menu
      2. You skipped a step, you need to first unzip the file

  15. Wow, thanks! I don’t want the black overlay over the website. Can I somehow make my website with just regular photos without the black opacity or change the color?

  16. Hi, ii extracted the file and i port into my already built website but it not working at all. Pls kindly help me out.

    • I need a lot more info then that to be able to help you. 99.999% of problems are caused by dirt cheap or free web hosting services. There is not much I can do about that.

  17. I have been an InMotion customer since you recommended it at the beginning of the year. I would definitely recommend this hosting company! Great support, quick support – honestly I am very happy with them!

LEAVE A REPLY