{"id":3279,"date":"2019-11-08T18:21:28","date_gmt":"2019-11-08T23:21:28","guid":{"rendered":"http:\/\/teamtutorials.com\/?p=3279"},"modified":"2019-11-08T19:33:49","modified_gmt":"2019-11-09T00:33:49","slug":"how-to-setup-a-local-development-environment-for-wordpress","status":"publish","type":"post","link":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress","title":{"rendered":"How to Setup a Local Development Environment for WordPress"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4i64Q01poyQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This tutorial will help you set up a local development environment for your WordPress site on your Mac or Windows desktop. We&#8217;ll also show you how to backup and import the data from your live website into the local environment for testing.<\/p>\n<p>For this tutorial, I will be using a Mac but the MAMP software is available for both Mac and Windows. Windows users should generally be able to follow this tutorial with some slight tweaks.<\/p>\n<h2>Prerequisites and assumptions<\/h2>\n<p>For this tutorial you will need the following:<\/p>\n<ul>\n<li>A Local Mac or Windows desktop<\/li>\n<li>An already live WordPress site hosted on your own server (WordPress.org not WordPress.com)<\/li>\n<li>The site should be hosted on a platform that includes the cPanel control panel application.\n<ul>\n<li>If you don&#8217;t have cPanel you will need to be able to make a backup of your site and database via your hosting provider on your own<\/li>\n<\/ul>\n<\/li>\n<li>Access to both your files via FTP or SSH and the ability to backup your database.<\/li>\n<li>A local SQL client to connect to your local database and import data<\/li>\n<\/ul>\n<h2>Installing MAMP<\/h2>\n<p>MAMP is a software suite that allows you to run apache, MySQL, and PHP locally on mac or windows. There is a free version and a paid version of MAMP that includes many more features. For this tutorial, I will use the free version of the MAMP software to set up a local WordPress development environment. You might want to look into the MAMP Pro software if you&#8217;re looking to do some more advanced local hosting. like having multiple sites and hostnames.<\/p>\n<p>Go to the <a href=\"https:\/\/www.mamp.info\/en\/downloads\/\">MAMP Downloads<\/a> page and select the package for your operating system. I&#8217;ll download the Mac package since I&#8217;m using a Mac.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3290\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01-1024x573.png\" alt=\"\" width=\"660\" height=\"369\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01-1024x573.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01-590x330.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01-768x429.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_01-610x341.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Once the file is downloaded it open the installer and follow the instructions. There really aren&#8217;t many choices so I won&#8217;t screenshot them. Just pick the default settings.<\/p>\n<p>Now you will have two applications installed. MAMP and MAMP Pro. For this tutorial, you want to launch MAMP. In my case, it was installed inside a folder call MAMP. So I will launch the non-pro version of MAMP.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3295\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1-1024x656.png\" alt=\"mamp control panel\" width=\"660\" height=\"423\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1-1024x656.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1-590x378.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1-768x492.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1-610x391.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_02-1.png 1074w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>On the MAMP control panel click on &#8220;start servers&#8221;. Once the servers are started you want to go to the MAMP preferences from the top menu. On Mac, this is done on the menu bar. In Windows, this is probably under the File menu.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3298\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03-1024x626.png\" alt=\"mamp menu bar\" width=\"660\" height=\"403\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03-1024x626.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03-590x361.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03-768x470.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03-610x373.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_03.png 1236w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Now the preferences panel will open. You want to click on the &#8220;Web Server&#8221; tab and take not of the &#8220;Document Root&#8221; folder. This is where you will store your files.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3300\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1-1024x648.png\" alt=\"mamp document root\" width=\"660\" height=\"418\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1-1024x648.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1-590x373.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1-768x486.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1-610x386.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_04-1.png 1068w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Now open the document root folder and keep it for later. I changed mine to my home directory &gt; sites so it&#8217;s easier for me to remember.<\/p>\n<p>MAMP is set up and ready for us to use. Next, we&#8217;ll back up our production site.<\/p>\n<h2>Backing Up Your Live\/Production WordPress Site<\/h2>\n<p>Now we need to back up the WordPress files and database from cPanel. Log into cPanel on your website. Hint: it&#8217;s usually port 8082 on your domain. So for me it would be teamtutorials.com:2082<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-3305\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05.png\" alt=\"cpanel login\" width=\"814\" height=\"754\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05.png 814w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05-590x547.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05-768x711.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_05-610x565.png 610w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/a><\/p>\n<p>In cPanel locate the &#8220;backup&#8221; link and click it.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3314\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1-1024x573.png\" alt=\"cpanel home select backups\" width=\"660\" height=\"369\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1-1024x573.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1-590x330.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1-768x429.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_06-1-610x341.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>On the backup screen scroll down to &#8220;Download a Home Directory Backup&#8221;. Click the &#8220;Home Directory&#8221; button and save this in a place you will remember. This download may take some time depending on how large your site is.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3315\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1-1024x513.png\" alt=\"cpanel home directory download\" width=\"660\" height=\"331\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1-1024x513.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1-590x296.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1-768x385.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_07-1-610x306.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Next got to the &#8220;Download a MySQL Database Backup&#8221; and click on the name of your WordPress database. In my case, it&#8217;s called &#8220;teamc4_wrdp1&#8221;. Download this file to the same location as your other backup.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3316\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1-1024x513.png\" alt=\"\" width=\"660\" height=\"331\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1-1024x513.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1-590x296.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1-768x385.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_08-1-610x306.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>That&#8217;s all it takes to backup your WordPress files and database using cPanel.<\/p>\n<h2>Importing Your Files to MAMP<\/h2>\n<p>Once your files have completed downloading you are going to want to extract the home directory backup. Mine is called &#8220;backup-teamtutorials.com-11-8-2019.tar.gz&#8221;. I&#8217;ll extract this on Mac by double-clicking it. You may need another utility like 7zip to extract the files on Windows.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3319\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09-1024x578.png\" alt=\"extract the archive\" width=\"660\" height=\"373\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09-1024x578.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09-590x333.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09-768x433.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09-610x344.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_09.png 1538w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Next, we need to copy the contents of the &#8220;public_html&#8221; folder into the document root folder that I\u00a0 mention earlier. Mine is \/jward\/sites\/. So I copy only the contents of <strong>\/downloads\/backup-teamtutorials.com-11-8-2019\/public_html\/<\/strong> into <strong>\/jward\/sites\/<\/strong> (which is my root directory for MAMP).<\/p>\n<h2>Create a MySQL Database in MAMP<\/h2>\n<p>The next step is to create and import your database into MAMP. First, we will use PHPMyAdmin to create a database. Open PHPMyAdmin.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3322\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10-1024x555.png\" alt=\"open phpmyadmin\" width=\"660\" height=\"358\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10-1024x555.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10-590x320.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10-768x417.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_10-610x331.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>In PHPMyAdmin we can create a new database. We&#8217;re going to give it the same name as our WordPress database. In my case, it will be called &#8220;teamc4_wrdp1&#8221;. Click on the database table, enter the name of your WordPress database and click create.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3323\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11-1024x513.png\" alt=\"phpmyadmin create a database\" width=\"660\" height=\"331\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11-1024x513.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11-590x296.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11-768x385.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_11-610x306.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<h2>Import Your WordPress Database<\/h2>\n<p>Now we&#8217;ll import our WordPress data into the database we just created. To do this you need a SQL client on your desktop. I use <a href=\"https:\/\/sequelpro.com\/download#auto-start\">SequelPro<\/a> on Mac. <a href=\"https:\/\/www.heidisql.com\/download.php\">HeidiSQL<\/a> is a good option on Windows.<\/p>\n<p>Open your client and create a new connection to your local database. The user name and password are &#8220;root&#8221;. The port is 8889 and the host is 127.0.0.1 (default local IP address).<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3325\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12-1024x680.png\" alt=\"sequel pro connection setup\" width=\"660\" height=\"438\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12-1024x680.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12-590x392.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12-768x510.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12-610x405.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_12.png 1892w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Then I&#8217;m going to select my new database.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3326\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13-1024x890.png\" alt=\"sequel pro select the database\" width=\"660\" height=\"574\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13-1024x890.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13-590x513.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13-768x668.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13-610x530.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_13.png 1162w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Now we need to go back to our download folder and unzip the SQL file.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3327\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14-1024x575.png\" alt=\"extract the sql file\" width=\"660\" height=\"371\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14-1024x575.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14-590x332.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14-768x432.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14-610x343.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_14.png 1534w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Now we need to open the SQL file with our SQL client. This file is rather large so you will get a warning. Click import. When you do this SequelPro will create the tables for you. If you are on Windows you may have to open and then execute the .sql file to create the tables.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3329\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1024x684.png\" alt=\"import the sql to sequel pro\" width=\"660\" height=\"441\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1024x684.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-590x394.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-768x513.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-610x408.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15.png 1898w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>It may take some time to import the SQL. Once loaded you need to execute the SQL to create all of your database tables from the production WordPress environment.<\/p>\n<p>Now you need to change the URL for the development blog. In SequelPro select the &#8220;wp-options&#8221; tables. Double click on the &#8220;siteurl&#8221; field and enter &#8220;http:\/\/localhost:8888&#8221; as your new URL.<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3335\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1-1024x684.png\" alt=\"change wordpress url\" width=\"660\" height=\"441\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1-1024x684.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1-590x394.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1-768x513.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1-610x408.png 610w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_15-1.png 1892w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<h2>Updating the wp-config.php<\/h2>\n<p>We need to update wp-config.php to point to our local database. Go to your web root folder and open the wp-config.php file in your favorite editor. The database name should be the same if you followed the direction above. The DB_USER should be &#8220;root&#8221; and the DB_PASSWORD should be &#8220;root&#8221; for the local environment. You also want to make sure the DB_HOST is &#8220;localhost&#8221;. Save this file.<\/p>\n<pre class=\"lang:php decode:true\">define('DB_NAME', 'teamc4_wrdp1'); \/\/ The name of the database \r\ndefine('DB_USER', 'root'); \/\/ Your MySQL username \r\ndefine('DB_PASSWORD', 'root'); \/\/ ...and password \r\ndefine('DB_HOST', 'localhost');<\/pre>\n<h2>Check the Development Site<\/h2>\n<p>Now that you have configured everything you need to get your WordPress site running on MAMP it&#8217;s time to test it. Open your browser and browse to <a href=\"http:\/\/localhost:8888\"><strong>http:\/\/localhost:8888<\/strong><\/a><\/p>\n<p>You should now be able to access your development site:<\/p>\n<p><a href=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-3338\" src=\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16-1024x646.png\" alt=\"view your local wordpress development site on mamp\" width=\"660\" height=\"416\" srcset=\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16-1024x646.png 1024w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16-590x372.png 590w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16-768x484.png 768w, https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/mamp_16-610x385.png 610w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><em>*You&#8217;ll notice above that my theme looks a little bit different. I had a problem with my child theme and had to disable it. I will look into that issue later.<\/em><\/p>\n<p>You can log into your WordPress admin panel at <a href=\"http:\/\/localhost:8888\/wp-admin\">http:\/\/localhost:8888\/wp-admin<\/a><\/p>\n<h2>Conclusion<\/h2>\n<p>I hope this tutorial has helped you make a development version of your WordPress site on your local maching using MAMP. If you have any questions please leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This tutorial will help you set up a local development environment for your WordPress site on your Mac or Windows desktop. We&#8217;ll also show you how to backup and import &#8230; <a title=\"How to Setup a Local Development Environment for WordPress\" class=\"read-more\" href=\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress\" aria-label=\"More on How to Setup a Local Development Environment for WordPress\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[23],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Setup a Local Development Environment for WordPress<\/title>\n<meta name=\"description\" content=\"Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Johnathan Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teamtutorials.com\/#website\",\"url\":\"https:\/\/teamtutorials.com\/\",\"name\":\"Team Tutorials\",\"description\":\"Learn something new today\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teamtutorials.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/wordpress.png\",\"contentUrl\":\"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/wordpress.png\",\"width\":1000,\"height\":440},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#webpage\",\"url\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress\",\"name\":\"How to Setup a Local Development Environment for WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/teamtutorials.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#primaryimage\"},\"datePublished\":\"2019-11-08T23:21:28+00:00\",\"dateModified\":\"2019-11-09T00:33:49+00:00\",\"author\":{\"@id\":\"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9\"},\"description\":\"Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This\",\"breadcrumb\":{\"@id\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teamtutorials.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Setup a Local Development Environment for WordPress\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9\",\"name\":\"Johnathan Ward\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/teamtutorials.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r\",\"caption\":\"Johnathan Ward\"},\"description\":\"Johnathan Ward is an experienced developer and consultant that writes tutorials to help other developers. In his day job, he is an IBM Watson Consultant with several years of experience deploying and customizing Watson Explorer solutions.\",\"sameAs\":[\"http:\/\/johnathanward.com\",\"https:\/\/twitter.com\/spyderman4g63\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Setup a Local Development Environment for WordPress","description":"Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress","twitter_misc":{"Written by":"Johnathan Ward","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/teamtutorials.com\/#website","url":"https:\/\/teamtutorials.com\/","name":"Team Tutorials","description":"Learn something new today","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teamtutorials.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#primaryimage","inLanguage":"en-US","url":"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/wordpress.png","contentUrl":"https:\/\/teamtutorials.com\/wp-content\/uploads\/2019\/11\/wordpress.png","width":1000,"height":440},{"@type":"WebPage","@id":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#webpage","url":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress","name":"How to Setup a Local Development Environment for WordPress","isPartOf":{"@id":"https:\/\/teamtutorials.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#primaryimage"},"datePublished":"2019-11-08T23:21:28+00:00","dateModified":"2019-11-09T00:33:49+00:00","author":{"@id":"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9"},"description":"Are you developing a WordPress site but want to make changes locally before applying them to your live site? Tired of breaking things in production? This","breadcrumb":{"@id":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/teamtutorials.com\/web-development-tutorials\/wordpress-tutorials\/how-to-setup-a-local-development-environment-for-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teamtutorials.com\/"},{"@type":"ListItem","position":2,"name":"How to Setup a Local Development Environment for WordPress"}]},{"@type":"Person","@id":"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9","name":"Johnathan Ward","image":{"@type":"ImageObject","@id":"https:\/\/teamtutorials.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r","caption":"Johnathan Ward"},"description":"Johnathan Ward is an experienced developer and consultant that writes tutorials to help other developers. In his day job, he is an IBM Watson Consultant with several years of experience deploying and customizing Watson Explorer solutions.","sameAs":["http:\/\/johnathanward.com","https:\/\/twitter.com\/spyderman4g63"]}]}},"_links":{"self":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts\/3279"}],"collection":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/comments?post=3279"}],"version-history":[{"count":0,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts\/3279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/media?parent=3279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/categories?post=3279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/tags?post=3279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}