Jumpstart Your WordPress Career – Your Essential WordPress Toolkit [Video]

Posted in Tips, Tools, WordPress2 years ago • Written by 39 Comments

The Business of WordPress Design using WordPress – Video Three

Hi Gang! In this video we’re going to put together the five essential tools you need to succeed using WordPress.

Fortunately, they are all free or of little cost, so you don’t have to have much money to get started.

The important thing to remember when assembling your own toolkit is the fact that there are no “proper” tools. Rather, much like craftsmen of old, you may have a unique preference for certain tools than other designers or freelancers. That’s OK!

Don’t be afraid to experiment to see what works best for you. Some of the tools, such as FTP and Text Editors are designed to work together. For example, most of the FTP clients allow you to remotely edit a file on the server and then automatically upload and save your changes. Be sure to test out these additional features, as they can often save you a lot of time by avoiding repetitive tasks.

Your Essential Tools Are:

  1. WordPress – available from WordPress.org or in your hosting package
  2. Hosting or Desktop Environment – LabZip or Bitnami.
  3. Firebug – available from GetFireBug.com.
  4. A Text Editor – like SublimeText, Notepad++, TextWrangler.
  5. An FTP Client – available at FileZilla Project.

What are you waiting for? Let’s get started! And don’t forget, your comments and questions are greatly appreciated, so keep them coming.

Cheers!
Spence

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.

