Create Your Responsive WordPress Site In Less Than 5 Minutes + Bonus Tutorial

Posted in HowTos, WordPress • Posted on 34 Comments

In this video post I will guide you through the whole process of how to create a responsive WordPress site without you touching a single code. Well, at least for the first part.

The first video focuses on how to setup a responsive WordPress site using Bluehost as your host, and along with it is a special discount for 1WD readers. Second part is a little more technical where I will teach you how to create a child theme for the WordPress theme called Responsive and basically redesign the whole theme to your liking.

Create a Responsive WordPress Site Using BlueHost

If you already have your own web hosting then you can proceed with the second video below.

Create Your Own Child Theme Tutorial

In this video I will guide you through how I designed 1wdnotes to look like 1stwebdesigner’s new version. It’s as simple as copying HTML and CSS, just a little more tedious. But by the end of this hour-long video you will definitely be able to create your own child theme from scratch.

PART I

PART II

5 Written ArticlesWebsiteGoogle+

“Hello… it’s Spence, the Evil Genius". My passion lies with providing incredible software, practical advice, and hands-on solutions for other entrepreneurs who may be struggling with the mechanics of how to turn their online business dreams into reality.

34 Comments Best Comments First
  • margins mcdougal

    Wednesday, February 20th, 2013 04:58

    1

    Thanks for the post – reassures me I’m kind of doing child the right way.

    Just wanted to know if we can download the child of responsive you mentioned in the video?

    0
    • Spence

      Wednesday, February 20th, 2013 15:18

      4

      Hi Margins (bwhahaha),

      We will be making the child themes and other code from these videos available to anyone who is participating in our 1wd.tv community site… please check over there this week for details ;-)

      0
  • Lakhyajyoti

    Friday, February 22nd, 2013 03:48

    12

    Its a great tutorial. Learn lots of new things from it. thanks for your wonderful post, Spence.

    0
    • Spence

      Tuesday, February 26th, 2013 00:03

      24

      Thanks Lakhyajyoti!

      0
  • Emma

    Thursday, February 21st, 2013 09:23

    11

    Really useful post! I’m a newbie to child themes – can you please clarify, what is the benefit of using a framework eg Genesis or Thesis, when I can just create my own child theme as you have demonstrated?

    0
    • Spence

      Tuesday, February 26th, 2013 00:05

      25

      Hi Emma,
      Genesis has child themes as well, and has a conventional WordPress theme structure.
      Unfortunately, Thesis does not.

      We suggest that using the Responsive parent, with a child theme, provides a way to add many desired features (Social Networking, Support Forums, Membership, Video, E-commerce) while also providing a safety net for any upgrades to the parent (the child theme mods are not lost)

      0
  • Miguel Ángel

    Friday, February 22nd, 2013 09:00

    13

    Hi Spence,
    Thank you for this awesome tutorial. Im a developer but I´m starting with wordpress, and it´s just what I needed. A great result with 2 simple (and free) tools.

    Congratulations!

    0
  • Benjamin Cross

    Friday, February 22nd, 2013 22:56

    15

    Thank you Thank you Thank you….
    I am not a web designer and I have taken on the task of building my own website. Let me backup a little. I did deploy a website, http://www.bccakesntreats.com, using the Pitch Theme from Siteorgin.com. However, I did that in a rush just to get a way for my customers to find me and place orders.

    Now that I know a little more, I found the Responsive Theme back in December, and I set out to do a complete redesign of my site using it. I needed to address the various mobile device screen sizes given we are mobile people now. This would also make it easier for my customers since most of them are on iphones.

    I have managed to build a localhost on my Ubuntu box where I am planning on doing the redesign. Your videos just gave me the fire that I needed under my butt. You just showed me how easy it is to do this. I was so not getting it until I watched these two videos. I have countless books that I checked out from the local library, and I gathered more from your videos than I have from these books.

    My area of issue was understanding these grids. I could not get my mind around them. I understood the concept. But I could not see how they worked until you made it clear as water. There are Wrappers. My problems are with the wrappers at this point. You are the man. You also showed me how to look at the source of something else and use it to benefit what I need. This makes perfect sense now.

    Thank you once again. I have bookmarked this page because I will be watching them again and again. Maybe I will bounce a question or two off of you once I get started again.

    0
    • Spence

      Saturday, February 23rd, 2013 11:14

      16

      Ben,
      I am so grateful for your positive feedback! It is amazing to know that I’ve been able to help you get over some hurdles, and see how powerful our system can be for making “magic” :-)

      I look forward to seeing you in our 1wd.tv community and more reports of your progress!!

      0
  • Nicol

    Thursday, February 21st, 2013 09:00

    10

    Hi!
    Very interesting videos which are exactly what I have been looking for and wanting to learn for quite some time.
    One question though: I use WordPress to blog but I don’t download it and pay for hosting etc, I just build straight from the dashboard on WordPress and I can’t do much from there.
    Everything that you have shown is only available if you pay, right?

    0
    • Spence

      Tuesday, February 26th, 2013 00:06

      26

      There is a big difference between WordPress.com and WordPress.org. The former is a hosted version of WordPress, but in their free version you don’t have access to many of the CSS and other plugin options as you would when you host your own version of the open source code.

      There is really very little cost (only the cost of the web server) to hosting your own full-version of WordPress code. That is why we suggest you go that route (about five bucks a month).

      0
      • Nicol Kosky

        Tuesday, February 26th, 2013 12:41

        27

        Oh okay yes that makes sense. Thank you for clarifying that for me

        0
  • Sheridan

    Wednesday, February 20th, 2013 12:56

    3

    wow this was really cool – thank you for posting and doing the job

    very big Inspiration for me, I was really long in the Joomla stuff but since a few weeks doing some WP, and then you come with this for me – thanks!

    0
    • Spence

      Wednesday, February 20th, 2013 15:19

      6

      Welcome back from the “dark side” Sheridan! WordPress is the place to be…long live WordPress!!

      +1
  • Joseph Morrison

    Wednesday, February 20th, 2013 10:33

    2

    Interesting article, a great read with some great tips for people to take on board.

    0
    • Spence

      Wednesday, February 20th, 2013 15:18

      5

      Thanks for visiting Joseph ;-)

      0
  • Steve

    Wednesday, February 20th, 2013 18:48

    8

    How many videos do you have on plugin development
    and how deep do go into plugin development ?

    0
    • Spence

      Saturday, February 23rd, 2013 11:22

      18

      Hi steve,
      Most of our stuff is geared towards the beginner crowd, however I do focus on modifying existing plugins to work with our system or to achieve certain goals. Check out http://labzip.com/videos for now … And you should find a few gems :-)

      0
  • Paula

    Wednesday, February 20th, 2013 16:21

    7

    Thank you, Spence! I learned a lot from the first video. The second one got me a little lost, so I’ll have to watch it again once I have some more experience with WP. So far, I only knew how to install a theme and make some tiny modifications, like changing the font color.
    Inspired by what I’ve learned, (I watched the video last week on YouTube) I built my own website using the Responsive theme. It’s still a work in progress, and it only has dummy content, but I would be grateful if you could take a look at it and maybe give me some tips on how to improve it. Thanks again!

    0
    • Spence

      Thursday, February 21st, 2013 00:46

      9

      Hi Paula!
      thanks for checking-in and sharing with us your experiences so far.

      Don’t worry too much if the second video is over your head, it’s a bit advanced in some parts. I just wanted to show how far one can go with just our basic toolkit ;-)

      The subsequent videos will be much more oriented to the basics to start.

      Cheers,
      spence

      0
  • Steve

    Monday, February 25th, 2013 02:51

    19

    I would like to read one of your posts, ” Working from home in the Philippines , problems and perks ” … how
    can I do that ?

    0
  • Tarun Jaitely

    Thursday, February 28th, 2013 03:49

    29

    Nice tutorial. Learnt many new things related to responsive wordpress theme.
    Thanks for sharing it :)

    0
  • Shane

    Tuesday, February 26th, 2013 16:41

    28

    Hi Spence,

    Really awesome tutorial – I’m making my first wordPress site and you’ve really given me a jump start!!!
    thanks dude!

    0
  • Dr Prem

    Monday, March 11th, 2013 01:12

    30

    Nice Tutorial. Thanks for providing such a valuable information. Video support us a lot of information about creating a website.

    0
  • Scott

    Monday, March 11th, 2013 09:58

    31

    Hi I have read, with interest your tutorial and I’m signed upto your newsleetter. My problem is that I cant find the member section so I can download the entire tutorial.
    Can you point me in the right direction please?

    0
  • Nilesh Shiragave

    Saturday, May 18th, 2013 11:40

    34

    Excellent article. much appreciated. Learned how to code a responsive wordpress theme using a good tutorial.

    0
  • HassanMahfuj

    Thursday, April 18th, 2013 05:16

    33

    Thank you for this awesome tutorial. I learned a lot from your brillient videos. Really useful post!

    0
  • Michael Scott

    Tuesday, March 19th, 2013 11:11

    32

    Hi Spence,

    Great tutorial… this just may put several theme shops out of business;) I’m not a developer by trade but you make this look very easy…nice work.

    0
  • Jarrett Holmes

    Monday, February 25th, 2013 19:10

    21

    Thanks for the great tutorials. Its much appreciated. This is one of the most thorough and complete ones I’ve seen. This will help a lot of people and dummies it down for those that are less advanced. Keep the great content coming!

    0
  • Anna

    Monday, February 25th, 2013 06:19

    20

    Thanks for the great video. I am stuck with the part with the child theme…
    Is there any place I could download the child theme you are using?
    You wrote that whoever registers to bluehost through your link, they will get entitled to 1WD.tv‘s special membership and its benefits, including access to WordPress video tutorials, eBooks, worksheets, videos, codes, files, and support forum, tips from freelancers who have been in the business for several years…
    I signed up at bluehost and registered for 1WD.tv but I can only find a few videos there (including the two seen here).
    Thanks

    0
    • Spence

      Tuesday, February 26th, 2013 00:03

      23

      Hi Anna,
      Thank you for creating a BlueHost account with us!

      We’re still setting up the community and downloads at 1wd.tv but if you would like to send me an email directly to help@labzip.com I would be happy to send you the child theme with css mods ;-)

      0
  • hamayon

    Friday, February 22nd, 2013 10:05

    14

    Thanks for the great tutorial Spence,
    Recently I’ve launched my first blog on WordPress, As I have little knowledge about WordPress then I asked one of my friends to setup it for me, but later I decided to learn all the basics and today we searched it on Google then I got link to this great Tutorial, its really helping.

    -1
    • Spence

      Saturday, February 23rd, 2013 11:18

      17

      Hi Hamayon!
      I am obviously. Huge proponent of WP and how easy it can be to use for building powerful and beautiful websites. I hope to hear more from you an your progress soon :-)

      0
  • Nilesh Shiragave

    Saturday, May 18th, 2013 11:40

    34

    Excellent article. much appreciated. Learned how to code a responsive wordpress theme using a good tutorial.

    0
  • HassanMahfuj

    Thursday, April 18th, 2013 05:16

    33

    Thank you for this awesome tutorial. I learned a lot from your brillient videos. Really useful post!

    0
  • Michael Scott

    Tuesday, March 19th, 2013 11:11

    32

    Hi Spence,

    Great tutorial… this just may put several theme shops out of business;) I’m not a developer by trade but you make this look very easy…nice work.

    0
  • Scott

    Monday, March 11th, 2013 09:58

    31

    Hi I have read, with interest your tutorial and I’m signed upto your newsleetter. My problem is that I cant find the member section so I can download the entire tutorial.
    Can you point me in the right direction please?

    0
  • Dr Prem

    Monday, March 11th, 2013 01:12

    30

    Nice Tutorial. Thanks for providing such a valuable information. Video support us a lot of information about creating a website.

    0
  • Tarun Jaitely

    Thursday, February 28th, 2013 03:49

    29

    Nice tutorial. Learnt many new things related to responsive wordpress theme.
    Thanks for sharing it :)

    0
  • Shane

    Tuesday, February 26th, 2013 16:41

    28

    Hi Spence,

    Really awesome tutorial – I’m making my first wordPress site and you’ve really given me a jump start!!!
    thanks dude!

    0
  • Jarrett Holmes

    Monday, February 25th, 2013 19:10

    21

    Thanks for the great tutorials. Its much appreciated. This is one of the most thorough and complete ones I’ve seen. This will help a lot of people and dummies it down for those that are less advanced. Keep the great content coming!

    0
  • Anna

    Monday, February 25th, 2013 06:19

    20

    Thanks for the great video. I am stuck with the part with the child theme…
    Is there any place I could download the child theme you are using?
    You wrote that whoever registers to bluehost through your link, they will get entitled to 1WD.tv‘s special membership and its benefits, including access to WordPress video tutorials, eBooks, worksheets, videos, codes, files, and support forum, tips from freelancers who have been in the business for several years…
    I signed up at bluehost and registered for 1WD.tv but I can only find a few videos there (including the two seen here).
    Thanks

    0
    • Spence

      Tuesday, February 26th, 2013 00:03

      23

      Hi Anna,
      Thank you for creating a BlueHost account with us!

      We’re still setting up the community and downloads at 1wd.tv but if you would like to send me an email directly to help@labzip.com I would be happy to send you the child theme with css mods ;-)

      0
  • Steve

    Monday, February 25th, 2013 02:51

    19

    I would like to read one of your posts, ” Working from home in the Philippines , problems and perks ” … how
    can I do that ?

    0
  • Benjamin Cross

    Friday, February 22nd, 2013 22:56

    15

    Thank you Thank you Thank you….
    I am not a web designer and I have taken on the task of building my own website. Let me backup a little. I did deploy a website, http://www.bccakesntreats.com, using the Pitch Theme from Siteorgin.com. However, I did that in a rush just to get a way for my customers to find me and place orders.

    Now that I know a little more, I found the Responsive Theme back in December, and I set out to do a complete redesign of my site using it. I needed to address the various mobile device screen sizes given we are mobile people now. This would also make it easier for my customers since most of them are on iphones.

    I have managed to build a localhost on my Ubuntu box where I am planning on doing the redesign. Your videos just gave me the fire that I needed under my butt. You just showed me how easy it is to do this. I was so not getting it until I watched these two videos. I have countless books that I checked out from the local library, and I gathered more from your videos than I have from these books.

    My area of issue was understanding these grids. I could not get my mind around them. I understood the concept. But I could not see how they worked until you made it clear as water. There are Wrappers. My problems are with the wrappers at this point. You are the man. You also showed me how to look at the source of something else and use it to benefit what I need. This makes perfect sense now.

    Thank you once again. I have bookmarked this page because I will be watching them again and again. Maybe I will bounce a question or two off of you once I get started again.

    0
    • Spence

      Saturday, February 23rd, 2013 11:14

      16

      Ben,
      I am so grateful for your positive feedback! It is amazing to know that I’ve been able to help you get over some hurdles, and see how powerful our system can be for making “magic” :-)

      I look forward to seeing you in our 1wd.tv community and more reports of your progress!!

      0
  • hamayon

    Friday, February 22nd, 2013 10:05

    14

    Thanks for the great tutorial Spence,
    Recently I’ve launched my first blog on WordPress, As I have little knowledge about WordPress then I asked one of my friends to setup it for me, but later I decided to learn all the basics and today we searched it on Google then I got link to this great Tutorial, its really helping.

    -1
    • Spence

      Saturday, February 23rd, 2013 11:18

      17

      Hi Hamayon!
      I am obviously. Huge proponent of WP and how easy it can be to use for building powerful and beautiful websites. I hope to hear more from you an your progress soon :-)

      0
  • Miguel Ángel

    Friday, February 22nd, 2013 09:00

    13

    Hi Spence,
    Thank you for this awesome tutorial. Im a developer but I´m starting with wordpress, and it´s just what I needed. A great result with 2 simple (and free) tools.

    Congratulations!

    0
  • Lakhyajyoti

    Friday, February 22nd, 2013 03:48

    12

    Its a great tutorial. Learn lots of new things from it. thanks for your wonderful post, Spence.

    0
    • Spence

      Tuesday, February 26th, 2013 00:03

      24

      Thanks Lakhyajyoti!

      0
  • Emma

    Thursday, February 21st, 2013 09:23

    11

    Really useful post! I’m a newbie to child themes – can you please clarify, what is the benefit of using a framework eg Genesis or Thesis, when I can just create my own child theme as you have demonstrated?

    0
    • Spence

      Tuesday, February 26th, 2013 00:05

      25

      Hi Emma,
      Genesis has child themes as well, and has a conventional WordPress theme structure.
      Unfortunately, Thesis does not.

      We suggest that using the Responsive parent, with a child theme, provides a way to add many desired features (Social Networking, Support Forums, Membership, Video, E-commerce) while also providing a safety net for any upgrades to the parent (the child theme mods are not lost)

      0
  • Nicol

    Thursday, February 21st, 2013 09:00

    10

    Hi!
    Very interesting videos which are exactly what I have been looking for and wanting to learn for quite some time.
    One question though: I use WordPress to blog but I don’t download it and pay for hosting etc, I just build straight from the dashboard on WordPress and I can’t do much from there.
    Everything that you have shown is only available if you pay, right?

    0
    • Spence

      Tuesday, February 26th, 2013 00:06

      26

      There is a big difference between WordPress.com and WordPress.org. The former is a hosted version of WordPress, but in their free version you don’t have access to many of the CSS and other plugin options as you would when you host your own version of the open source code.

      There is really very little cost (only the cost of the web server) to hosting your own full-version of WordPress code. That is why we suggest you go that route (about five bucks a month).

      0
      • Nicol Kosky

        Tuesday, February 26th, 2013 12:41

        27

        Oh okay yes that makes sense. Thank you for clarifying that for me

        0
  • Steve

    Wednesday, February 20th, 2013 18:48

    8

    How many videos do you have on plugin development
    and how deep do go into plugin development ?

    0
    • Spence

      Saturday, February 23rd, 2013 11:22

      18

      Hi steve,
      Most of our stuff is geared towards the beginner crowd, however I do focus on modifying existing plugins to work with our system or to achieve certain goals. Check out http://labzip.com/videos for now … And you should find a few gems :-)

      0
  • Paula

    Wednesday, February 20th, 2013 16:21

    7

    Thank you, Spence! I learned a lot from the first video. The second one got me a little lost, so I’ll have to watch it again once I have some more experience with WP. So far, I only knew how to install a theme and make some tiny modifications, like changing the font color.
    Inspired by what I’ve learned, (I watched the video last week on YouTube) I built my own website using the Responsive theme. It’s still a work in progress, and it only has dummy content, but I would be grateful if you could take a look at it and maybe give me some tips on how to improve it. Thanks again!

    0
    • Spence

      Thursday, February 21st, 2013 00:46

      9

      Hi Paula!
      thanks for checking-in and sharing with us your experiences so far.

      Don’t worry too much if the second video is over your head, it’s a bit advanced in some parts. I just wanted to show how far one can go with just our basic toolkit ;-)

      The subsequent videos will be much more oriented to the basics to start.

      Cheers,
      spence

      0
  • Sheridan

    Wednesday, February 20th, 2013 12:56

    3

    wow this was really cool – thank you for posting and doing the job

    very big Inspiration for me, I was really long in the Joomla stuff but since a few weeks doing some WP, and then you come with this for me – thanks!

    0
    • Spence

      Wednesday, February 20th, 2013 15:19

      6

      Welcome back from the “dark side” Sheridan! WordPress is the place to be…long live WordPress!!

      +1
  • Joseph Morrison

    Wednesday, February 20th, 2013 10:33

    2

    Interesting article, a great read with some great tips for people to take on board.

    0
    • Spence

      Wednesday, February 20th, 2013 15:18

      5

      Thanks for visiting Joseph ;-)

      0
  • margins mcdougal

    Wednesday, February 20th, 2013 04:58

    1

    Thanks for the post – reassures me I’m kind of doing child the right way.

    Just wanted to know if we can download the child of responsive you mentioned in the video?

    0
    • Spence

      Wednesday, February 20th, 2013 15:18

      4

      Hi Margins (bwhahaha),

      We will be making the child themes and other code from these videos available to anyone who is participating in our 1wd.tv community site… please check over there this week for details ;-)

      0

Comments are closed.

54.161.247.22 - unknown - unknown - US