Subscribe Via RSS

3910 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 Stars15 Votes, Rating: 4.60
Loading ... Loading ...

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.

About The Author

About The Author: Richard Carpenter

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

 

Richard Carpenter has written 364 posts.

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

53 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

  33. Risin says:

    Brilliant..!! I want more.. :D

    Btw could you do something with CSS ? Or with jQuery?
    Thank you!

    thanks

  34. KaRa says:

    Thanks Admin Nice Post

  35. sesli says:

    Thank you for the information your provide.

  36. dns says:

    Hi Richard,

    I am currently using WAMP server in my localhost, do you think XAMPP is way better than WAMP? Will wait for your response thanks.=)

  37. immobilizer Anahtar says:

    immobilizer anahtar

  38. Mike says:

    Hey great info, best Iv seen so far. Im having a problem though and can’t seem to figure it out. Ive downloaded Xampp 3 different times now and each time I go to the Localhost page and everything seems to work and be in place except the Tools on the left side of the page? I know I need phpMyAdmin link to download WordPress but I can do that without it. Any ideas why this isn;t showing up? Did I do something in the download process wrong 3 times?

  39. OpticX86 says:

    Wow, that’s pretty cool. However, if we already have a web-hosting site with php and sql would you still recommend using Xampp?

  40. Leona says:

    Hi, thank you, been looking for something like this for a while now…. Thank you :)

  41. Martijn van Erp says:

    Thank you for making this toturial!
    I’ve never actualy tried to write/publish my own blog, but it’s allways handy to have one!

  42. Dillon Chaffey says:

    This is a good tutorial. I have now installed a local version of WordPress and am still wondering whether or not I would be able to host this site worldwide, without hosting fees? I ask this as I am currently a student running a technology website and am reserving money for the purchase of server hardware. Any suggestions would be greatly appreciated. Thank you in advance!

  43. George says:

    Thank you, so much for this tutorial! :)

  44. Aamir says:

    itx not working… please solve this issue i found below mention error
    Error establishing a database connection

    Aamir

  45. Edward Steve says:

    Thanks a lot for the tutorial. I had some prob with this like Abraham. May I’ll manage it now. If I’ll have it I’ll let you know. I guess You’ll be able to help me.

  46. Cyndi says:

    I know this is about two years late, but I found this blog while looking for help on the same error Dark_Xxxx had:

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

    After closer scrutiny of all of my settings, I realized I had used WordPress instead of wordpress in some spots. Changing to all lower case fixed the problem. Hope this helps someone else!

  47. arjun aswal says:

    hey your posts are so good..Brother if i want to show some of your contents in my website than will u mind it?? i’ll give your website link in my website.

  48. Aaron says:

    You can not copy and paste any of our tutorials fully but you can post snippets of the tutorial and link back to the tutorial page.

  49. haris says:

    not working on my pc bro…

    error: Your PHP installation appears to be missing the MySQL extension which is required by WordPress.

    plz tell me, what i do now..

  50. Edward says:

    Solved!

    Inside wp-config.php file, double-check that your server IP address is entered correctly. On my PC, I had to enter its actual IP address NOT “localhost” or “127.0.0.1″

  51. sesliserbestchat says:

    latinium seo eklentisi bana göre en güzel seo all inden daha güzel. editör çok güzel anlatm?? i?ime yarayacaklar? kullanaca??m te?ekürler

Leave a Reply