Up and Running WordPress Website is Easy (Zero Code Required)

Share on Facebook0Tweet about this on Twitter0Share on LinkedIn0

 

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),

2. Database,

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).

 

Why?

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.

 

MAMP Settings

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.

 

Screen Shot 2016-07-11 at 4.36.09 PM

 

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.

 

Screen Shot 2016-07-11 at 5.03.39 PM

 

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.

 

Screen Shot 2016-07-11 at 6.27.29 PM

 

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 folder to your website name, then place the downloaded folder into the MAMP root folder in this case “htdocs”. Go to the localhost in your browser and click the folder you just downloaded and renamed.

You should be able to see the screen below:

 

Screen Shot 2016-07-11 at 6.55.35 PM

 

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, the 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:

 

Screen Shot 2016-07-11 at 6.59.58 PM

 

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 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.

 

Screen Shot 2016-07-11 at 9.03.58 PM

 

Extra

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.

 

Feel free to check out our online WordPress Courses course. Contact us for one FREE virtual online class from Anywhere.

 

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!

 

 

Share on Facebook0Tweet about this on Twitter0Share on LinkedIn0

About the author
Raja Thangarasu

Raja loves building Web and iOS Applications. He is always curious to explore latest technologies and concepts. He's working as a UI Developer and he is teaching various technologies at SoftAuthor. He likes to write blogs and create youtube videos when he has time to share his knowledge to the world. Visit his website for more information about him.

Sign up for our blog updates and newsletters!


100 % privacy. I hate spam as much as you do!