How to Get Started with BoldGrid Using a Host File Modification

A hosts file modification is a convenient way to manipulate your computer to force your domain to resolve to a particular IP address. For instance, if you are hosting your website with a third party and plan on building a BoldGrid website at InMotion, you can work on your new website, without affecting what visitors are seeing on your existing website. In this guide, you will learn how to manually install WordPress, how to download, install, and initialize BoldGrid, and how to perform a hosts file modification to build your new website (using your domain) while your domain is not pointed to your server at InMotion Hosting.

Prepare for Install of WordPress

The first thing you will need to do is install WordPress. The instructions below will guide you through downloading, uploading, and extracting the WordPress core files and how to create the database that WordPress will use.

Download WordPress Installation Files

  1. Download the latest version of WordPress from their official site.

Upload and Extract WordPress Files

  1. Log into your cPanel.

  2. Navigate to the File Manager.

  3. Upload the WordPress zip file into the document root directory of your website.

  4. Extract/uncompress the WordPress Zip file.

Create a Database for WordPress

  1. Using the MySQL Database Wizard in cPanel create a new database and database user and then assign that new database user all privileges to the new database.

Once you have gathered all the necessary components to install WordPress, you will need to make your hosts file modification. This will allow your domain to remain pointed to the third party server (where your existing website is hosted) for visitors, while exclusively allowing you to point the domain to your (InMotion) server, to proceed with installing WordPress and BoldGrid.

Hosts File Modification

In order to proceed with installing WordPress, you will need to access your domain. However, since your domain is not pointed to InMotion’s server, a hosts file modification is necessary. In this section, you will learn how to modify the hosts file for your computer. Simply follow the instructions that match your computer’s operating system.

Windows

  1. Open Notepad as administrator.

  2. After you have Notepad opened and running as administrator, locate your hosts file.

  3. Now, open the hosts file in Notepad, by clicking on File, then Open….

  4. Now that you have your hosts file open, its time to edit it. Within your hosts file, you should see something like the following:

    # Copyright (c) 1993-1999 Microsoft Corp.
    #
    # This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
    #
    # This file contains the mappings of IP addresses to host names. Each
    # entry should be kept on an individual line. The IP address should
    # be placed in the first column followed by the corresponding host name.
    # The IP address and the host name should be separated by at least one
    # space.
    #
    # Additionally, comments (such as these) may be inserted on individual
    # lines or following the machine name denoted by a ‘#’ symbol.
    #
    # For example:
    #
    # 102.54.94.97 rhino.acme.com # source server
    # 38.25.63.10 x.acme.com # x client host

    127.0.0.1 localhost

  5. Add the following lines of code to your hosts file:

    86.75.30.9 example.com
    86.75.30.9 www.example.com

  6. After making the change, click on File, then Save.

  7. The easiest way to confirm that it worked is to just go to your domain. At this point in the process, you should see a WordPress installation prompt for you to select your language.

    If you are still seeing your site as it appears on the server that your DNS is pointed to, your computer may have some cached DNS and you will need to clear it. Luckily, we have an article that can teach you how to do just that:

    How do I Clear my Local DNS Cache?

Mac OS X

  1. Open the Terminal application.

    You may either type Terminal in the Spotlight search or navigate to Applications -> Utilities -> Terminal.

  2. Open the hosts file for editing.

    In the terminal window you just opened copy/paste the command string below, and press Return.

    sudo nano /private/etc/hosts

  3. Edit the hosts file by adding these two lines to the bottom of the file:

    86.75.30.9 example.com
    86.75.30.9 www.example.com

  4. Save your changes by pressing Control + o on your keyboard then Return to accept the filename.

  5. Exit the editor by pressing Control + x.

  6. The easiest way to confirm that it worked is to just go to your domain. At this point in the process, you should see a WordPress installation prompt for you to select your langauage.

    If you are still seeing your site as it appears on the server that your DNS is pointed to, your computer may have some cached DNS and you will need to clear it. You may need to flush your Mac’s DNS cache, so copy/paste the command below, into terminal, and press Return.

    sudo dscacheutil -flushcache

Install WordPress

  1. Visit your domain that you uploaded the WordPress files to. Select your desired language. Then, click on Continue to proceed.

  2. Next you will see a list of the requirements for proceeding with the manual installation. Click on Let’s go! to continue.

  3. Fill in each field. This information is necessary in order for WordPress to connect to the database that you have created. Click on Submit when you have completed entering the information.

  4. Next you will see the following message: “All right, sparky!“. This page confirms that you are ready to begin the installation process on the server. Click on Run the install to begin.

  5. Fill in the fields for the site title, username for the administrator, password for the administrator, and the email for the administrator. You also have a check box for Search Engine visibility that, when checked, will discourage search engines from indexing your website (eg. you are beginning to develop the site and you do not want your website to display in search results yet). Click on Install WordPress when you have completed filling in the fields.

  6. You will now have a “Success” screen display. You can log into the WordPress Dashboard by clicking Log in.

Install BoldGrid

Once you have installed WordPress, you can begin to install BoldGrid through the Administrative Dashboard. The following section will guide you through the process of downloading and installing BoldGrid.

Download BoldGrid

  1. Log into your Account Management Panel (AMP).

  2. Click on the Download BoldGrid icon.

  3. Click on the Download BoldGrid Plugin button to begin the download.

Install BoldGrid

  1. Log into the WordPress Dashboard.

  2. Hover over Plugins and click on Add New.

  3. Click on Upload Plugin.

  4. Click on Choose File, then navigate to the location of the BoldGrid download file. Select the file and click Open.

  5. Click on the Install Now button.

  6. Click the Activate link to activate BoldGrid.

Initialize BoldGrid

Once you have installed and activated BoldGrid, you will need to retrieve your BoldGrid Connect Key from your Account Management Panel and then use that Connect Key to initialize BoldGrid. The following section will guide you through the process of initializing BoldGrid.

Retrieve Your BoldGrid Connect Key

  1. Log into your Account Management Panel (AMP).

  2. Click on the Manage BoldGrid icon.

  3. Click on the View Connect Key link.

  4. Once the pop-up window appears, copy and save your BoldGrid Connect Key.

Activate BoldGrid with Connect Key

  1. Log into the WordPress Dashboard.

  2. Click on the field, paste in the key, then click on Submit.

Now that you have completed a hosts file modification, downloaded, uploaded, extracted, and installed WordPress, and downloaded, installed, and initialized BoldGrid, you can now install your first Inspiration to begin building your new website.

When you are ready to launch your site live, you can change your name servers to point to InMotion, so all your visitors can begin to see your new BoldGrid website! Don’t forget that your hosts file needs to be modified again (to remove the code), in order for your computer to be able to access your old/existing website (where your DNS is pointed to).

Leave a Reply