How To Create a Local Website Using MAMP

Written by kaributas

2019-09-25

When you develop locally, you’re developing on your computer. Unlike using standard HTML and CSS website, which can easily be developed on your computer, WordPress requires certain resources: My Apache, MySQL, and PHP.

MAMP creates a local development server, that allows WordPress to run on your computer. The reason you would want to develop locally is that you can develop without any preying eyes – the website is not live and only for your eyes to see. You can release it only when you feel it’s ready.

I’m using MAC, therefore the software I’ll be using is dedicated to macOS, called MAMP. If you’re a Windows user, you can check WAMP instead. Unfortunately, this article will only cover setting a local server using MAMP.

Step 1: Downloading MAMP

There are two flavors of MAMP: standard and pro. The regular version is free and has all the necessary functionality to do everything you need to develop a WordPress website. On the other hand, you can start with the paid version, but really… Who does that?

Shows the option to download MAMP for MAC or Windows operating system

The first step is the easiest one. Simply select the version of MAMP accordingly to your operating system. In my case, I’m using MAC, so I’ll go with that option. Once downloaded, install the system.

Installation window of MAMP program

 

Installation Window Of MAMP

Once installed, you’ll be able to find MAMP on the Applications. Simply filter your
applications by date to find it easily. Note:
there will be two MAMP files – the application
pro version called MAMP PRO and the file
folder for the MAMP. Select the latter. As of the day of writing, the MAMP
comes with the free PRO version that has 14 days of trial.

Once in the folder select MAMP logo to launch the program
and press Start Servers to start.

When the servers are all up and running, a new site will
open on your browser. In the site, you’ll need to find your MySQL section where
you’ll find a Host name, user and password, that will be needed in the next
step.

Step 2: Downloading WordPress

First of all, I need to mention, that there are 2 WordPress
websites. One ending with the .org
and the other one with the .com. The
latter is the blogging platform where you can start your blog for free and use
the functionality of WordPress system. What you’d want to do is to go to https://wordpress.org/ instead and download
WordPress to your computer.

Once downloaded extract the .zip file and drag & drop the folder to the htdocs folder in the MAMP. When done,
rename the file to your own preferences as you’ll need it in future steps. For
myself, I renamed the folder wp-dev.

Step 3: Connect
WordPress to MAMP

Alright, so far so good. At this point, go back to the MAMP
site and under the TOOLS select PHPMYADMIN.
Now we’ll be making sure that WP files would be able to communicate with the
database. Unfortunately, we don’t have a database right now, that’s why we need
to create one.

Go to the Databases
and create a new database by giving it a name and pressing Create. You can name your database however you want, but it’s
always nice to know what’s what so I’ll go with wp-dev_db (db here stands for “Database”).

You’ll be able to see your new database on the left-side panel. You’ll also see that “No tables are found in the database”. That’s okay because WordPress files are basically are empty template files and they get their information from the database. Since this tutorial is not for web developers, I won’t go into details. All you need to do at this point is just to follow along.

Now, go back to the MAMP folder > htdocs > your WordPress folder. Search for the wp-config-sample file and delete the sample part as it only is a sample of what is supposed to be.

Now, in order to edit the file, you’ll need a code editor. In my case, I’m using a free code editor for MAC called Brackets. Brackets is a modern, open-source text editor that understands web design. The open-source is the most important point here as this means that many people are working voluntarily on this software for people to access it for free. There are many paid code editors, but for this purpose, Brackets is more than enough. Even for web developers who are only learning, it’s advised to start with this code editor as it’s, once again, free and simple to use.

In the wp-config
you’ll find these lines of code, but don’t let that scare just yet. It’s a lot
simple than it looks. In the document, search for the line of code if says:

define( ‘DB_NAME’, ‘database_name_here’ );

At this point, you’d want to change the name to the one
you’ve created on the PHPMYADMIN. In
my case, it’s going to be wp-dev_db.

Next, you’ll need your username and the password that you
found on the MAMP page. Luckily, when you’re using MAMP, the password and the
username will always be root. Simply
edit the MySQL username and password code lines in the wp-config you have opened. Your line of code should look like this:

Finally, you’ll need to pass the security system of WordPress and follow the instructions found below in the code to authenticate WordPress. To authenticate, you’ll need to copy-paste unique phrases, that can be found in the link mentioned in the lines of code. Once done, save the file.

Overall, there are a lot more steps you can take to make your WordPress secure and safe, but this is a topic for another article. Right now, you’d still be running your site locally, so you’ll be safe no matter what.

Step 4: Launching WordPress

Finally! The time has come! After all these steps, you’ll
finally be able to access your website! Well, almost…

Remember when I said to name the WordPress file folder so
you could use it in the future steps? Now is the time. Open your browser and
type http://localhost:8888/
and the name of your WP folder. Voila! WordPress is ready to be installed.

Finally, after pressing Continue
fill-up all the necessary information for your website. At this point, you
might as well choose to discourage search engines from indexing your site.
Remember, this site is only for your eyes. Moreover, the site will only be
visible for you, no one else will be able to access it, but still, you can
never trust Google.

And just like that, you have your own WordPress website, ready to use, on your localhost server!

Related Articles

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Stay Up to Date With The Latest News & Updates

Support With Coffee

Did you know you could support this page with coffee?  Simply donate  money worth of 1 cup of coffee!

Join Our Newsletter

 

Follow Us

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque