Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Xampp & Wordpress

April 27th, 2009 in Screencasts, Wordpress Tutorials by Richard Carpenter

Xampp & Wordpress

1 Star2 Stars3 Stars4 Stars5 Stars9 Votes, Rating: 4.56
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 322 posts.

Good evening everybody today il be doing a quick tutorial on install wordpress to use with XAMPP.


New Screencast

Written Tutorial

When developing websites or wordpress themes i always use xampp as it makes life so much easier. Basically the program allows you to use your computer as a server, saving you time & bandwith uploading to servers online. Firstly your going to need xampp and a fresh copy of wordpress, you can get wordpress from wordpress.org and xampp from apachefriends.org. Once you’ve downloaded both, extract wordpress to a folder on your desktop and install xampp. After xampp has installed open up your hard drive and locate the xampp folder, inside the xampp folder there should be a folder called “htdocs”.

Step1

The “htdocs” folder is where you’ll place your wordpress installation, website ,script etc… Copy your wordpress folder into the htdocs folder make sure the wordpress folder aint a wordpress folder within a wordpress folder. The contents of the wordpress folder should be on the next level. Open your wordpress folder and rename the file “wp-config-sample.php” to “wp-config.php”. Open the “wp-config.php” file you should be greeted with some PHP, the only chunk of code you need to edit are listed on the image below.

Step2

You need to enter a database name, username and password. Make sure you remember them, save your file then start up xampp, when you load xampp you’ll be greeted with a box like this.

Step3

The only two functions you need running are the first two. “apache & mysql”, press start on the two services. Your computer is now running as a server using the “htdocs” folder as your main server directory. Open your web browser and type “http://localhost”.

Step4

You should get a big orange website come up called xampp, in the sidebar under tools click “phpmyadmin”. In phpmyadmin you need to create a new database, the database has to be the same as what ever you put in your wordpress config file.

Step5

Once the database has been created click the privilages tab and create a new user. Make sure the username and password are the same as your wordpress config file. Point your browser to “http://localhost/wordpress” you should get the wordpress installation page, enter your blog title and e-mail address. Take note of the username and password that comes up on the next screen its wise to change the password to something more rememberable. Your wordpress installation is complete. You can now start adding your themes into the normal theme directory as you would if you were on a server online. You can also look at any offline webpages you might have, just create a folder called “what ever” inside the “htdocs” folder, place your index.html file inside the “what ever” folder. Point your browser to “http://localhost/what ever folder/index.html.

Many thanks for reading, dont forget to subscribe via rss and twitter, your support is much appreciated. See you soon.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

33 Responses to “Xampp & Wordpress”

  1. Directory marocplus says:

    Thank you very much

  2. Abraham says:

    I get an “Error Establishing Database Connection” page when i point my browser to localhost/wordpress? What did i do wrong, can you please help?

    Thanks

  3. ADMIN says:

    double check your database username and password, they need to be the same as in your wordpress config file.

    also double check that apache and mysql are running

  4. Tollboy says:

    Great! I have been looking for a way to install wordpress locally to do themes. I really have not looked all that hard to be honest, but now I don’t have to. Thanks for the tut.

  5. Abraham says:

    Thank you!

  6. Stephen says:

    Weird! I just did thie EXACT same thing this morning. I’ve got a couple of things to work out and I thought this would be an easier way to do it…Weird……..Are you reading my mind?

  7. Erik says:

    Extremely useful! Especially with the focus on Wordpress design and development automation-

  8. Dark_Xxxx says:

    I was really looking for one of these tuts, your the best!!

  9. ADMIN says:

    many thank for your replys

  10. Dark_Xxxx says:

    When i put in http://localhost/wordpress/, this comes up:

    Fatal error: Call to undefined function get_header() in C:\xampp\htdocs\wordpress\index.php on line 1

    Any ideas? Didn’t change anything but the wp-config-sample to wp-config

  11. ADMIN says:

    @dark xxxx

    that sounds like an error within the wordpress theme your using. are you using a fresh wordpress install?

  12. Stefan Smit says:

    Great screencast / tutorial. I was looking for this. The installation on a Mac works also fine. I also had an first error with the database (like Abraham). My MySQL password was empty in phpMyAdmin, I had to fill it in again and now it works like a charm. Thank you HV designs!

  13. Predator7 says:

    I think Wamp Server (or Mamp Server for Mac) is way more easy to use than Xampp.

  14. Nick says:

    Thanks but can you tell me how other people can see the site? for showing it.,,, Without put it on a webserver

  15. ADMIN says:

    @NICK

    other people cant. unless you have setup your p.c as a webserver. im not sure how you’d go about actually using xampp to run your website online.

    the whole idea of this tutorial is so people can use xampp to develop there sites offline.

  16. Nick says:

    Yes thats also what i do, But i want to show it to my clients but i dont know how. its posible. but anyway thanks

  17. Marius says:

    Thank you for a great little tutorial!

  18. Raptor says:

    Thank you!

  19. Luke says:

    Yay!

    Finally a screencast, can’t wait for some more :-)

  20. sesli sohbet says:

    Thanks AdmiNs

  21. bob says:

    ive tried to install it like 5 times but keep getting this error
    Error establishing a database connection
    ive double checked everything but it still doesnt work:( anyhelp

  22. Andy says:

    this was so incredibly helpful

  23. EC says:

    So thats how you sound? O.O woow

  24. Richard Carpenter says:

    lol yea, horrilable english accent

  25. EC says:

    No its cool! I like when you really can hear it :P

    nothing offence!!! dont punish, i had in mind your voice would be deeper o.O kinda cause every cool person i know have a deep dark voice xD

  26. Flux3 says:

    Great SC, nice to watch one with a UK accent for a change. Il’l give this a go later.

    How about a screencast for the Cubecart elements of your ‘Shopping Cart Design Mockup’. Iv been deliberating on the best cart software to use but need to know how flexible the designs can be.

  27. Flux3 says:

    oh and to save others the hassle you might find that the apache server doesnt start properly which could be many things (solutions on the Apachefriends.org site) but one quick one to eliminate is

    SWITCH OFF SKYPE.

    If this solves the problem you can re-open Skype and change the port it uses from 80 (actions–> option –> connection (more info at apachefriends.org)

  28. beastriker says:

    thanx for the post,
    still i use the denwer instead.
    http://www.denwer.ru/

  29. michele says:

    Great , form italy . I use a bitnami for create a local server ;)

  30. Problem says:

    Warning: strtotime() [function.strtotime]: It is not safe to rely on the system’s timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected ‘Europe/Paris’ for ‘2.0/DST’ instead in C:\xampp\htdocs\wordpress\wp-includes\functions.php on line 35

    Warning: date() [function.date]: It is not safe to rely on the system’s timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected ‘Europe/Paris’ for ‘2.0/DST’ instead in C:\xampp\htdocs\wordpress\wp-includes\functions.php on line 43

    what is this..???please help me…

  31. Regida says:

    thanks this is very helpfull

  32. SkullTraill says:

    Cool. Too bad you cut off the vid before actually finishing talking :P

Leave a Reply