39 Comments Best Comments First
  • Humayun kabir

    Wednesday, January 16th, 2013 03:14

    27

    Recently i have created a website with WordPressv3 .During working on my site i have felt some problem.i can’t understand these problem and i will try to search in Google to solve these problem. After search i got this site & get my problem solution.Thanks for this kind of post.

    +1
    • Spence

      Wednesday, January 16th, 2013 10:19

      30

      Hi Humanyun,

      what are some of the problems you are having? If you would care to share, we could work together here to demonstrate solutions for everyone. This would be a great learning experience for many readers similar to yourself.

      -2
      • Humayun kabir

        Wednesday, January 16th, 2013 12:38

        33

        Hi Spence,
        I am working with heatmapv5 word press theme. As i am new in word press, i felt some problem like,i can not use some plugin’s Akismet, syntaxhighliter,also can’t understand many of my theme option cant edit index.php and other file .i believe that even now i have lack of knowledge about wordpress theme .Anyway i hope i can learn more from your wordpress post in future.
        Thank you so much
        From your younger brother, Hhumayun kabir,
        Bangladesh.
        My Site: http://knowledgediarybd.com/
        please check it tell me how you felt to see it?

        +1
  • Janet Z.

    Tuesday, January 15th, 2013 11:40

    4

    I loved the tutorial and thank you for making it free!
    I really appreciate that you didn’t try to sell me anything to get the free product. It makes me more likely to trust that your actual products are worthwhile. So many ‘free’ items on the net are not really helpful and are used only to direct you to their sales page. That is so seriously annoying and in my opinion, dishonest. Thank you for NOT being that.

    +1
    • Spence

      Tuesday, January 15th, 2013 11:51

      6

      Hi Janet, and thanks for the kind words!

      It is very very important to all of us here at 1stWebDesigner that you and all the other readers can become empowered with knowledge and skills, without any prerequisite of buying anything. There is so much knowledge out there, and we intend to condense it for all of you into powerful tutorials that let you become comfortable enough to decide whether, or if, you want to move on to more specialized tools or software that may be commercial. For starting out, all our lessons and recommended tools will be free ;-)

      0
  • David F

    Tuesday, January 15th, 2013 13:51

    12

    Hey great video. I was curious can I basically accomplish all this through dreamweaver? I connected my ftp to dreamweaver and am uploading my edits back to the host.

    0
    • Spence

      Tuesday, January 15th, 2013 18:06

      20

      While it is possible to edit with Dreamweaver, there is good reason to leave it behind when working in WordPress:

      Dreamweaver adds non-standard html markup that is not going to always work properly with WordPress when we start getting into templating and child themes. Dreamweaver is intended for self-publishing, and with my techniques for WordPress, you will see that Dreamweaver becomes unnecessary to your work flow.

      Trust me on this, I won’t let you down. I’ll get into that shortly with the upcoming tutorials.

      0
  • Brenda Scott

    Tuesday, January 15th, 2013 15:49

    14

    Loving this series! How often do you plan to have videos out? ….. chomping at the bit to get going! :)

    0
    • Spence

      Tuesday, January 15th, 2013 18:11

      21

      Hi Brenda,

      Dainis and the whole team have been discussing how we can provide a “fast track” for anyone who wants to go that route. As such, look for some more info soon about http://1WD.tv (our member video channel).

      We were thinking it would be cool to have all the videos anyone needs, free and ready to use, along with the code base, examples, a members-forum, and more.

      Our debate is whether we would get a positive response from you readers if we suggested, for example, that the only requirement to get content and access was to setup a working sandbox website for yourself so that you could participate and share your progress with the other students.

      What do you think about the idea of making a “boot camp” video/training area where each person has their own sandbox site (I don’t know…maybe a five buck shared server account or something) that is on their profile, so we can all share and help each other over there…. no one is just sitting on their hands.

      Would this be interesting or worthwhile to you?

      0
      • Brenda Scott

        Wednesday, January 16th, 2013 09:51

        29

        I think this would be great! Absolutely!!

        Im hoping my not really knowing what the term ‘sandbox’ means wouldnt be a deterrant! :)

        0
  • Martin Allien

    Tuesday, January 15th, 2013 16:02

    15

    Thanks for the video!
    I can’t wait for some WordPress optimalisation tips — one of our growing sites is getting quite slow.
    So yes, thanks for the video and please keep up that good work :)

    0
    • Spence

      Tuesday, January 15th, 2013 18:16

      22

      Hi Martin,
      I love the cache!! Show me the cache!!

      Seriously though… I have a lot of experience helping our customers to optimize WordPress. This is a whole topic by itself. Number one tip for today though… install a Cache Plugin. My personal advice is to start with QuickCache. It’s the most effective and least complicated combination.

      If you are experienced, you can try out W3TC (check out that nifty LabSecrets long-form video tutorial ;-) or SuperCache, but those come with a higher learning curve and more potential for headaches for the beginner.

      0
      • Martin Allien

        Wednesday, January 16th, 2013 13:32

        34

        Hi Spence!
        Thanks for superfast answer and all the tips :) We’ve tried SuperCache, but – as you said – it was pretty hard to set up and the result wasn’t that better. Time to try out QuickCache instead.
        Seriously thanks much and good luck on your own projects and upcoming publications ;)

        0
        • Martin Allien

          Wednesday, January 16th, 2013 17:35

          36

          You, Sir, just saved our site more than 58 % of load time! *Hats off* :)
          So thanks again and I can assure you about looking into W3TC and your tuts in the future.
          – Martin

          0
          • Spence

            Wednesday, January 16th, 2013 20:34

            38

            Now that’s what I’m talking about! ;-)

            Nice job Martin, and thanks for sharing your positive results with us!!

            0
  • Zetax

    Tuesday, January 15th, 2013 16:56

    17

    Hellow spence.
    nice video!
    i’m following your video series and i am very insterested in these. about this in particular i don´t have much to poin to, as it’s focused in begginers; maybe a little advice in respect to the editor you choose. i recommend to use an open software IDE like aptana wich is multiplataform and give you a lot of advantages as a begginer. theres one in particular auto-completion, if you create a wordpress project (create it’s root in the whole wp installation) you receive helpfull information about php functions (wordpress functions and so) as it is documented and you can see a suggestion list of functions every time you type the text. i´m not saying tha there are not other good IDE out there but i strongly recommend aptana because is free and because this and other features (like included git support, to point another) make the life of the begginer developer/designer easier and more: it is ligther and faster than other IDEs (like netbeans) that make’s it comfortable to use (like a normal text editor) and adds a lot more features notepad++ and other such editors don’t have. so if you are a begginer go for it.

    Spence, thanks for the video and keep going.

    PD: sorry for bad english.

    0
    • Spence

      Tuesday, January 15th, 2013 20:58

      26

      Hi Zetax,
      your suggestion about Aptana as a complete tool studio for web development is a good one, and a nice alternative. I will be exploring many different tools as we go along, and where applicable, will point out how it can be convenient to have an all-in-one solution like Aptana (which is nice because it is open source as well)

      Please keep me posted with any other great suggestions…

      Cheers!
      spence

      0
  • Anthony

    Tuesday, January 15th, 2013 13:27

    10

    Why is Chrome DevTools not list with firebug?

    0
    • Spence

      Tuesday, January 15th, 2013 18:03

      19

      Hi Anthony,
      I love Chrome Tools, and thank you for pointing them out… ;-)

      Having said that, I will suggest however, that Chrome is not my preferred development browser. I am NOT saying it is not my preferred BROWSER, only that when developing….Chrome has the unfortunate out of the box behavior of a persistent cache. This means that most newbies will be constantly struggling with the fact that Chrome does not show recent updates to the CSS until or unless one clears the cache.

      For this reason (alone), I’m leaning towards suggesting firebug stand alone and even firefox as the browser of choice to use at first. Later, after I show these nuances, anyone can use the tools of their choice (Chrome included).

      Hope this clarifies ;-)

      0
  • Matt

    Tuesday, January 15th, 2013 10:57

    2

    With desktop develpoment you can’t see your changes live? You should not be writing tutorials…

    0
    • Spence

      Tuesday, January 15th, 2013 11:40

      3

      Hi Matt,
      maybe you should watch the video again?
      I believe you have jumped to an incorrect conclusion.

      The point of that comment was to focus on the fact that when developing locally, there are certain limitations (especially for beginners) that are not obvious at first.

      One is that many beginner designers are not familiar with how to setup a local server environment so that they can test their responsive design on multiple devices (other than the test machine).

      Two, is that many plugins for WordPress will not function properly in a local development environment without quite a bit of tweaking (typically those involving dynamic user content, such as BuddyPress or bbPress, as I will show in a later, more advanced tutorial). These problems are not existent when one uses an inexpensive shared hosting account.

      So, unless one is working with a team, and requires versioning of any changes between team members, there are distinct advantages to the simplicity of using a shared hosting account for all design work.

      More importantly, this is a BEGINNERS video.

      I suggest, after more than 8500 clients using my solutions and tutorial videos since 2007, that most beginners don’t understand the nuances of desktop development beyond the basics, nor should they. As such, this video was not intended to debate these fine points… and I’m sorry that you have chosen to focus so intently on one granular point, out of context.

      Perhaps it would help if you watch one of the videos that I made for the team at Beanstalk about doing local development using Beanstalk, Tower, and Git: http://labzip.com/develop-wordpress-sites-locally-then-deploy-with-git-tower-beanstalk-thanks-chris-coyier-mark-jaquith/

      I’m sure when we get to the “advanced” stuff, you will be one of my star students ;-)

      0
  • martin

    Tuesday, January 15th, 2013 11:45

    5

    Nice selection of tools Spence, I use 3/5 mentioned. I’d suggest one more editor for mac users – komodo edit.

    0
    • Spence

      Tuesday, January 15th, 2013 11:53

      7

      Hi Martin,
      I love Komodo, and have it on my machine as well. I’ve also been playing with a half a dozen others. In the end, my choice (this week) has been smultron or text-edit (both for mac), but I often try new ones to see how they “fit” ;-)

      Thanks for the tip!!

      0
  • Brenda Scott

    Tuesday, January 15th, 2013 17:40

    18

    Fabulous series! I am loving the info you are providing….how often do you plan to release these videos? (chomping at the bit to get going!) Thank you!

    0
  • Harish

    Tuesday, January 15th, 2013 12:16

    8

    I am trying to build a new website using wordpress and currently I am in designing phase of the site. I am trying to customize the wordpress theme using it on my desktop through Wamp server. But when I try to open the further links such as xyz/next-page , they do not open on the desktop environment, however they do fine if I do the same using the live web server. But I want to test these things on my desktop first rather on live web server. But on my local desktop WP installation only root page opens and the further pages do not, that is why I am not able to see how my further pages (such as category pages, post pages) will look like while designing the theme.
    So, can you please specify what things I will and how to configure them to use.

    0
    • Spence

      Tuesday, January 15th, 2013 12:31

      9

      Hi Harish,
      sorry for your trouble, but if you will note my comment reply to Matt below, this is one of the shortcomings of using a local development environment with a dynamic content management system such as WP. There are times that some things will not work properly without tweaking your local server setup, wp-config.php file, etc.

      I have a video link below that outlines my own personal choice for a live-deployment local development server, using Git and Beanstalk. This will likely give you some pointers, and maybe solve your issue. Otherwise, I’ve found that a five dollar hosting setup is worth every penny for avoiding the headaches of configuring a local setup (if you hit a wall like you have). Once you get up and running with something online, you can then go back and see what might be causing fits on your local setup, without the frustration of getting nowhere in the meantime ;-)

      0
      • Harish

        Tuesday, January 15th, 2013 15:03

        13

        Thank you Spence :) But I do have a hosting for my site, its just that I was trying to modify its theme and instead of doing this live on server, I thought it would be better if I could do this on my machine with full functionality. But unfortunately that was not possible using dreamweaver and Wamp combination.
        But now I am using Bitnami (also suggestion in this post) and it has solved all the issues mentioned by me above. It gives me full-fledged local working environment and all the links works absolutely fine.
        Anyway thanks again for your suggestions. :)

        0
        • Spence

          Tuesday, January 15th, 2013 18:24

          25

          Awesome!!

          I admin, Bitnami was the best of the local “packaged” hosting environments for WordPress as far as working out of the box. There are several others, but they often didn’t work for one feature or another. Bitnami works almost always out of the box.

          Really glad you got it going, and now you can start putting some things into practice.

          0
    • Zetax

      Tuesday, January 15th, 2013 16:32

      16

      hellow Harish, this may not be the place to ask just a thing. because you should be talking about the article. but i’ll give you advice on it:

      if the links are being shown as 404 error pages maybe you have not allowed the permalinks to work in your wordpress install . to do this you must enable mod_rewrite in appache (in wamp server you should go to apache/apache modules and check rewrite_module

      0
      • Spence

        Tuesday, January 15th, 2013 18:22

        24

        Bravo’ Zetax,

        I would add to that also…once you enable such a mod in your local apache (again, we’re WAYYYYY over the level of Beginners to have this discussion…but why not ;-) … be sure to go back to your Settings/Permalinks tab in WordPress and “SAVE” your permalink structure to set it into the database.

        Cheers for the tip!

        0
    • Nepram

      Tuesday, January 15th, 2013 13:37

      11

      Some points for you.

      1. Install WordPress again.
      2. Set up permalink as per your wish.
      3. Don’t forget to create “single” and “page” files.
      4. For category and “other” pages, tune your codes.

      As per my knowledge, we can do anything we want on local servers. At least for beginners level. Good day :)

      0
      • Spence

        Tuesday, January 15th, 2013 18:21

        23

        Well said Nepram,

        the most common problem we find for customers on local development is to check the media library reference to /wp-content as well as permissions. I will go into this in a later tutorial, but ultimately, the cure can be by using a special bit of code in the wp-config.php file… this “tricks” the WP installation into using the relative url’s even though a typical local development installation is often different than that found on a hosted server.

        I wanted to keep this first entre’ into WordPress pretty simple…but will be happy to branch out for any folks who have good questions like this and need special tips and tricks ;-)

        0
  • Wendy

    Monday, February 25th, 2013 16:30

    39

    Spence,

    New to everything here. I’ve downloaded a WordPress theme called Tiara. It will be to showcase my photography. In order to follow your tutorial here, does the theme have to be a responsive template or can I make it responsive while I’m making the changes? Also, this firebug, if I use Chrome will it work? And last, if I have a home server that I’m putting this on for the mean time will that work for hosting for now? Is is easy to switch over to larger hosting service later on?

    Thanks-

    0
  • Paul

    Wednesday, January 16th, 2013 09:19

    28

    How does Firebug compare to Web Developer? Several years ago I tried the Firebug add-on, and it seemed to cause a lot of problems with my machine, while Web Developer seemed to work much better. Perhaps this has changed, or I may have even had a bad install that gave a bad 1st impression. Just wondering if there is a big enough difference that I should give Firebug another chance?

    0
    • Spence

      Wednesday, January 16th, 2013 10:22

      31

      Great Question Paul.

      It’s always a personal preference, and admittedly I do use Web Develop (especially the 3d tool!) often.

      For me, the reason to gravitate back to Firebug is simply the minimalism and my own familiarity with the work flow. I’ve developed a process for working with WordPress, which I will share with all of you, that requires a minimal amount of steps or tools to achieve big results.

      Having said that, if you prefer Web Developer tools… absolutely use them. There are no hard or fast rules here ;-)

      0
      • Paul

        Wednesday, January 16th, 2013 10:30

        32

        If I want to give Firebug another try, do you know if can I have both Firebug and Web Developer active at same time, or do I need to deactivate one add-on to use the other?

        0
        • Nathan

          Wednesday, January 16th, 2013 15:23

          35

          I’ve confirmed, you can have Firebug and Web Developer Toolbar open simultaneously. Cheers.

          +2
          • Spence

            Wednesday, January 16th, 2013 20:30

            37

            Yep… I use them all the time, in fact, I made a video back in June where I used the new developer version, which I still use today (super cool stuff!) See:
            http://www.youtube.com/watch?v=3eZr7EuyaCY

            You can use them together, or as needed individually ;-)

            +1
  • Alexis

    Tuesday, January 15th, 2013 10:38

    1

    Thanks for the advices!! I want to say that I use notepad++ is clean and fast, and easy to use!! :)

    0
  • Wendy

    Monday, February 25th, 2013 16:30

    39

    Spence,

    New to everything here. I’ve downloaded a WordPress theme called Tiara. It will be to showcase my photography. In order to follow your tutorial here, does the theme have to be a responsive template or can I make it responsive while I’m making the changes? Also, this firebug, if I use Chrome will it work? And last, if I have a home server that I’m putting this on for the mean time will that work for hosting for now? Is is easy to switch over to larger hosting service later on?

    Thanks-

    0
  • Paul

    Wednesday, January 16th, 2013 09:19

    28

    How does Firebug compare to Web Developer? Several years ago I tried the Firebug add-on, and it seemed to cause a lot of problems with my machine, while Web Developer seemed to work much better. Perhaps this has changed, or I may have even had a bad install that gave a bad 1st impression. Just wondering if there is a big enough difference that I should give Firebug another chance?

    0
    • Spence

      Wednesday, January 16th, 2013 10:22

      31

      Great Question Paul.

      It’s always a personal preference, and admittedly I do use Web Develop (especially the 3d tool!) often.

      For me, the reason to gravitate back to Firebug is simply the minimalism and my own familiarity with the work flow. I’ve developed a process for working with WordPress, which I will share with all of you, that requires a minimal amount of steps or tools to achieve big results.

      Having said that, if you prefer Web Developer tools… absolutely use them. There are no hard or fast rules here ;-)

      0
      • Paul

        Wednesday, January 16th, 2013 10:30

        32

        If I want to give Firebug another try, do you know if can I have both Firebug and Web Developer active at same time, or do I need to deactivate one add-on to use the other?

        0
        • Nathan

          Wednesday, January 16th, 2013 15:23

          35

          I’ve confirmed, you can have Firebug and Web Developer Toolbar open simultaneously. Cheers.

          +2
          • Spence

            Wednesday, January 16th, 2013 20:30

            37

            Yep… I use them all the time, in fact, I made a video back in June where I used the new developer version, which I still use today (super cool stuff!) See:
            http://www.youtube.com/watch?v=3eZr7EuyaCY

            You can use them together, or as needed individually ;-)

            +1
  • Humayun kabir

    Wednesday, January 16th, 2013 03:14

    27

    Recently i have created a website with WordPressv3 .During working on my site i have felt some problem.i can’t understand these problem and i will try to search in Google to solve these problem. After search i got this site & get my problem solution.Thanks for this kind of post.

    +1
    • Spence

      Wednesday, January 16th, 2013 10:19

      30

      Hi Humanyun,

      what are some of the problems you are having? If you would care to share, we could work together here to demonstrate solutions for everyone. This would be a great learning experience for many readers similar to yourself.

      -2
      • Humayun kabir

        Wednesday, January 16th, 2013 12:38

        33

        Hi Spence,
        I am working with heatmapv5 word press theme. As i am new in word press, i felt some problem like,i can not use some plugin’s Akismet, syntaxhighliter,also can’t understand many of my theme option cant edit index.php and other file .i believe that even now i have lack of knowledge about wordpress theme .Anyway i hope i can learn more from your wordpress post in future.
        Thank you so much
        From your younger brother, Hhumayun kabir,
        Bangladesh.
        My Site: http://knowledgediarybd.com/
        please check it tell me how you felt to see it?

        +1
  • Brenda Scott

    Tuesday, January 15th, 2013 17:40

    18

    Fabulous series! I am loving the info you are providing….how often do you plan to release these videos? (chomping at the bit to get going!) Thank you!

    0
  • Zetax

    Tuesday, January 15th, 2013 16:56

    17

    Hellow spence.
    nice video!
    i’m following your video series and i am very insterested in these. about this in particular i don´t have much to poin to, as it’s focused in begginers; maybe a little advice in respect to the editor you choose. i recommend to use an open software IDE like aptana wich is multiplataform and give you a lot of advantages as a begginer. theres one in particular auto-completion, if you create a wordpress project (create it’s root in the whole wp installation) you receive helpfull information about php functions (wordpress functions and so) as it is documented and you can see a suggestion list of functions every time you type the text. i´m not saying tha there are not other good IDE out there but i strongly recommend aptana because is free and because this and other features (like included git support, to point another) make the life of the begginer developer/designer easier and more: it is ligther and faster than other IDEs (like netbeans) that make’s it comfortable to use (like a normal text editor) and adds a lot more features notepad++ and other such editors don’t have. so if you are a begginer go for it.

    Spence, thanks for the video and keep going.

    PD: sorry for bad english.

    0
    • Spence

      Tuesday, January 15th, 2013 20:58

      26

      Hi Zetax,
      your suggestion about Aptana as a complete tool studio for web development is a good one, and a nice alternative. I will be exploring many different tools as we go along, and where applicable, will point out how it can be convenient to have an all-in-one solution like Aptana (which is nice because it is open source as well)

      Please keep me posted with any other great suggestions…

      Cheers!
      spence

      0
  • Martin Allien

    Tuesday, January 15th, 2013 16:02

    15

    Thanks for the video!
    I can’t wait for some WordPress optimalisation tips — one of our growing sites is getting quite slow.
    So yes, thanks for the video and please keep up that good work :)

    0
    • Spence

      Tuesday, January 15th, 2013 18:16

      22

      Hi Martin,
      I love the cache!! Show me the cache!!

      Seriously though… I have a lot of experience helping our customers to optimize WordPress. This is a whole topic by itself. Number one tip for today though… install a Cache Plugin. My personal advice is to start with QuickCache. It’s the most effective and least complicated combination.

      If you are experienced, you can try out W3TC (check out that nifty LabSecrets long-form video tutorial ;-) or SuperCache, but those come with a higher learning curve and more potential for headaches for the beginner.

      0
      • Martin Allien

        Wednesday, January 16th, 2013 13:32

        34

        Hi Spence!
        Thanks for superfast answer and all the tips :) We’ve tried SuperCache, but – as you said – it was pretty hard to set up and the result wasn’t that better. Time to try out QuickCache instead.
        Seriously thanks much and good luck on your own projects and upcoming publications ;)

        0
        • Martin Allien

          Wednesday, January 16th, 2013 17:35

          36

          You, Sir, just saved our site more than 58 % of load time! *Hats off* :)
          So thanks again and I can assure you about looking into W3TC and your tuts in the future.
          – Martin

          0
          • Spence

            Wednesday, January 16th, 2013 20:34

            38

            Now that’s what I’m talking about! ;-)

            Nice job Martin, and thanks for sharing your positive results with us!!

            0
  • Brenda Scott

    Tuesday, January 15th, 2013 15:49

    14

    Loving this series! How often do you plan to have videos out? ….. chomping at the bit to get going! :)

    0
    • Spence

      Tuesday, January 15th, 2013 18:11

      21

      Hi Brenda,

      Dainis and the whole team have been discussing how we can provide a “fast track” for anyone who wants to go that route. As such, look for some more info soon about http://1WD.tv (our member video channel).

      We were thinking it would be cool to have all the videos anyone needs, free and ready to use, along with the code base, examples, a members-forum, and more.

      Our debate is whether we would get a positive response from you readers if we suggested, for example, that the only requirement to get content and access was to setup a working sandbox website for yourself so that you could participate and share your progress with the other students.

      What do you think about the idea of making a “boot camp” video/training area where each person has their own sandbox site (I don’t know…maybe a five buck shared server account or something) that is on their profile, so we can all share and help each other over there…. no one is just sitting on their hands.

      Would this be interesting or worthwhile to you?

      0
      • Brenda Scott

        Wednesday, January 16th, 2013 09:51

        29

        I think this would be great! Absolutely!!

        Im hoping my not really knowing what the term ‘sandbox’ means wouldnt be a deterrant! :)

        0
  • David F

    Tuesday, January 15th, 2013 13:51

    12

    Hey great video. I was curious can I basically accomplish all this through dreamweaver? I connected my ftp to dreamweaver and am uploading my edits back to the host.

    0
    • Spence

      Tuesday, January 15th, 2013 18:06

      20

      While it is possible to edit with Dreamweaver, there is good reason to leave it behind when working in WordPress:

      Dreamweaver adds non-standard html markup that is not going to always work properly with WordPress when we start getting into templating and child themes. Dreamweaver is intended for self-publishing, and with my techniques for WordPress, you will see that Dreamweaver becomes unnecessary to your work flow.

      Trust me on this, I won’t let you down. I’ll get into that shortly with the upcoming tutorials.

      0
  • Anthony

    Tuesday, January 15th, 2013 13:27

    10

    Why is Chrome DevTools not list with firebug?

    0
    • Spence

      Tuesday, January 15th, 2013 18:03

      19

      Hi Anthony,
      I love Chrome Tools, and thank you for pointing them out… ;-)

      Having said that, I will suggest however, that Chrome is not my preferred development browser. I am NOT saying it is not my preferred BROWSER, only that when developing….Chrome has the unfortunate out of the box behavior of a persistent cache. This means that most newbies will be constantly struggling with the fact that Chrome does not show recent updates to the CSS until or unless one clears the cache.

      For this reason (alone), I’m leaning towards suggesting firebug stand alone and even firefox as the browser of choice to use at first. Later, after I show these nuances, anyone can use the tools of their choice (Chrome included).

      Hope this clarifies ;-)

      0
  • Harish

    Tuesday, January 15th, 2013 12:16

    8

    I am trying to build a new website using wordpress and currently I am in designing phase of the site. I am trying to customize the wordpress theme using it on my desktop through Wamp server. But when I try to open the further links such as xyz/next-page , they do not open on the desktop environment, however they do fine if I do the same using the live web server. But I want to test these things on my desktop first rather on live web server. But on my local desktop WP installation only root page opens and the further pages do not, that is why I am not able to see how my further pages (such as category pages, post pages) will look like while designing the theme.
    So, can you please specify what things I will and how to configure them to use.

    0
    • Spence

      Tuesday, January 15th, 2013 12:31

      9

      Hi Harish,
      sorry for your trouble, but if you will note my comment reply to Matt below, this is one of the shortcomings of using a local development environment with a dynamic content management system such as WP. There are times that some things will not work properly without tweaking your local server setup, wp-config.php file, etc.

      I have a video link below that outlines my own personal choice for a live-deployment local development server, using Git and Beanstalk. This will likely give you some pointers, and maybe solve your issue. Otherwise, I’ve found that a five dollar hosting setup is worth every penny for avoiding the headaches of configuring a local setup (if you hit a wall like you have). Once you get up and running with something online, you can then go back and see what might be causing fits on your local setup, without the frustration of getting nowhere in the meantime ;-)

      0
      • Harish

        Tuesday, January 15th, 2013 15:03

        13

        Thank you Spence :) But I do have a hosting for my site, its just that I was trying to modify its theme and instead of doing this live on server, I thought it would be better if I could do this on my machine with full functionality. But unfortunately that was not possible using dreamweaver and Wamp combination.
        But now I am using Bitnami (also suggestion in this post) and it has solved all the issues mentioned by me above. It gives me full-fledged local working environment and all the links works absolutely fine.
        Anyway thanks again for your suggestions. :)

        0
        • Spence

          Tuesday, January 15th, 2013 18:24

          25

          Awesome!!

          I admin, Bitnami was the best of the local “packaged” hosting environments for WordPress as far as working out of the box. There are several others, but they often didn’t work for one feature or another. Bitnami works almost always out of the box.

          Really glad you got it going, and now you can start putting some things into practice.

          0
    • Nepram

      Tuesday, January 15th, 2013 13:37

      11

      Some points for you.

      1. Install WordPress again.
      2. Set up permalink as per your wish.
      3. Don’t forget to create “single” and “page” files.
      4. For category and “other” pages, tune your codes.

      As per my knowledge, we can do anything we want on local servers. At least for beginners level. Good day :)

      0
      • Spence

        Tuesday, January 15th, 2013 18:21

        23

        Well said Nepram,

        the most common problem we find for customers on local development is to check the media library reference to /wp-content as well as permissions. I will go into this in a later tutorial, but ultimately, the cure can be by using a special bit of code in the wp-config.php file… this “tricks” the WP installation into using the relative url’s even though a typical local development installation is often different than that found on a hosted server.

        I wanted to keep this first entre’ into WordPress pretty simple…but will be happy to branch out for any folks who have good questions like this and need special tips and tricks ;-)

        0
    • Zetax

      Tuesday, January 15th, 2013 16:32

      16

      hellow Harish, this may not be the place to ask just a thing. because you should be talking about the article. but i’ll give you advice on it:

      if the links are being shown as 404 error pages maybe you have not allowed the permalinks to work in your wordpress install . to do this you must enable mod_rewrite in appache (in wamp server you should go to apache/apache modules and check rewrite_module

      0
      • Spence

        Tuesday, January 15th, 2013 18:22

        24

        Bravo’ Zetax,

        I would add to that also…once you enable such a mod in your local apache (again, we’re WAYYYYY over the level of Beginners to have this discussion…but why not ;-) … be sure to go back to your Settings/Permalinks tab in WordPress and “SAVE” your permalink structure to set it into the database.

        Cheers for the tip!

        0
  • martin

    Tuesday, January 15th, 2013 11:45

    5

    Nice selection of tools Spence, I use 3/5 mentioned. I’d suggest one more editor for mac users – komodo edit.

    0
    • Spence

      Tuesday, January 15th, 2013 11:53

      7

      Hi Martin,
      I love Komodo, and have it on my machine as well. I’ve also been playing with a half a dozen others. In the end, my choice (this week) has been smultron or text-edit (both for mac), but I often try new ones to see how they “fit” ;-)

      Thanks for the tip!!

      0
  • Janet Z.

    Tuesday, January 15th, 2013 11:40

    4

    I loved the tutorial and thank you for making it free!
    I really appreciate that you didn’t try to sell me anything to get the free product. It makes me more likely to trust that your actual products are worthwhile. So many ‘free’ items on the net are not really helpful and are used only to direct you to their sales page. That is so seriously annoying and in my opinion, dishonest. Thank you for NOT being that.

    +1
    • Spence

      Tuesday, January 15th, 2013 11:51

      6

      Hi Janet, and thanks for the kind words!

      It is very very important to all of us here at 1stWebDesigner that you and all the other readers can become empowered with knowledge and skills, without any prerequisite of buying anything. There is so much knowledge out there, and we intend to condense it for all of you into powerful tutorials that let you become comfortable enough to decide whether, or if, you want to move on to more specialized tools or software that may be commercial. For starting out, all our lessons and recommended tools will be free ;-)

      0
  • Matt

    Tuesday, January 15th, 2013 10:57

    2

    With desktop develpoment you can’t see your changes live? You should not be writing tutorials…

    0
    • Spence

      Tuesday, January 15th, 2013 11:40

      3

      Hi Matt,
      maybe you should watch the video again?
      I believe you have jumped to an incorrect conclusion.

      The point of that comment was to focus on the fact that when developing locally, there are certain limitations (especially for beginners) that are not obvious at first.

      One is that many beginner designers are not familiar with how to setup a local server environment so that they can test their responsive design on multiple devices (other than the test machine).

      Two, is that many plugins for WordPress will not function properly in a local development environment without quite a bit of tweaking (typically those involving dynamic user content, such as BuddyPress or bbPress, as I will show in a later, more advanced tutorial). These problems are not existent when one uses an inexpensive shared hosting account.

      So, unless one is working with a team, and requires versioning of any changes between team members, there are distinct advantages to the simplicity of using a shared hosting account for all design work.

      More importantly, this is a BEGINNERS video.

      I suggest, after more than 8500 clients using my solutions and tutorial videos since 2007, that most beginners don’t understand the nuances of desktop development beyond the basics, nor should they. As such, this video was not intended to debate these fine points… and I’m sorry that you have chosen to focus so intently on one granular point, out of context.

      Perhaps it would help if you watch one of the videos that I made for the team at Beanstalk about doing local development using Beanstalk, Tower, and Git: http://labzip.com/develop-wordpress-sites-locally-then-deploy-with-git-tower-beanstalk-thanks-chris-coyier-mark-jaquith/

      I’m sure when we get to the “advanced” stuff, you will be one of my star students ;-)

      0
  • Alexis

    Tuesday, January 15th, 2013 10:38

    1

    Thanks for the advices!! I want to say that I use notepad++ is clean and fast, and easy to use!! :)

    0

Comments are closed.

54.196.189.229 - unknown - unknown - US