0
Setting up a Local Test Environment by  David Cook iCourses-Ottawa http://www.icoursesottawa.com
Agenda <ul><li>Introduction </li></ul><ul><li>Why You Want a Development Environment </li></ul><ul><li>Requirements for a ...
Why You Want a Development Environment <ul><li>Experimenting with New Features </li></ul><ul><li>Plugin Testing </li></ul>...
Requirements for Local Development Environment <ul><li>Install a local Server </li></ul><ul><li>(Mac: MAMP  PC: XAMPP or W...
MAMP / WAMP / XAMPP Intro <ul><li>M  – Mac W  - Windows </li></ul><ul><li>A  – Apache Server A  – Apache Server </li></ul>...
MAMP / WordPress Install <ul><li>http://www.mamp.info/en/index.html </li></ul><ul><li>http://wordpress.org/ </li></ul>
<ul><li>Should See: </li></ul><ul><li>Apache – 8888  </li></ul><ul><li>MySQL – 8889 </li></ul>http://www.icoursesottawa.com
<ul><li>Click on the MySQL Tab </li></ul><ul><li>Click on Launch phpMyAdmin </li></ul>http://www.icoursesottawa.com
<ul><li>Create a new database called  “wordpress” </li></ul><ul><li>Click on create </li></ul>
Open the wp-config-sample.php file with your favorite editor
Change DB_NAME to  “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “root” Change DB_HOST to localhost:8889...
Go to Applications Go to MAMP Open htdocs Copy your Unzipped WordPress file In Safari go to http://localhost:8888/wordpres...
Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in yo...
WAMP / WordPress Install <ul><li>http://www.wampserver.com/en/ </li></ul><ul><li>http://wordpress.org/ </li></ul>
Install WAMPServer <ul><li>Install the WAMPServer by clicking on the .exe file </li></ul><ul><li>Click on run </li></ul><u...
<ul><li>Download WordPress at  http://wordpress.org/download/ </li></ul><ul><li>Left click on the  semicircle on your task...
<ul><li>Open PHPmyadmin from your wamp menu </li></ul><ul><li>Create a new Database ( ‘wordpress‘ or ‘blog‘ are good). Lea...
Change DB_NAME to  “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “” Change DB_HOST to “ localhost: ” Sav...
<ul><li>Put WordPress files in the root directory in the www directory folder. </li></ul><ul><li>Change index file to inde...
Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in yo...
XAMPP / WordPress Install <ul><li>http://www.apachefriends.org/en/xampp.html </li></ul><ul><li>http://wordpress.org/ </li>...
On Win 7, make sure you download the installer. I had problems with the zip files.
Double Click on the installer from your downloads file
Press OK here
Install
Click on the control panel. Start the Apache Server Start the MySql
Create new DB called “ wordpress_db ”
Create New User called “ wordpress_user ” Give a password  (remember the password!!!)
 
define('DB_NAME', 'wordpress_db'); define('DB_USER', 'wordpress_user'); define('DB_PASSWORD', 'typeyourpasswordhere'); def...
<ul><li>Put WordPress files in the root directory in the htdocs directory folder. </li></ul><ul><li>Go  http://localhost/w...
Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in yo...
Migration to a Live Environment <ul><li>Backup everything </li></ul><ul><li>Change Dev URL </li></ul><ul><li>Export WordPr...
QUESTIONS David Cook iCourses-Ottawa http://www.icoursesottawa.com
Upcoming SlideShare
Loading in...5
×

Set up dev environment

3,241

Published on

How to set up a local WordPress Development Environment with MAMP / WAMP / or XAMPP

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,241
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
46
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • Transcript of "Set up dev environment"

    1. 1. Setting up a Local Test Environment by David Cook iCourses-Ottawa http://www.icoursesottawa.com
    2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Why You Want a Development Environment </li></ul><ul><li>Requirements for a Development Environment </li></ul><ul><li>MAMP / WAMP / XAMPP Intro </li></ul><ul><li>MAMP / WordPress Install </li></ul><ul><li>WAMP / WordPress Install </li></ul><ul><li>XAMPP / WordPress Install </li></ul><ul><li>Migration from Development Environment to Live Environment Solutions </li></ul><ul><li>Questions </li></ul>
    3. 3. Why You Want a Development Environment <ul><li>Experimenting with New Features </li></ul><ul><li>Plugin Testing </li></ul><ul><li>Theme Testing </li></ul><ul><li>Plugin Design </li></ul><ul><li>Theme Design </li></ul><ul><li>Work-Offline </li></ul><ul><li>Client Review </li></ul><ul><li>Just Playing </li></ul><ul><li>Development & Migration </li></ul>
    4. 4. Requirements for Local Development Environment <ul><li>Install a local Server </li></ul><ul><li>(Mac: MAMP PC: XAMPP or WAMP) </li></ul><ul><li>Create a new Database </li></ul><ul><li>Download WordPress and extract new files. </li></ul><ul><li>Rename the wp-config-sample.php file to wp-config.php and update database details </li></ul><ul><li>Run wp--admin/install.php and follow WP install instructions. </li></ul>
    5. 5. MAMP / WAMP / XAMPP Intro <ul><li>M – Mac W - Windows </li></ul><ul><li>A – Apache Server A – Apache Server </li></ul><ul><li>M – MySQL M – MySQL </li></ul><ul><li>P – PHP P – PHP </li></ul><ul><li>X – X86 Machine (Mac/PC/Linux) </li></ul><ul><li>A – Apache Server </li></ul><ul><li>M – MySQL </li></ul><ul><li>P – PHP </li></ul><ul><li>P – Perl </li></ul>
    6. 6. MAMP / WordPress Install <ul><li>http://www.mamp.info/en/index.html </li></ul><ul><li>http://wordpress.org/ </li></ul>
    7. 7. <ul><li>Should See: </li></ul><ul><li>Apache – 8888 </li></ul><ul><li>MySQL – 8889 </li></ul>http://www.icoursesottawa.com
    8. 8. <ul><li>Click on the MySQL Tab </li></ul><ul><li>Click on Launch phpMyAdmin </li></ul>http://www.icoursesottawa.com
    9. 9. <ul><li>Create a new database called “wordpress” </li></ul><ul><li>Click on create </li></ul>
    10. 10. Open the wp-config-sample.php file with your favorite editor
    11. 11. Change DB_NAME to “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “root” Change DB_HOST to localhost:8889 Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
    12. 12. Go to Applications Go to MAMP Open htdocs Copy your Unzipped WordPress file In Safari go to http://localhost:8888/wordpress/wp-admin/install.php
    13. 13. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
    14. 14. WAMP / WordPress Install <ul><li>http://www.wampserver.com/en/ </li></ul><ul><li>http://wordpress.org/ </li></ul>
    15. 15. Install WAMPServer <ul><li>Install the WAMPServer by clicking on the .exe file </li></ul><ul><li>Click on run </li></ul><ul><li>Click “yes” to upgrade/clean up install </li></ul><ul><li>Click “next” after you “accept the agreement” </li></ul><ul><li>Click next (to use default installation folder) </li></ul><ul><li>Click next (check boxes as desired) </li></ul><ul><li>Click “yes” to select browser discovered </li></ul><ul><li>Leave Localhost in SMTP and insert your email address, click next </li></ul><ul><li>Click Finish </li></ul>http://www.icoursesottawa.com
    16. 16. <ul><li>Download WordPress at http://wordpress.org/download/ </li></ul><ul><li>Left click on the semicircle on your taskbar. </li></ul><ul><li>Open up the www directory. </li></ul><ul><li>Drag the WordPress folder into the www directory. </li></ul>
    17. 17. <ul><li>Open PHPmyadmin from your wamp menu </li></ul><ul><li>Create a new Database ( ‘wordpress‘ or ‘blog‘ are good). Leave Collation. Click Create. </li></ul><ul><li>Click Go . </li></ul>
    18. 18. Change DB_NAME to “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “” Change DB_HOST to “ localhost: ” Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
    19. 19. <ul><li>Put WordPress files in the root directory in the www directory folder. </li></ul><ul><li>Change index file to indexWAMP.php </li></ul><ul><li>Go to http://localhost/wp-admin/install.php </li></ul><ul><li>Follow install steps </li></ul>
    20. 20. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
    21. 21. XAMPP / WordPress Install <ul><li>http://www.apachefriends.org/en/xampp.html </li></ul><ul><li>http://wordpress.org/ </li></ul>
    22. 22. On Win 7, make sure you download the installer. I had problems with the zip files.
    23. 23. Double Click on the installer from your downloads file
    24. 24. Press OK here
    25. 25. Install
    26. 26. Click on the control panel. Start the Apache Server Start the MySql
    27. 27. Create new DB called “ wordpress_db ”
    28. 28. Create New User called “ wordpress_user ” Give a password (remember the password!!!)
    29. 30. define('DB_NAME', 'wordpress_db'); define('DB_USER', 'wordpress_user'); define('DB_PASSWORD', 'typeyourpasswordhere'); define('DB_HOST', 'localhost'); Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
    30. 31. <ul><li>Put WordPress files in the root directory in the htdocs directory folder. </li></ul><ul><li>Go http://localhost/wordpress/wp-admin/install.php </li></ul><ul><li>Follow install steps </li></ul>
    31. 32. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
    32. 33. Migration to a Live Environment <ul><li>Backup everything </li></ul><ul><li>Change Dev URL </li></ul><ul><li>Export WordPress DB </li></ul><ul><li>Upload Local WordPress files to Live Site </li></ul><ul><li>Login to your cPanel, go to MySql, Create DB </li></ul><ul><li>Change wp-config.php information. </li></ul><ul><li>Add WP Database, Create new user w/all privileges </li></ul><ul><li>Upload your exported WP DB with PHPmyadmin. </li></ul><ul><li>Excellent detailed video on the process here: </li></ul><ul><li>http://www.youtube.com/watch?v=cM9Z8aQTCvQ </li></ul>
    33. 34. QUESTIONS David Cook iCourses-Ottawa http://www.icoursesottawa.com
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×