Last updated: Aug 16, 2017 by Raja Tamil
WordPress is a simple way to create and maintain your blog or website and is one of the most popular CMS (Content Management Systems) out there. The best part of this post is that you do not need to write a single line of code in order to build a maintainable WordPress website.
I split this post into five main areas that will help us to create a WordPress website from scratch onto your local machine:
1. MAMP (for mac users),
3. PHP Code Files,
4. Admin Panel and
5. The actual Website running on the browser.
1. What is MAMP?
In order to run the WordPress website on your local machine, you need a web server and a database.
MAMP is solution stack and is used to run WordPress and other dynamic websites on mac computers. MAMP stands for Mac (Operating System), Apache (Web Server), MySQL (Database Management System) and PHP (the server side programming language).
MAMP allows mac computer users to test their dynamic websites like a WordPress website on their local machine. It is recommended that you use MAMP if you’re using a Mac computer to test your websites before publishing onto a live website.
How to Install MAMP?
It is very simple and easy to have the MAMP up and running on your local machine. Go to the MAMP website and you will see two products MAMP and MAMP Pro. For the sake of this course, you can download the free version. Double click to install the downloaded file and install it on your computer by following the instructions.
Once you have installed MAMP, go ahead and open the MAMP app by opening it up in Finder-> Applications Folder (Cmd+Shift+A)-> MAMP Folder->MAMP App icon and double click it to open. We need to change some settings before starting the server.
Go ahead and click “Preferences” in order to change the default port. Once it is opened, go to Preferences-> “Set Web & MySQL Ports to 80 & 3306”, then click OK.
The next step is to start Apache and MySQL server by hitting the Start Servers button. It may ask you for your admin password to authenticate and to run the server.
Go ahead and open up your favorite browser and then type “localhost“. If you see just “Index of/” on the browser, MAMP is successfully running on your computer.
The htdocs is an important folder, you can navigation it by going to Application->MAMP->htdocs. See the image above. Later, we will add all our projects files and folders inside that folder.
2. The Database
Open up the browser and type the following URL: “localhost/phpMyAdmin“- this will direct you to the phpMyAdmin page where you will create a database that stores all content of the WordPress website. We need to create a database before installing WordPress.
Create a name for the database and then click the create button. See the image above. That’s it! Now we need to point out this database name to WordPress so that all of our new content will be stored in the database.
3. The Code Files
In this section, you need to download WordPress from the WordPress site and rename the WordPress folder to your website name, then place the downloaded folder into the MAMP root folder in this case “htdocs”. Open a new tab in the browser and type local host in the address bar and click the folder you just downloaded and renamed.
You should be able to see the screen below:
Once you click the “Let’s go!” button, you will be redirected to the page where you need to enter the database name that matches the one you created earlier using phpMyAdmin page. Since we are using MAMP, “root” is the username and password. The Database Host has to be the localhost and the Table Prefix could be anything you like. Next, click Submit and then Run the install. See the image below:
You will see another form starting with Site Title which should be your website name that normally appear on the browser tab. The username and password (try picking a really difficult password so nobody can guess it) are important because you need those credentials every time you go to the Admin page and want to make any changes to the website. Do not share your credentials with anyone. Enter your email and leave “Search Engine Visibility” unchecked and install WordPress. In this process, the code files run to add necessary content to the database in order to create an Admin page and website page. These code files will basically grab the content you add via the Admin Panel and store it into the database and retrieve that content in appropriate places when you view the website on the browser.
4. The Admin Panel
The Admin Panel is the place where you add the content that will be added to the database via code files. The coding happens behind the scene so that you do not have to worry. This is the place where you create blog posts, menus, widgets, sidebars, themes, plugin and other cool things.
5. The Actual Website Running on the Browser
Now you can navigate to the localhost/your site on the browser. You can see the new post that WordPress created for you. Your simple WordPress site is ready!!! See the image below.
In order to edit the post you just created, go to the Admin Panel and find and click the “post” button. You can then edit that post and add whatever content you want. Once you are finished, click the publish button and you will see the changes reflected on the browser.
Leave a comment if you have any questions or suggestions. If you like it, don’t forget to share it with your friends. Thanks for reading!